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