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