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