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