1 /* screen.css - MoinMoin Default Styles 2 3 Copyright (c) 2010 Paul Boddie <paul@boddie.org.uk> 4 Copyright (c) 2001, 2002, 2003 by Juergen Hermann 5 */ 6 7 /* content styles */ 8 9 body { 10 padding: 0; 11 margin: 0; 12 border: 0; 13 14 /* Styling similar to the main site. */ 15 16 font-family: Helvetica, Verdana, Arial, sans-serif; 17 color: #111; 18 margin: 0 5em; 19 } 20 21 /* Styling of headings from the main site. */ 22 23 h1 { font-size: 2em; } 24 h2 { font-size: 1.6em; } 25 h3 { font-size: 1.3em; } 26 27 a:link, a:visited { color: #00b5f1; text-decoration: none; } 28 a:link:hover, a:link:active, a:link:focus, 29 a:visited:hover, a:visited:active, a:visited:focus { text-decoration: underline; } 30 a.nonexistent:link { color: #666; text-decoration: none; } 31 a.nonexistent:hover { text-decoration: underline; } 32 33 a.download { 34 font-size: 120%; 35 letter-spacing: 0.05em; 36 font-weight: bold; 37 border: 1px solid #9C9C9C; 38 padding: 0.5em; 39 text-align: center; 40 41 /* Styling similar to the main site. */ 42 43 font-family: Verdana, Arial, sans-serif; 44 background: #12baf2; 45 color: #fff; 46 } 47 48 input, select { 49 50 /* Styling similar to the main site. */ 51 52 font-family: Helvetica, Arial, sans-serif; 53 font-size: 0.8571em; 54 } 55 56 textarea { 57 font-size: 1em; 58 font-family: monospace; 59 } 60 61 .disabled { 62 color: gray; 63 } 64 65 .editbar li span.disabled { 66 color: white; 67 } 68 69 /* Navigational and editing controls. */ 70 71 .controls { 72 float: right; 73 text-align: right; 74 } 75 76 #navibar, .editbar { 77 display: inline-block; 78 margin: 17px 0 2px 0; 79 padding: 0; 80 } 81 82 #navibar li, .editbar li { 83 display: inline; 84 margin: 0; 85 padding: 0; 86 } 87 88 .editbar form, .editbar span { 89 90 /* Need a block to redefine the height. */ 91 92 display: inline-block; 93 height: 42px; 94 line-height: 42px; 95 96 /* Margin and padding correspond to the navibar settings. */ 97 98 margin: 0; 99 padding: 0 16px; 100 background: #999; 101 } 102 103 #navibar a, .editbar a { 104 105 /* Need a block to redefine the height. */ 106 107 display: inline-block; 108 height: 42px; 109 line-height: 42px; 110 111 color: #fff; 112 margin: 0; 113 padding: 0 16px; 114 background: #999; 115 text-decoration: none; 116 } 117 118 #navibar a:hover, #navibar a:focus, #navibar li.current a, 119 .editbar a:hover, .editbar a:focus, .editbar li.current a { 120 background: #00b5f1; 121 text-decoration: none; 122 } 123 124 /* Other elements. */ 125 126 #logo { 127 float: left; 128 margin: 0; 129 padding: 0; 130 131 /* For text only logo */ 132 133 font-size: larger; 134 font-weight: bold; 135 } 136 137 #logo img { 138 vertical-align: bottom; 139 } 140 141 #logo a { 142 color: black; 143 text-decoration: none; 144 } 145 146 #searchform { 147 display: inline-block; 148 149 /* Margin and padding correspond to the navibar settings. */ 150 151 margin: 17px 0 2px 0; 152 padding: 0 16px; 153 background: #999; 154 155 /* Height settings correspond to navibar list entries. */ 156 157 height: 42px; 158 line-height: 42px; 159 } 160 161 #searchform input { 162 vertical-align: middle; 163 } 164 165 #searchform label, .actionsmenu label { 166 font-size: smaller; 167 color: #fff; 168 } 169 170 #pageline, .pageline { 171 172 /* Prevent mixing of header and content elements. */ 173 174 clear: both; 175 margin: 0; 176 padding: 0; 177 border-bottom: 1px solid #ccc; 178 } 179 180 #message { 181 clear: both; 182 margin: 0; 183 padding: 5px 10px; 184 185 /* Styling similar to the advanced search. */ 186 187 border-bottom: 1px solid #ADB9CC; 188 background-color: #E7E7E7; 189 } 190 191 #message p { 192 margin: 5px 0; 193 padding: 0; 194 } 195 196 #message div.buttons { 197 font-weight: normal; 198 } 199 200 .dialog form { 201 margin: 0 15px; 202 } 203 204 .dialog td { 205 border: none; 206 padding: 5px; 207 } 208 209 .dialog td.label { 210 text-align: right; 211 font-weight: bold; 212 width: 25%; 213 } 214 215 *[dir="rtl"] .dialog td.label { 216 text-align: left; 217 } 218 219 .dialog td.content input { 220 width: 100%; 221 } 222 223 #page { 224 225 /* Prevent mixing of header and content elements. */ 226 227 clear: both; 228 background-color: white; 229 margin: 0; 230 padding: 0.25em; 231 } 232 233 #editor-textarea { 234 padding: 0px; 235 } 236 237 #editor-textarea, 238 #editor-help { 239 font-family: monospace; 240 border: 1px solid #8cacbb; 241 color: black; 242 background-color: white; 243 width: 100%; 244 margin-top: 0.5em; 245 } 246 247 #editor-help { 248 font-size: small; 249 background-color: #EEEEFF; 250 padding: 3px; 251 } 252 253 #editor-comment { 254 font-size: 100%; 255 border: 1px solid #8cacbb; 256 color: black; 257 background-color: white; 258 vertical-align: middle; 259 padding: 1px; 260 display: inline; 261 width: 70%; 262 } 263 264 #preview, #previewbelow { 265 background: url(../img/draft.png); 266 margin-top: 0.5em; 267 } 268 269 #textcha { 270 font-size: 100%; 271 margin-top: 0.5em; 272 border: 2px solid #FF8888; 273 color: black; 274 vertical-align: middle; 275 padding: 3px 2px; 276 } 277 278 #textcha-answer { 279 border: 2px solid #000000; 280 padding: 3px 2px; 281 } 282 283 input.button { 284 } 285 286 #credits, #version, #timings, #username { 287 float: right; 288 289 /* Styling similar to the main site. */ 290 291 font-family: Verdana, Helvetica, Arial, sans-serif; 292 font-size: .6428em; 293 padding: 10px 25px; 294 } 295 296 #credits li, #timings li, #username li { 297 display: inline; 298 padding: 0 2px; 299 margin: 0 4px; 300 } 301 302 #credits img { 303 vertical-align: middle; 304 } 305 306 #credits a, #username a { 307 text-decoration: none; 308 } 309 310 .diff { 311 width:99%; 312 } 313 314 .diff-header { 315 font-weight: bold; 316 } 317 318 .diff-title { 319 background-color: #C0C0C0; 320 } 321 322 .diff-added { 323 background-color: #E0FFE0; 324 vertical-align: sub; 325 } 326 327 .diff-removed { 328 background-color: #FFFFE0; 329 vertical-align: sub; 330 } 331 332 .diff-added span { 333 background-color: #80FF80; 334 } 335 336 .diff-removed span { 337 background-color: #FFFF80; 338 } 339 340 table.navigation { 341 float: right; 342 margin: 2px; 343 } 344 345 #openididentifier { 346 background: url(../../common/openid.png) no-repeat; 347 background-position: 0 50%; 348 padding-left: 18px; 349 }