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