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 a { 171 background: #ccc; 172 } 173 174 #navibar a, #navibar li.current span { 175 176 /* Need a block to redefine the height. */ 177 178 display: inline-block; 179 height: 42px; 180 line-height: 42px; 181 182 margin: 0; 183 padding: 0 16px; 184 } 185 186 .navigation a { 187 padding: 0.25em 0.5em; 188 } 189 190 #navibar a:hover, #navibar a:focus, #navibar li.current a, #navibar li.current span, 191 .navigation a:hover, .navigation a:focus { 192 background: #00b5f1; 193 } 194 195 #navibar a:hover, #navibar a:focus, #navibar li.current a, 196 .navigation a:hover, .navigation a:focus { 197 text-decoration: none; 198 } 199 200 /* Other elements. */ 201 202 #logo { 203 float: left; 204 margin: 0; 205 padding: 0; 206 207 /* For text only logo */ 208 209 font-size: larger; 210 font-weight: bold; 211 } 212 213 #logo img { 214 vertical-align: bottom; 215 } 216 217 #logo a { 218 color: black; 219 text-decoration: none; 220 } 221 222 #navibar form span.container { 223 position: relative; 224 display: inline-block; 225 226 /* Margin and padding correspond to the navibar settings. */ 227 228 margin: 0; 229 background: #999; 230 231 /* Height settings correspond to navibar list entries. */ 232 233 height: 42px; 234 line-height: 42px; 235 } 236 237 form#searchform span.container { 238 239 /* Margin and padding correspond to the navibar settings. */ 240 241 padding: 0 16px; 242 } 243 244 #searchform span.container span.hint { 245 display: none; 246 } 247 248 #searchform span.container:hover span.hint { 249 display: block; 250 position: absolute; 251 top: 42px; 252 left: 16px; 253 z-index: 3; 254 255 padding: 0 16px; 256 257 background: #00b5f1; 258 color: #fff; 259 } 260 261 #searchform input { 262 vertical-align: middle; 263 } 264 265 #searchform label { 266 font-size: smaller; 267 color: #fff; 268 } 269 270 #pageline, .pageline { 271 272 /* Prevent mixing of header and content elements. */ 273 274 clear: both; 275 margin: 0; 276 padding: 0; 277 border-bottom: 1px solid #ccc; 278 } 279 280 /* Footer elements. */ 281 282 #footer { 283 margin-top: 1em; 284 } 285 286 #credits { 287 float: right; 288 289 /* Styling similar to the main site. */ 290 291 font-family: Verdana, Helvetica, Arial, sans-serif; 292 font-size: .6428em; 293 padding: 10px 25px; 294 } 295 296 #credits li { 297 display: inline; 298 padding: 0 2px; 299 margin: 0 4px; 300 } 301 302 #credits img { 303 vertical-align: middle; 304 } 305 306 #credits a { 307 text-decoration: none; 308 } 309 310 /* Shortlog presentation. */ 311 312 .commentline { 313 white-space: nowrap; 314 overflow: hidden; 315 } 316 317 /* Changeset presentation. */ 318 319 .changesetlinks { 320 position: relative; 321 padding-left: 1em; 322 min-height: 1.2em; 323 line-height: 1.2em; 324 } 325 326 .changesetlinks a { 327 display: block; 328 } 329 330 /* Position changeset labels at a fixed distance from the left margin. */ 331 332 .changesetparentlinks, 333 .changesetchildlinks { 334 position: absolute; 335 top: 0; 336 left: 0; 337 } 338 339 .changesetparentlinks:before { 340 content: '???'; /* down arrow (UTF-8) */ 341 /* content: '??? '; left arrow (UTF-8) */ 342 } 343 344 .changesetchildlinks:after { 345 content: '???'; /* up arrow (UTF-8) */ 346 /* content: '???'; right arrow (UTF-8) */ 347 } 348 349 .changeset { 350 font-weight: bold; 351 margin-left: 1em; 352 } 353 354 .files span:before { 355 content: '| '; 356 } 357 358 .files span:first-child:before { 359 content: ''; 360 } 361 362 /* Source views. */ 363 364 .source { 365 background-color: #eee; 366 } 367 368 .file, .diff { 369 overflow: hidden; 370 } 371 372 .plusline { 373 color: #090; 374 } 375 376 .minusline { 377 color: #900; 378 } 379 380 .atline { 381 color: #990; 382 } 383 384 /* File views. */ 385 386 .permissions { 387 font-family: monospace; 388 389 /* Monospace inline text frequently looks smaller than the surrounding text. */ 390 391 font-size: 120%; 392 }