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