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