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