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