style.css (2400B) - raw
1 main { 2 max-width: 72ch; 3 padding: 2ch; 4 margin: auto; 5 font-family: "Roboto", Helvetica, Arial, Sans-serif; 6 word-wrap: break-word; 7 background-color: white; 8 line-height: 1.5; 9 } 10 11 a:visited { 12 color:blue 13 } 14 15 h1, h2, h3, h4, h5, h6{ 16 margin-top:0; 17 margin-bottom:.2em; 18 } 19 20 .footer { 21 font-style: italic; 22 color: grey; 23 font-size: .9em; 24 } 25 26 body { 27 } 28 29 table { 30 margin-left: 7px 31 } 32 p { 33 margin-bottom: .2em; 34 line-height: 1.5; 35 margin-top: 0px; 36 } 37 38 .inline { 39 display: inline; 40 } 41 42 img { 43 max-width: 100%; 44 } 45 46 #editor { 47 width: 100%; 48 border: 1px solid #999999; 49 margin: 5px 0; 50 line-height: 1.4; 51 padding: 3px; 52 font-size: 1rem; 53 resize: vertical; 54 } 55 56 .textform { 57 width: 100%; 58 resize: vertical; 59 } 60 61 .impersonate { 62 font-style: italic; 63 font-weight: bold; 64 } 65 66 .button { 67 background-color: white; /* Green */ 68 border: 1px solid black; 69 text-decoration: none; 70 padding: 2px 5px; 71 display: inline-block; 72 margin: 0px; 73 font-size: 1rem; 74 } 75 76 77 .button:hover { 78 background-color: black; 79 color: white; 80 } 81 82 .delete:hover { 83 background-color: red; 84 color: white; 85 } 86 87 .error { 88 color: red; 89 } 90 91 .warning { 92 color: #ffcc00 ; 93 } 94 95 .alert { 96 color: green; 97 } 98 99 .nav { 100 color: blue; 101 } 102 103 .user-admin-details { 104 margin-left: 1em; 105 margin-bottom: 1em; 106 } 107 108 a { 109 text-decoration: none; 110 } 111 112 pre { 113 line-height: 1.2; 114 font-size: 1rem; 115 overflow: auto; 116 word-wrap:normal; 117 } 118 119 a:hover { 120 text-decoration: underline; 121 } 122 123 ul { 124 padding-left: 1.5rem; 125 } 126 127 .indent-wrap { 128 padding-left: 1em; 129 text-indent: -1em; 130 } 131 132 blockquote { 133 margin-left: .5em; 134 font-style: italic; 135 background: #f9f9f9; 136 border-left: .5em solid #ccc; 137 padding: .5em 10px; 138 } 139 140 @media (prefers-color-scheme: dark) { 141 body, main { background: #1b222c; color: white; } 142 a { color: #21e6c1 } 143 a:visited { color: #21e6c1 } 144 input[type="text"], input[type="password"], textarea { 145 color: white; 146 background-color: #121212; 147 } 148 .button { 149 color: black; 150 } 151 blockquote { 152 background-color: #121212; 153 border-left: .5em solid black; 154 } 155 } 156 157 @media only screen and (max-width: 600px) { 158 body { 159 font-size: 16px 160 } 161 input[type="text"], input[type="password"], textarea { 162 font-size: 1rem; 163 } 164 165 blockquote { 166 margin-left: 0; 167 margin-right: 0; 168 } 169 } 170 171 hr.thin { 172 border: 0; 173 height: 0; 174 border-top: 1px solid rgba(0, 0, 0, 0.1); 175 border-bottom: 1px solid rgba(255, 255, 255, 0.3); 176 }