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 } 87 88 td.branchinfo span.branch, 89 td.branchinfo span.inbranch { 90 float: left; 91 } 92 93 td.branchinfo span.tag { 94 float: right; 95 } 96 97 span.tag, 98 span.branch, 99 span.inbranch { 100 padding: 0.25em 0.5em; 101 white-space: nowrap; 102 } 103 104 span.tag { 105 background: #f1b500; 106 } 107 108 span.branch, /* default properties */ 109 span.open { 110 background: #b5f1b5; 111 } 112 113 span.inbranch, 114 span.inactive { 115 background: #b5b5b5 !important; 116 } 117 118 span.closed { 119 background-color: #f1b5b5 !important; 120 } 121 122 span.branch a, 123 span.tag a, 124 span.inbranch a, 125 span.open a, 126 span.closed a, 127 span.inactive a { 128 color: #000; 129 } 130 131 /* Navigational and editing controls. */ 132 133 @media print { 134 #header { 135 display: none; 136 } 137 } 138 139 .controls { 140 float: right; 141 text-align: right; 142 } 143 144 #navibar { 145 display: inline-block; 146 margin: 17px 0 2px 0; 147 padding: 0; 148 vertical-align: bottom; 149 } 150 151 #navibar li { 152 display: inline; 153 margin: 0; 154 padding: 0; 155 } 156 157 #navibar li form { 158 display: inline; 159 } 160 161 #navibar a, #navibar li.current span, .navigation a { 162 color: #fff; 163 text-decoration: none; 164 } 165 166 #navibar a { 167 background: #999; 168 } 169 170 .navigation { 171 white-space: nowrap; 172 } 173 174 .navigation a { 175 background: #ccc; 176 } 177 178 #navibar a, #navibar li.current span { 179 180 /* Need a block to redefine the height. */ 181 182 display: inline-block; 183 height: 42px; 184 line-height: 42px; 185 186 margin: 0; 187 padding: 0 16px; 188 } 189 190 .navigation a { 191 padding: 0.25em 0.5em; 192 } 193 194 #navibar a:hover, #navibar a:focus, #navibar li.current a, #navibar li.current span, 195 .navigation a:hover, .navigation a:focus { 196 background: #00b5f1; 197 } 198 199 #navibar a:hover, #navibar a:focus, #navibar li.current a, 200 .navigation a:hover, .navigation a:focus { 201 text-decoration: none; 202 } 203 204 /* Other elements. */ 205 206 #logo { 207 float: left; 208 margin: 0; 209 padding: 0; 210 211 /* For text only logo */ 212 213 font-size: larger; 214 font-weight: bold; 215 } 216 217 #logo img { 218 vertical-align: bottom; 219 } 220 221 #logo a { 222 color: black; 223 text-decoration: none; 224 } 225 226 #navibar form span.container { 227 position: relative; 228 display: inline-block; 229 230 /* Margin and padding correspond to the navibar settings. */ 231 232 margin: 0; 233 background: #999; 234 235 /* Height settings correspond to navibar list entries. */ 236 237 height: 42px; 238 line-height: 42px; 239 } 240 241 form#searchform span.container { 242 243 /* Margin and padding correspond to the navibar settings. */ 244 245 padding: 0 16px; 246 } 247 248 #searchform span.container span.hint { 249 display: none; 250 } 251 252 #searchform span.container:hover span.hint { 253 display: block; 254 position: absolute; 255 top: 42px; 256 left: 16px; 257 z-index: 3; 258 259 padding: 0 16px; 260 261 background: #00b5f1; 262 color: #fff; 263 } 264 265 #searchform input { 266 vertical-align: middle; 267 } 268 269 #searchform label { 270 font-size: smaller; 271 color: #fff; 272 } 273 274 #pageline, .pageline { 275 276 /* Prevent mixing of header and content elements. */ 277 278 clear: both; 279 margin: 0; 280 padding: 0; 281 border-bottom: 1px solid #ccc; 282 } 283 284 /* Footer elements. */ 285 286 #footer { 287 margin-top: 1em; 288 } 289 290 #credits { 291 float: right; 292 293 /* Styling similar to the main site. */ 294 295 font-family: Verdana, Helvetica, Arial, sans-serif; 296 font-size: .6428em; 297 padding: 10px 25px; 298 } 299 300 #credits li { 301 display: inline; 302 padding: 0 2px; 303 margin: 0 4px; 304 } 305 306 #credits img { 307 vertical-align: middle; 308 } 309 310 #credits a { 311 text-decoration: none; 312 } 313 314 /* Shortlog presentation. */ 315 316 .commentline { 317 white-space: nowrap; 318 overflow: hidden; 319 } 320 321 /* Changeset and changelog presentation. */ 322 323 .changelogfiles { 324 border-bottom: 1px solid #ccc; 325 } 326 327 .changesetlinks { 328 position: relative; 329 padding-left: 1em; 330 min-height: 1.2em; 331 line-height: 1.2em; 332 } 333 334 span.changesetlinks { 335 display: inline-block; 336 vertical-align: text-top; 337 } 338 339 .changesetlinks a { 340 display: block; 341 } 342 343 /* Position changeset labels at a fixed distance from the left margin. */ 344 345 .changesetparentlinks, 346 .changesetchildlinks { 347 position: absolute; 348 top: 0; 349 left: 0; 350 } 351 352 .changesetparentlinks:before { 353 content: '???'; /* down arrow (UTF-8) */ 354 /* content: '??? '; left arrow (UTF-8) */ 355 } 356 357 .changesetchildlinks:after { 358 content: '???'; /* up arrow (UTF-8) */ 359 /* content: '???'; right arrow (UTF-8) */ 360 } 361 362 .changeset { 363 font-weight: bold; 364 margin-left: 1em; 365 } 366 367 .files span:before { 368 content: '| '; 369 } 370 371 .files span:first-child:before { 372 content: ''; 373 } 374 375 /* Source views. */ 376 377 .source { 378 background-color: #eee; 379 } 380 381 .file, .diff { 382 overflow: hidden; 383 } 384 385 .plusline { 386 color: #090; 387 } 388 389 .minusline { 390 color: #900; 391 } 392 393 .atline { 394 color: #990; 395 } 396 397 /* Annotations. */ 398 399 tr.annotate td, 400 tr.annotate pre { 401 margin: 0; 402 padding: 0; 403 } 404 405 tr.annotate td.line { 406 font-family: monospace; 407 background-color: #eee; 408 } 409 410 td.annotate { 411 font-size: 80%; 412 } 413 414 /* File views. */ 415 416 .permissions { 417 font-family: monospace; 418 419 /* Monospace inline text frequently looks smaller than the surrounding text. */ 420 421 font-size: 120%; 422 }