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 #ADB9CC; 189 background-color: #E7E7E7; 190 } 191 192 #message p { 193 margin: 5px 0; 194 padding: 0; 195 } 196 197 #message div.buttons { 198 font-weight: normal; 199 } 200 201 .dialog form { 202 margin: 0 15px; 203 } 204 205 .dialog td { 206 border: none; 207 padding: 5px; 208 } 209 210 .dialog td.label { 211 text-align: right; 212 font-weight: bold; 213 width: 25%; 214 } 215 216 *[dir="rtl"] .dialog td.label { 217 text-align: left; 218 } 219 220 .dialog td.content input { 221 width: 100%; 222 } 223 224 #page { 225 226 /* Prevent mixing of header and content elements. */ 227 228 clear: both; 229 background-color: white; 230 margin: 0; 231 padding: 0.25em; 232 } 233 234 #editor-textarea { 235 padding: 0px; 236 } 237 238 #editor-textarea, 239 #editor-help { 240 font-family: monospace; 241 border: 1px solid #8cacbb; 242 color: black; 243 background-color: white; 244 width: 100%; 245 margin-top: 0.5em; 246 } 247 248 #editor-help { 249 font-size: small; 250 background-color: #EEEEFF; 251 padding: 3px; 252 } 253 254 #editor-comment { 255 font-size: 100%; 256 border: 1px solid #8cacbb; 257 color: black; 258 background-color: white; 259 vertical-align: middle; 260 padding: 1px; 261 display: inline; 262 width: 70%; 263 } 264 265 #preview, #previewbelow { 266 background: url(../img/draft.png); 267 margin-top: 0.5em; 268 } 269 270 #textcha { 271 font-size: 100%; 272 margin-top: 0.5em; 273 border: 2px solid #FF8888; 274 color: black; 275 vertical-align: middle; 276 padding: 3px 2px; 277 } 278 279 #textcha-answer { 280 border: 2px solid #000000; 281 padding: 3px 2px; 282 } 283 284 input.button { 285 } 286 287 #credits, #version, #timings, #username { 288 float: right; 289 290 /* Styling similar to the main site. */ 291 292 font-family: Verdana, Helvetica, Arial, sans-serif; 293 font-size: .6428em; 294 padding: 10px 25px; 295 } 296 297 #credits li, #timings li, #username li { 298 display: inline; 299 padding: 0 2px; 300 margin: 0 4px; 301 } 302 303 #credits img { 304 vertical-align: middle; 305 } 306 307 #credits a, #username a { 308 text-decoration: none; 309 } 310 311 .diff { 312 width:99%; 313 } 314 315 .diff-header { 316 font-weight: bold; 317 } 318 319 .diff-title { 320 background-color: #C0C0C0; 321 } 322 323 .diff-added { 324 background-color: #E0FFE0; 325 vertical-align: sub; 326 } 327 328 .diff-removed { 329 background-color: #FFFFE0; 330 vertical-align: sub; 331 } 332 333 .diff-added span { 334 background-color: #80FF80; 335 } 336 337 .diff-removed span { 338 background-color: #FFFF80; 339 } 340 341 table.navigation { 342 float: right; 343 margin: 2px; 344 } 345 346 #openididentifier { 347 background: url(../../common/openid.png) no-repeat; 348 background-position: 0 50%; 349 padding-left: 18px; 350 }