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