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 .included-page:hover .include-link a { 49 color: #00b5f1; 50 } 51 52 .included-page .include-link a { 53 color: #999; 54 } 55 56 input, select { 57 58 /* Styling similar to the main site. */ 59 60 font-family: Helvetica, Arial, sans-serif; 61 font-size: 0.8571em; 62 } 63 64 textarea { 65 font-size: 1em; 66 font-family: monospace; 67 } 68 69 .disabled { 70 color: gray; 71 } 72 73 .editbar li span.disabled { 74 color: white; 75 } 76 77 /* Navigational and editing controls. */ 78 79 .controls { 80 float: right; 81 text-align: right; 82 } 83 84 #navibar, .editbar { 85 display: inline-block; 86 margin: 17px 0 2px 0; 87 padding: 0; 88 vertical-align: bottom; 89 } 90 91 #navibar li, .editbar li { 92 display: inline; 93 margin: 0; 94 padding: 0; 95 } 96 97 .editbar form, .editbar span { 98 99 /* Need a block to redefine the height. */ 100 101 display: inline-block; 102 height: 42px; 103 line-height: 42px; 104 105 /* Margin and padding correspond to the navibar settings. */ 106 107 margin: 0; 108 padding: 0 16px; 109 background: #999; 110 } 111 112 #navibar a, .editbar a { 113 114 /* Need a block to redefine the height. */ 115 116 display: inline-block; 117 height: 42px; 118 line-height: 42px; 119 120 color: #fff; 121 margin: 0; 122 padding: 0 16px; 123 background: #999; 124 text-decoration: none; 125 } 126 127 #navibar a:hover, #navibar a:focus, #navibar li.current a, 128 .editbar a:hover, .editbar a:focus, .editbar li.current a { 129 background: #00b5f1; 130 text-decoration: none; 131 } 132 133 /* Other elements. */ 134 135 #logo { 136 float: left; 137 margin: 0; 138 padding: 0; 139 140 /* For text only logo */ 141 142 font-size: larger; 143 font-weight: bold; 144 } 145 146 #logo img { 147 vertical-align: bottom; 148 } 149 150 #logo a { 151 color: black; 152 text-decoration: none; 153 } 154 155 #searchform { 156 display: inline-block; 157 158 /* Margin and padding correspond to the navibar settings. */ 159 160 margin: 17px 0 2px 0; 161 padding: 0 16px; 162 background: #999; 163 164 /* Height settings correspond to navibar list entries. */ 165 166 height: 42px; 167 line-height: 42px; 168 } 169 170 #searchform input { 171 vertical-align: middle; 172 } 173 174 #searchform label, .actionsmenu label { 175 font-size: smaller; 176 color: #fff; 177 } 178 179 #pageline, .pageline { 180 181 /* Prevent mixing of header and content elements. */ 182 183 clear: both; 184 margin: 0; 185 padding: 0; 186 border-bottom: 1px solid #ccc; 187 } 188 189 #message { 190 clear: both; 191 margin: 0; 192 padding: 5px 10px; 193 194 /* Styling similar to the advanced search. */ 195 196 border-bottom: 1px solid #ccc; 197 background-color: #f0f0f0; 198 } 199 200 #message p { 201 margin: 5px 0; 202 padding: 0; 203 } 204 205 #message a { 206 color: #0050c1; 207 } 208 209 #message div.buttons { 210 font-weight: normal; 211 } 212 213 .dialog form { 214 margin: 0 15px; 215 } 216 217 .dialog td { 218 border: none; 219 padding: 5px; 220 } 221 222 .dialog td.label { 223 text-align: right; 224 font-weight: bold; 225 width: 25%; 226 } 227 228 *[dir="rtl"] .dialog td.label { 229 text-align: left; 230 } 231 232 .dialog td.content input { 233 width: 100%; 234 } 235 236 #page { 237 238 /* Prevent mixing of header and content elements. */ 239 240 clear: both; 241 background-color: white; 242 margin: 0; 243 padding: 0.25em; 244 } 245 246 #editor-textarea { 247 padding: 0px; 248 } 249 250 #editor-textarea, 251 #editor-help { 252 font-family: monospace; 253 border: 1px solid #8cacbb; 254 color: black; 255 background-color: white; 256 width: 100%; 257 margin-top: 0.5em; 258 } 259 260 #editor-help { 261 font-size: small; 262 background-color: #EEEEFF; 263 padding: 3px; 264 } 265 266 #editor-comment { 267 font-size: 100%; 268 border: 1px solid #8cacbb; 269 color: black; 270 background-color: white; 271 vertical-align: middle; 272 padding: 1px; 273 display: inline; 274 width: 70%; 275 } 276 277 #preview, #previewbelow { 278 background: url(../img/draft.png); 279 margin-top: 0.5em; 280 } 281 282 #textcha { 283 font-size: 100%; 284 margin-top: 0.5em; 285 border: 2px solid #FF8888; 286 color: black; 287 vertical-align: middle; 288 padding: 3px 2px; 289 } 290 291 #textcha-answer { 292 border: 2px solid #000000; 293 padding: 3px 2px; 294 } 295 296 input.button { 297 } 298 299 #pagetrail { 300 float: left; 301 } 302 303 #credits, #version, #timings, #username { 304 float: right; 305 } 306 307 #pagetrail, #credits, #version, #timings, #username { 308 309 /* Styling similar to the main site. */ 310 311 font-family: Verdana, Helvetica, Arial, sans-serif; 312 padding: 10px 25px; 313 } 314 315 #credits, #version, #timings { 316 317 /* Styling similar to the main site. */ 318 319 font-size: .6428em; 320 } 321 322 #pagetrail, #username { 323 324 /* Styling similar to the main site. */ 325 326 font-size: .8em; 327 } 328 329 #pagetrail li, #credits li, #timings li, #username li { 330 display: inline; 331 padding: 0 2px; 332 margin: 0 4px; 333 } 334 335 #pagetrail li:before { 336 content: " ?? "; 337 } 338 339 #credits img { 340 vertical-align: middle; 341 } 342 343 #pagetrail a, #credits a, #username a { 344 text-decoration: none; 345 } 346 347 .diff { 348 width:99%; 349 } 350 351 .diff-header { 352 font-weight: bold; 353 } 354 355 .diff-title { 356 background-color: #C0C0C0; 357 } 358 359 .diff-added { 360 background-color: #E0FFE0; 361 vertical-align: sub; 362 } 363 364 .diff-removed { 365 background-color: #FFFFE0; 366 vertical-align: sub; 367 } 368 369 .diff-added span { 370 background-color: #80FF80; 371 } 372 373 .diff-removed span { 374 background-color: #FFFF80; 375 } 376 377 table.navigation { 378 float: right; 379 margin: 2px; 380 } 381 382 #openididentifier { 383 background: url(../../common/openid.png) no-repeat; 384 background-position: 0 50%; 385 padding-left: 18px; 386 }