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, .navigation a { 159 color: #fff; 160 text-decoration: none; 161 } 162 163 #navibar a { 164 background: #999; 165 } 166 167 .navigation { 168 white-space: nowrap; 169 } 170 171 .navigation a { 172 background: #ccc; 173 } 174 175 #navibar a, #navibar li.current span { 176 177 /* Need a block to redefine the height. */ 178 179 display: inline-block; 180 height: 42px; 181 line-height: 42px; 182 183 margin: 0; 184 padding: 0 16px; 185 } 186 187 .navigation a { 188 padding: 0.25em 0.5em; 189 } 190 191 #navibar a:hover, #navibar a:focus, #navibar li.current a, #navibar li.current span, 192 .navigation a:hover, .navigation a:focus { 193 background: #00b5f1; 194 } 195 196 #navibar a:hover, #navibar a:focus, #navibar li.current a, 197 .navigation a:hover, .navigation a:focus { 198 text-decoration: none; 199 } 200 201 /* Other elements. */ 202 203 #logo { 204 float: left; 205 margin: 0; 206 padding: 0; 207 208 /* For text only logo */ 209 210 font-size: larger; 211 font-weight: bold; 212 } 213 214 #logo img { 215 vertical-align: bottom; 216 } 217 218 #logo a { 219 color: black; 220 text-decoration: none; 221 } 222 223 #navibar form span.container { 224 position: relative; 225 display: inline-block; 226 227 /* Margin and padding correspond to the navibar settings. */ 228 229 margin: 0; 230 background: #999; 231 232 /* Height settings correspond to navibar list entries. */ 233 234 height: 42px; 235 line-height: 42px; 236 } 237 238 form#searchform span.container { 239 240 /* Margin and padding correspond to the navibar settings. */ 241 242 padding: 0 16px; 243 } 244 245 #searchform span.container span.hint { 246 display: none; 247 } 248 249 #searchform span.container:hover span.hint { 250 display: block; 251 position: absolute; 252 top: 42px; 253 left: 16px; 254 z-index: 3; 255 256 padding: 0 16px; 257 258 background: #00b5f1; 259 color: #fff; 260 } 261 262 #searchform input { 263 vertical-align: middle; 264 } 265 266 #searchform label { 267 font-size: smaller; 268 color: #fff; 269 } 270 271 #pageline, .pageline { 272 273 /* Prevent mixing of header and content elements. */ 274 275 clear: both; 276 margin: 0; 277 padding: 0; 278 border-bottom: 1px solid #ccc; 279 } 280 281 /* Footer elements. */ 282 283 #footer { 284 margin-top: 1em; 285 } 286 287 #credits { 288 float: right; 289 290 /* Styling similar to the main site. */ 291 292 font-family: Verdana, Helvetica, Arial, sans-serif; 293 font-size: .6428em; 294 padding: 10px 25px; 295 } 296 297 #credits li { 298 display: inline; 299 padding: 0 2px; 300 margin: 0 4px; 301 } 302 303 #credits img { 304 vertical-align: middle; 305 } 306 307 #credits a { 308 text-decoration: none; 309 } 310 311 /* Shortlog presentation. */ 312 313 .commentline { 314 white-space: nowrap; 315 overflow: hidden; 316 } 317 318 /* Changeset and changelog presentation. */ 319 320 .changelogfiles, .searchentryfiles { 321 border-bottom: 1px solid #ccc; 322 } 323 324 .changesetlinks { 325 position: relative; 326 padding-left: 1em; 327 min-height: 1.2em; 328 line-height: 1.2em; 329 } 330 331 span.changesetlinks { 332 display: inline-block; 333 vertical-align: text-top; 334 } 335 336 .changesetlinks a { 337 display: block; 338 } 339 340 .description { 341 font-family: monospace; 342 white-space: pre; 343 } 344 345 /* Position changeset labels at a fixed distance from the left margin. */ 346 347 .changesetparentlinks, 348 .changesetchildlinks { 349 position: absolute; 350 top: 0; 351 left: 0; 352 } 353 354 .changesetparentlinks:before { 355 content: '???'; /* down arrow (UTF-8) */ 356 /* content: '??? '; left arrow (UTF-8) */ 357 } 358 359 .changesetchildlinks:after { 360 content: '???'; /* up arrow (UTF-8) */ 361 /* content: '???'; right arrow (UTF-8) */ 362 } 363 364 .changeset { 365 font-weight: bold; 366 margin-left: 1em; 367 } 368 369 .files { 370 font-size: smaller; 371 } 372 373 .files span:before { 374 content: '| '; 375 } 376 377 .files span:first-child:before { 378 content: ''; 379 } 380 381 /* Source views. */ 382 383 .source { 384 background-color: #eee; 385 } 386 387 .file, .diff { 388 overflow: hidden; 389 } 390 391 .plusline { 392 color: #090; 393 } 394 395 .minusline { 396 color: #900; 397 } 398 399 .atline { 400 color: #990; 401 } 402 403 /* Annotations. */ 404 405 tr.annotate td, 406 tr.annotate pre { 407 margin: 0; 408 padding: 0; 409 } 410 411 tr.annotate td.line { 412 font-family: monospace; 413 background-color: #eee; 414 } 415 416 td.annotate { 417 font-size: 80%; 418 } 419 420 /* File views. */ 421 422 .permissions { 423 font-family: monospace; 424 425 /* Monospace inline text frequently looks smaller than the surrounding text. */ 426 427 font-size: 120%; 428 } 429 430 /* Graph views. */ 431 432 div.graph { 433 position: relative; 434 } 435 436 table.graph { 437 width: 100%; 438 margin: 0; 439 padding: 0; 440 border: 0; 441 border-collapse: collapse; 442 } 443 444 .graphlabel { 445 vertical-align: middle; 446 white-space: nowrap; 447 overflow: hidden; 448 padding-top: 0; 449 padding-bottom: 0; 450 } 451 452 .graphcolour-1 { fill: #d00; } 453 .graphcolour-2 { fill: #dd0; } 454 .graphcolour-3 { fill: #0d0; } 455 .graphcolour-4 { fill: #0dd; } 456 .graphcolour-5 { fill: #00d; } 457 .graphcolour-6 { fill: #d0d; } 458 459 .graphmarker { stroke: #ddd; stroke-width: 0.02; } 460 461 line.graphcolour-1 { stroke: #d00; stroke-width: 0.1; stroke-linecap: round; } 462 line.graphcolour-2 { stroke: #dd0; stroke-width: 0.1; stroke-linecap: round; } 463 line.graphcolour-3 { stroke: #0d0; stroke-width: 0.1; stroke-linecap: round; } 464 line.graphcolour-4 { stroke: #0dd; stroke-width: 0.1; stroke-linecap: round; } 465 line.graphcolour-5 { stroke: #00d; stroke-width: 0.1; stroke-linecap: round; } 466 line.graphcolour-6 { stroke: #d0d; stroke-width: 0.1; stroke-linecap: round; }