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