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: #f1b5f1; 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 span.container { 307 position: relative; 308 float: right; 309 310 /* Height settings correspond to navibar list entries. */ 311 312 height: 42px; 313 line-height: 42px; 314 315 /* Margin and padding correspond to the navibar settings. */ 316 317 padding: 0 16px; 318 } 319 320 span.container span.hint { 321 display: none; 322 } 323 324 span.container:hover span.hint { 325 display: block; 326 position: absolute; 327 top: 42px; 328 left: 16px; 329 z-index: 3; 330 331 padding: 0 16px; 332 333 background: #00b5f1; 334 color: #fff; 335 } 336 337 #searchform input { 338 vertical-align: middle; 339 } 340 341 #searchform label { 342 font-size: smaller; 343 color: #fff; 344 } 345 346 #pageline, .pageline { 347 348 /* Prevent mixing of header and content elements. */ 349 350 clear: both; 351 margin: 0; 352 padding: 0; 353 border-bottom: 1px solid #ccc; 354 } 355 356 /* Footer elements. */ 357 358 #footer { 359 margin-top: 1em; 360 } 361 362 #credits { 363 float: right; 364 365 /* Styling similar to the main site. */ 366 367 font-family: Verdana, Helvetica, Arial, sans-serif; 368 font-size: .6428em; 369 padding: 10px 25px; 370 } 371 372 #credits li { 373 display: inline; 374 padding: 0 2px; 375 margin: 0 4px; 376 } 377 378 #credits img { 379 vertical-align: middle; 380 } 381 382 #credits a { 383 text-decoration: none; 384 } 385 386 /* Shortlog presentation. */ 387 388 .commentline { 389 white-space: nowrap; 390 overflow: hidden; 391 } 392 393 /* Changeset and changelog presentation. */ 394 395 .changelogfiles, .searchentryfiles { 396 border-bottom: 1px solid #ccc; 397 } 398 399 .changesetlinks { 400 position: relative; 401 padding-left: 1em; 402 min-height: 1.2em; 403 line-height: 1.2em; 404 } 405 406 span.changesetlinks { 407 display: inline-block; 408 vertical-align: text-top; 409 } 410 411 .changesetlinks a { 412 display: block; 413 } 414 415 .description { 416 font-family: monospace; 417 white-space: pre; 418 } 419 420 /* Position changeset labels at a fixed distance from the left margin. */ 421 422 .changesetparentlinks, 423 .changesetchildlinks { 424 position: absolute; 425 top: 0; 426 left: 0; 427 } 428 429 .changesetparentlinks:before { 430 content: '???'; /* down arrow (UTF-8) */ 431 /* content: '??? '; left arrow (UTF-8) */ 432 } 433 434 .changesetchildlinks:after { 435 content: '???'; /* up arrow (UTF-8) */ 436 /* content: '???'; right arrow (UTF-8) */ 437 } 438 439 .changeset { 440 font-weight: bold; 441 margin-left: 1em; 442 } 443 444 .files { 445 font-size: smaller; 446 } 447 448 .files span:before { 449 content: '| '; 450 } 451 452 .files span:first-child:before { 453 content: ''; 454 } 455 456 .diff.specific div { 457 display: block !important; 458 } 459 460 /* Folding sections for the help and diff pages. */ 461 462 .help tbody:not(:target), 463 .diff div:not(:target) { 464 display: none; 465 } 466 467 .help tbody:target, 468 .diff div:target { 469 display: block; 470 } 471 472 /* Help views. */ 473 474 .help { 475 position: relative; 476 } 477 478 .help table { 479 margin: 0 0 3em 0; /* leave space for the navigation if inactive */ 480 } 481 482 .help table tbody { 483 padding-top: 3em; /* leave space for the navigation */ 484 } 485 486 .help p.navigation { 487 position: absolute; 488 top: 0; 489 left: 0; 490 } 491 492 /* Source views. */ 493 494 .source { 495 background-color: #eee; 496 } 497 498 .file, .diff { 499 overflow: hidden; 500 } 501 502 .plusline { 503 color: #090; 504 } 505 506 .minusline { 507 color: #900; 508 } 509 510 .atline { 511 color: #990; 512 } 513 514 /* Annotations. */ 515 516 tr.annotate td, 517 tr.annotate pre { 518 margin: 0; 519 padding: 0; 520 } 521 522 tr.annotate td.line { 523 font-family: monospace; 524 background-color: #eee; 525 padding-right: 0.5em; 526 } 527 528 td.annotate { 529 font-size: 80%; 530 } 531 532 tr.annotate td:first-child { 533 width: 10%; 534 } 535 536 /* File views. */ 537 538 .permissions { 539 font-family: monospace; 540 541 /* Monospace inline text frequently looks smaller than the surrounding text. */ 542 543 font-size: 120%; 544 } 545 546 /* Graph views. */ 547 548 div.graph { 549 position: relative; 550 } 551 552 table.graph { 553 width: 100%; 554 margin: 0; 555 padding: 0; 556 border: 0; 557 border-collapse: collapse; 558 } 559 560 .graphlabel { 561 vertical-align: middle; 562 white-space: nowrap; 563 overflow: hidden; 564 padding-top: 0; 565 padding-bottom: 0; 566 } 567 568 .graphcolour-1 { fill: #d00; } 569 .graphcolour-2 { fill: #dd0; } 570 .graphcolour-3 { fill: #0d0; } 571 .graphcolour-4 { fill: #0dd; } 572 .graphcolour-5 { fill: #00d; } 573 .graphcolour-6 { fill: #d0d; } 574 575 .graphmarker { stroke: #ddd; stroke-width: 0.02; } 576 577 line.graphcolour-1 { stroke: #d00; stroke-width: 0.1; stroke-linecap: round; } 578 line.graphcolour-2 { stroke: #dd0; stroke-width: 0.1; stroke-linecap: round; } 579 line.graphcolour-3 { stroke: #0d0; stroke-width: 0.1; stroke-linecap: round; } 580 line.graphcolour-4 { stroke: #0dd; stroke-width: 0.1; stroke-linecap: round; } 581 line.graphcolour-5 { stroke: #00d; stroke-width: 0.1; stroke-linecap: round; } 582 line.graphcolour-6 { stroke: #d0d; stroke-width: 0.1; stroke-linecap: round; }