1 /* style.css - stylesheets resembling the MercurialWebTheme styles 2 3 Copyright (c) 2010 Paul Boddie <paul@boddie.org.uk> 4 Copyright (c) 2003-2009 Richard Jones <richard@mechanicalcat.net> 5 Copyright (c) 2002 eKit.com Inc (http://www.ekit.com/) 6 Copyright (c) 2001 Bizar Software Pty Ltd (http://www.bizarsoftware.com.au/) 7 */ 8 9 /* main page styles */ 10 11 table.body { 12 border: 0; 13 padding: 0; 14 border-spacing: 0; 15 border-collapse: separate; 16 } 17 18 dl, ol, ul { 19 padding: 0 1em; 20 margin: 0 0.5em; 21 } 22 23 li p { 24 margin: 0.1em 0; 25 } 26 27 /* Navigation and other controls. */ 28 29 #username { 30 float: right; 31 } 32 33 #username { 34 35 /* Styling similar to the main site. */ 36 37 font-family: Verdana, Helvetica, Arial, sans-serif; 38 font-size: .6428em; 39 padding: 10px 25px; 40 } 41 42 #username li { 43 display: inline; 44 padding: 0 2px; 45 margin: 0 4px; 46 } 47 48 #username a { 49 text-decoration: none; 50 } 51 52 /* Messages. */ 53 54 p.ok-message { 55 border-bottom: 1px solid #ccc; 56 background-color: #f0f0f0; 57 padding: 5px 10px; 58 } 59 60 p.error-message { 61 border-bottom: 1px solid #ccc; 62 background-color: #f0f0f0; 63 padding: 5px 10px; 64 } 65 66 p.error-message a[href] { 67 color: #005cd5; 68 } 69 70 /* don't display the header when printing */ 71 @media print { 72 td.sidebar { 73 display: none; 74 } 75 .index-controls { 76 display: none; 77 } 78 } 79 80 td.sidebar { 81 padding: 1px 0 0 1px; 82 white-space: nowrap; 83 } 84 85 td.sidebar p.classblock { 86 padding: 2px 5px 2px 5px; 87 margin: 1px; 88 border: 1px solid #444; 89 background-color: #eee; 90 } 91 92 td.sidebar p.userblock { 93 padding: 2px 5px 2px 5px; 94 margin: 1px 1px 1px 1px; 95 border: 1px solid #444; 96 background-color: #eef; 97 } 98 99 .form-small { 100 padding: 0; 101 font-size: 75%; 102 } 103 104 105 td.content { 106 padding: 1px 5px 1px 5px; 107 vertical-align: top; 108 width: 100%; 109 } 110 111 td.date, th.date { 112 white-space: nowrap; 113 } 114 115 /* style for search forms */ 116 ul.search-checkboxes { 117 display: inline; 118 padding: 0; 119 list-style: none; 120 } 121 ul.search-checkboxes > li { 122 display: inline; 123 padding-right: .5em; 124 } 125 126 127 /* style for forms */ 128 table.form { 129 padding: 2px; 130 border-spacing: 0; 131 border-collapse: separate; 132 } 133 134 table.form th { 135 color: #338; 136 text-align: right; 137 vertical-align: top; 138 font-weight: normal; 139 white-space: nowrap; 140 } 141 142 table.form th.header { 143 font-weight: bold; 144 background-color: #eef; 145 text-align: left; 146 } 147 148 table.form th.required { 149 font-weight: bold; 150 } 151 152 table.form td { 153 color: #333; 154 empty-cells: show; 155 vertical-align: top; 156 } 157 158 table.form td.optional { 159 font-weight: bold; 160 font-style: italic; 161 } 162 163 table.form td.html { 164 color: #777; 165 } 166 167 /* style for lists */ 168 table.list { 169 border-spacing: 0; 170 border-collapse: separate; 171 width: 100%; 172 } 173 174 table.list th { 175 padding: 0 4px 0 4px; 176 color: #404070; 177 background-color: #eef; 178 border: 1px solid white; 179 vertical-align: top; 180 empty-cells: show; 181 } 182 table.list th a[href]:hover { color: #404070 } 183 table.list th a[href]:link { color: #404070 } 184 table.list th a[href] { color: #404070 } 185 table.list th.group { 186 background-color: #f4f4ff; 187 text-align: center; 188 } 189 190 table.list td { 191 padding: 0 4px 0 4px; 192 border: 1px solid white; 193 color: #404070; 194 background-color: #efefef; 195 vertical-align: top; 196 empty-cells: show; 197 } 198 199 table.list tr.navigation th { 200 width: 33%; 201 border-style: hidden; 202 text-align: center; 203 } 204 table.list tr.navigation td { 205 border: none 206 } 207 table.list tr.navigation th:first-child { 208 text-align: left; 209 } 210 table.list tr.navigation th:last-child { 211 text-align: right; 212 } 213 214 215 /* style for message displays */ 216 table.messages { 217 border-spacing: 0; 218 border-collapse: separate; 219 width: 100%; 220 } 221 222 table.messages th.header{ 223 padding-top: 10px; 224 border-bottom: 1px solid gray; 225 font-weight: bold; 226 background-color: white; 227 color: #707040; 228 } 229 230 table.messages th { 231 font-weight: bold; 232 color: black; 233 text-align: left; 234 border-bottom: 1px solid #afafaf; 235 } 236 237 table.messages td { 238 font-family: monospace; 239 background-color: #efefef; 240 border-bottom: 1px solid #afafaf; 241 color: black; 242 empty-cells: show; 243 border-right: 1px solid #afafaf; 244 vertical-align: top; 245 padding: 2px 5px 2px 5px; 246 } 247 248 table.messages td:first-child { 249 border-left: 1px solid #afafaf; 250 border-right: 1px solid #afafaf; 251 } 252 253 /* style for file displays */ 254 table.files { 255 border-spacing: 0; 256 border-collapse: separate; 257 width: 100%; 258 } 259 260 table.files th.header{ 261 padding-top: 10px; 262 border-bottom: 1px solid gray; 263 font-weight: bold; 264 background-color: white; 265 color: #707040; 266 } 267 268 table.files th { 269 border-bottom: 1px solid #afafaf; 270 font-weight: bold; 271 text-align: left; 272 } 273 274 table.files td { 275 font-family: monospace; 276 empty-cells: show; 277 } 278 279 /* style for history displays */ 280 table.history { 281 border-spacing: 0; 282 border-collapse: separate; 283 width: 100%; 284 } 285 286 table.history th.header{ 287 padding-top: 10px; 288 border-bottom: 1px solid gray; 289 font-weight: bold; 290 background-color: white; 291 color: #707040; 292 font-size: 100%; 293 } 294 295 table.history th { 296 border-bottom: 1px solid #afafaf; 297 font-weight: bold; 298 text-align: left; 299 font-size: 90%; 300 } 301 302 table.history td { 303 font-size: 90%; 304 vertical-align: top; 305 empty-cells: show; 306 } 307 308 309 /* style for class list */ 310 table.classlist { 311 border-spacing: 0; 312 border-collapse: separate; 313 width: 100%; 314 } 315 316 table.classlist th.header{ 317 padding-top: 10px; 318 border-bottom: 1px solid gray; 319 font-weight: bold; 320 background-color: white; 321 color: #707040; 322 } 323 324 table.classlist th { 325 font-weight: bold; 326 text-align: left; 327 } 328 329 330 /* style for class help display */ 331 table.classhelp { /* the table-layout: fixed; */ 332 table-layout: fixed; /* compromises quality for speed */ 333 overflow: hidden; 334 font-size: .9em; 335 padding-bottom: 3em; 336 } 337 338 table.classhelp th { 339 font-weight: normal; 340 text-align: left; 341 color: #444; 342 background-color: #efefef; 343 border-bottom: 1px solid #afafaf; 344 border-top: 1px solid #afafaf; 345 text-transform: uppercase; 346 vertical-align: middle; 347 line-height:1.5em; 348 } 349 350 table.classhelp td { 351 vertical-align: middle; 352 padding-right: .2em; 353 border-bottom: 1px solid #efefef; 354 text-align: left; 355 empty-cells: show; 356 white-space: nowrap; 357 vertical-align: middle; 358 } 359 360 table.classhelp tr:hover { 361 background-color: #eee; 362 } 363 364 label.classhelp-label { 365 cursor: pointer; 366 } 367 368 #classhelp-controls { 369 position: fixed; 370 display: block; 371 top: auto; 372 right: 0; 373 bottom: 0; 374 left: 0; 375 padding: .5em; 376 border-top: 2px solid #444; 377 background-color: #eee; 378 } 379 380 #classhelp-controls input.apply { 381 width: 7em; 382 font-weight: bold; 383 margin-right: 2em; 384 margin-left: 2em; 385 } 386 387 #classhelp-controls input.preview { 388 margin-right: 3em; 389 margin-left: 1em; 390 } 391 392 /* style for "other" displays */ 393 table.otherinfo { 394 border-spacing: 0; 395 border-collapse: separate; 396 width: 100%; 397 } 398 399 table.otherinfo th.header{ 400 padding-top: 10px; 401 border-bottom: 1px solid gray; 402 font-weight: bold; 403 background-color: white; 404 color: #707040; 405 } 406 407 table.otherinfo th { 408 border-bottom: 1px solid #afafaf; 409 font-weight: bold; 410 text-align: left; 411 } 412 413 input[type="text"]:focus, 414 input[type="checkbox"]:focus, 415 input[type="radio"]:focus, 416 input[type="password"]:focus, 417 textarea:focus, select:focus { 418 background-color: #ffffc0; 419 } 420 421 .calendar_display { 422 text-align: center; 423 } 424 425 .calendar_display td { 426 padding: 1px 4px 1px 4px; 427 } 428 429 .calendar_display .today { 430 background-color: #afafaf; 431 } 432 433 /* vim: sts=2 sw=2 et 434 */