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