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