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