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