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