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