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