1 /* style-mercurialweb.css - stylesheets resembling the MercurialWikiTheme styles 2 3 Copyright (c) 2010, 2011 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, img { 22 border: 0; 23 } 24 25 a:link, a:visited { color: #00b5f1; text-decoration: none; } 26 a:link:hover, a:link:active, a:link:focus, 27 a:visited:hover, a:visited:active, a:visited:focus { text-decoration: underline; } 28 29 h3 a { color: inherit !important; } 30 31 input, select { 32 33 /* Styling similar to the main site. */ 34 35 font-family: Helvetica, Arial, sans-serif; 36 font-size: 0.8571em; 37 } 38 39 /* Table styling. */ 40 41 table 42 { 43 margin: 1em 0; 44 border-collapse: collapse; 45 width: 100%; 46 } 47 48 th { 49 text-align: left; 50 } 51 52 th a:link, th a:visited { 53 color: #111; 54 } 55 56 th, td { 57 padding: 0.4em 0.25em; 58 vertical-align: top; 59 } 60 61 td p { 62 margin: 0; 63 padding: 0; 64 } 65 66 tr.parity1 { 67 background: #f7f7f7; 68 } 69 70 hr { 71 background-color: #ccc; 72 color: #ccc; 73 border: 0; 74 height: 1px; 75 } 76 77 /* Index styling. */ 78 79 .archives { 80 text-align: left; 81 white-space: nowrap; 82 } 83 84 .feeds { 85 text-align: right; 86 white-space: nowrap; 87 } 88 89 /* Summary table dimensions. */ 90 91 table.summary td.author, 92 table.summary td.date, 93 table.branches td.date, 94 table.bookmarks td.date, 95 table.tags td.date { 96 width: 10%; 97 } 98 99 table.manifest td.node, 100 table.summary.branches td.date, 101 table.summary.bookmarks td.date, 102 table.summary.tags td.date { 103 width: 20%; 104 } 105 106 table.summary td.navigation, 107 table.branches td.navigation, 108 table.bookmarks td.navigation, 109 table.tags td.navigation { 110 width: 5%; 111 } 112 113 /* Styling of headings from the main site. */ 114 115 h1 { font-size: 2em; } 116 h2 { font-size: 1.6em; } 117 h3 { font-size: 1.3em; } 118 119 /* Repository information. */ 120 121 td.branchinfo, 122 td.branches, 123 td.bookmarks, 124 td.tags { 125 text-align: right; 126 white-space: nowrap; 127 } 128 129 span.branchinfo { 130 padding-top: 0.15em; 131 padding-bottom: 0.15em; 132 } 133 134 td.branchinfo.graphlabel { 135 padding-top: 0; 136 padding-bottom: 0; 137 } 138 139 td.node { 140 font-family: monospace; 141 142 /* Monospace inline text frequently looks smaller than the surrounding text. */ 143 144 font-size: 120%; 145 } 146 147 span.tag, 148 span.bookmark, 149 span.branch, 150 span.inbranch { 151 padding: 0.25em 0.5em; 152 white-space: nowrap; 153 } 154 155 span.tag { 156 background: #f1b500; 157 } 158 159 span.bookmark { 160 background: #f100b5; 161 } 162 163 span.branch, /* default properties */ 164 span.open { 165 background: #b5f1b5; 166 } 167 168 span.inbranch, 169 span.inactive { 170 background: #b5b5b5 !important; 171 } 172 173 span.closed { 174 background-color: #f1b5b5 !important; 175 } 176 177 span.branch a, 178 span.bookmark a, 179 span.tag a, 180 span.inbranch a, 181 span.open a, 182 span.closed a, 183 span.inactive a { 184 color: #000; 185 } 186 187 /* Navigational and editing controls. */ 188 189 @media print { 190 #header { 191 display: none; 192 } 193 } 194 195 .controls { 196 float: right; 197 text-align: right; 198 } 199 200 #navibar { 201 display: inline-block; 202 margin: 17px 0 2px 0; 203 padding: 0; 204 vertical-align: bottom; 205 } 206 207 #navibar li { 208 display: inline; 209 margin: 0; 210 padding: 0; 211 } 212 213 #navibar li form { 214 display: inline; 215 } 216 217 #navibar a, #navibar li.current span, 218 .archives a, 219 .feeds a, 220 .changeset-navigation a, 221 .navigation a { 222 color: #fff; 223 text-decoration: none; 224 } 225 226 #navibar a { 227 background: #999; 228 } 229 230 .navigation { 231 white-space: nowrap; 232 } 233 234 .archives a, 235 .feeds a, 236 .changeset-navigation a, 237 .navigation a { 238 background: #ccc; 239 } 240 241 #navibar a, #navibar li.current span { 242 243 /* Need a block to redefine the height. */ 244 245 display: inline-block; 246 height: 42px; 247 line-height: 42px; 248 249 margin: 0; 250 padding: 0 16px; 251 } 252 253 .changeset-navigation { 254 line-height: 2em; 255 padding-top: 0; 256 } 257 258 .archives a, 259 .feeds a, 260 .changeset-navigation a, 261 .navigation a { 262 padding: 0.25em 0.5em; 263 } 264 265 #navibar a:hover, #navibar a:focus, #navibar li.current a, #navibar li.current span, 266 .archives a:hover, .archives a:focus, 267 .changeset-navigation a:hover, .changeset-navigation a:focus, 268 .navigation a:hover, .navigation a:focus { 269 background: #00b5f1; 270 } 271 272 .feeds a:hover, .feeds a:focus { 273 background: #f1b500; 274 } 275 276 #navibar a:hover, #navibar a:focus, #navibar li.current a, 277 .archives a:hover, .archives a:focus, 278 .feeds a:hover, .feeds a:focus, 279 .changeset-navigation a:hover, .changeset-navigation a:focus, 280 .navigation a:hover, .navigation a:focus { 281 text-decoration: none; 282 } 283 284 /* Other elements. */ 285 286 #logo { 287 float: left; 288 margin: 0; 289 padding: 0; 290 291 /* For text only logo */ 292 293 font-size: larger; 294 font-weight: bold; 295 } 296 297 #logo img { 298 vertical-align: bottom; 299 } 300 301 #logo a { 302 color: black; 303 text-decoration: none; 304 } 305 306 #navibar form span.container { 307 position: relative; 308 display: inline-block; 309 310 /* Margin and padding correspond to the navibar settings. */ 311 312 margin: 0; 313 background: #999; 314 315 /* Height settings correspond to navibar list entries. */ 316 317 height: 42px; 318 line-height: 42px; 319 } 320 321 form#searchform span.container { 322 323 /* Margin and padding correspond to the navibar settings. */ 324 325 padding: 0 16px; 326 } 327 328 #searchform span.container span.hint { 329 display: none; 330 } 331 332 #searchform span.container:hover span.hint { 333 display: block; 334 position: absolute; 335 top: 42px; 336 left: 16px; 337 z-index: 3; 338 339 padding: 0 16px; 340 341 background: #00b5f1; 342 color: #fff; 343 } 344 345 #searchform input { 346 vertical-align: middle; 347 } 348 349 #searchform label { 350 font-size: smaller; 351 color: #fff; 352 } 353 354 #pageline, .pageline { 355 356 /* Prevent mixing of header and content elements. */ 357 358 clear: both; 359 margin: 0; 360 padding: 0; 361 border-bottom: 1px solid #ccc; 362 } 363 364 /* Footer elements. */ 365 366 #footer { 367 margin-top: 1em; 368 } 369 370 #credits { 371 float: right; 372 373 /* Styling similar to the main site. */ 374 375 font-family: Verdana, Helvetica, Arial, sans-serif; 376 font-size: .6428em; 377 padding: 10px 25px; 378 } 379 380 #credits li { 381 display: inline; 382 padding: 0 2px; 383 margin: 0 4px; 384 } 385 386 #credits img { 387 vertical-align: middle; 388 } 389 390 #credits a { 391 text-decoration: none; 392 } 393 394 /* Shortlog presentation. */ 395 396 .commentline { 397 white-space: nowrap; 398 overflow: hidden; 399 } 400 401 /* Changeset and changelog presentation. */ 402 403 .changelogfiles, .searchentryfiles { 404 border-bottom: 1px solid #ccc; 405 } 406 407 .changesetlinks { 408 position: relative; 409 padding-left: 1em; 410 min-height: 1.2em; 411 line-height: 1.2em; 412 } 413 414 span.changesetlinks { 415 display: inline-block; 416 vertical-align: text-top; 417 } 418 419 .changesetlinks a { 420 display: block; 421 } 422 423 .description { 424 font-family: monospace; 425 white-space: pre; 426 } 427 428 /* Position changeset labels at a fixed distance from the left margin. */ 429 430 .changesetparentlinks, 431 .changesetchildlinks { 432 position: absolute; 433 top: 0; 434 left: 0; 435 } 436 437 .changesetparentlinks:before { 438 content: '???'; /* down arrow (UTF-8) */ 439 /* content: '??? '; left arrow (UTF-8) */ 440 } 441 442 .changesetchildlinks:after { 443 content: '???'; /* up arrow (UTF-8) */ 444 /* content: '???'; right arrow (UTF-8) */ 445 } 446 447 .changeset { 448 font-weight: bold; 449 margin-left: 1em; 450 } 451 452 .files { 453 font-size: smaller; 454 } 455 456 .files span:before { 457 content: '| '; 458 } 459 460 .files span:first-child:before { 461 content: ''; 462 } 463 464 .diff.specific div { 465 display: block !important; 466 } 467 468 /* Folding sections for the help and diff pages. */ 469 470 .help tbody:not(:target), 471 .diff div:not(:target) { 472 display: none; 473 } 474 475 .help tbody:target, 476 .diff div:target { 477 display: block; 478 } 479 480 /* Help views. */ 481 482 .help { 483 position: relative; 484 } 485 486 .help table { 487 margin: 0 0 3em 0; /* leave space for the navigation if inactive */ 488 } 489 490 .help table tbody { 491 padding-top: 3em; /* leave space for the navigation */ 492 } 493 494 .help p.navigation { 495 position: absolute; 496 top: 0; 497 left: 0; 498 } 499 500 /* Source views. */ 501 502 .source { 503 background-color: #eee; 504 } 505 506 .file, .diff { 507 overflow: hidden; 508 } 509 510 .plusline { 511 color: #090; 512 } 513 514 .minusline { 515 color: #900; 516 } 517 518 .atline { 519 color: #990; 520 } 521 522 /* Annotations. */ 523 524 tr.annotate td, 525 tr.annotate pre { 526 margin: 0; 527 padding: 0; 528 } 529 530 tr.annotate td.line { 531 font-family: monospace; 532 background-color: #eee; 533 padding-right: 0.5em; 534 } 535 536 td.annotate { 537 font-size: 80%; 538 } 539 540 tr.annotate td:first-child { 541 width: 10%; 542 } 543 544 /* File views. */ 545 546 .permissions { 547 font-family: monospace; 548 549 /* Monospace inline text frequently looks smaller than the surrounding text. */ 550 551 font-size: 120%; 552 } 553 554 /* Graph views. */ 555 556 div.graph { 557 position: relative; 558 } 559 560 table.graph { 561 width: 100%; 562 margin: 0; 563 padding: 0; 564 border: 0; 565 border-collapse: collapse; 566 } 567 568 .graphlabel { 569 vertical-align: middle; 570 white-space: nowrap; 571 overflow: hidden; 572 padding-top: 0; 573 padding-bottom: 0; 574 } 575 576 .graphcolour-1 { fill: #d00; } 577 .graphcolour-2 { fill: #dd0; } 578 .graphcolour-3 { fill: #0d0; } 579 .graphcolour-4 { fill: #0dd; } 580 .graphcolour-5 { fill: #00d; } 581 .graphcolour-6 { fill: #d0d; } 582 583 .graphmarker { stroke: #ddd; stroke-width: 0.02; } 584 585 line.graphcolour-1 { stroke: #d00; stroke-width: 0.1; stroke-linecap: round; } 586 line.graphcolour-2 { stroke: #dd0; stroke-width: 0.1; stroke-linecap: round; } 587 line.graphcolour-3 { stroke: #0d0; stroke-width: 0.1; stroke-linecap: round; } 588 line.graphcolour-4 { stroke: #0dd; stroke-width: 0.1; stroke-linecap: round; } 589 line.graphcolour-5 { stroke: #00d; stroke-width: 0.1; stroke-linecap: round; } 590 line.graphcolour-6 { stroke: #d0d; stroke-width: 0.1; stroke-linecap: round; }