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 .pager { 159 float: right; 160 } 161 162 #navibar a, #navibar li.current span { 163 164 /* Need a block to redefine the height. */ 165 166 display: inline-block; 167 height: 42px; 168 line-height: 42px; 169 170 margin: 0; 171 padding: 0 16px; 172 } 173 174 .navigation a { 175 padding: 0.25em 0.5em; 176 } 177 178 #navibar a:hover, #navibar a:focus, #navibar li.current a, #navibar li.current span, 179 .navigation a:hover, .navigation a:focus { 180 background: #00b5f1; 181 } 182 183 #navibar a:hover, #navibar a:focus, #navibar li.current a, 184 .navigation a:hover, .navigation a:focus { 185 text-decoration: none; 186 } 187 188 /* Other elements. */ 189 190 #logo { 191 float: left; 192 margin: 0; 193 padding: 0; 194 195 /* For text only logo */ 196 197 font-size: larger; 198 font-weight: bold; 199 } 200 201 #logo img { 202 vertical-align: bottom; 203 } 204 205 #logo a { 206 color: black; 207 text-decoration: none; 208 } 209 210 #navibar form span.container { 211 position: relative; 212 display: inline-block; 213 214 /* Margin and padding correspond to the navibar settings. */ 215 216 margin: 0; 217 background: #999; 218 219 /* Height settings correspond to navibar list entries. */ 220 221 height: 42px; 222 line-height: 42px; 223 } 224 225 form#searchform span.container { 226 227 /* Margin and padding correspond to the navibar settings. */ 228 229 padding: 0 16px; 230 } 231 232 #searchform span.container span.hint { 233 display: none; 234 } 235 236 #searchform span.container:hover span.hint { 237 display: block; 238 position: absolute; 239 top: 42px; 240 left: 16px; 241 z-index: 3; 242 243 padding: 0 16px; 244 245 background: #00b5f1; 246 color: #fff; 247 } 248 249 #searchform input { 250 vertical-align: middle; 251 } 252 253 #searchform label { 254 font-size: smaller; 255 color: #fff; 256 } 257 258 #pageline, .pageline { 259 260 /* Prevent mixing of header and content elements. */ 261 262 clear: both; 263 margin: 0; 264 padding: 0; 265 border-bottom: 1px solid #ccc; 266 } 267 268 #credits { 269 float: right; 270 271 /* Styling similar to the main site. */ 272 273 font-family: Verdana, Helvetica, Arial, sans-serif; 274 font-size: .6428em; 275 padding: 10px 25px; 276 } 277 278 #credits li { 279 display: inline; 280 padding: 0 2px; 281 margin: 0 4px; 282 } 283 284 #credits img { 285 vertical-align: middle; 286 } 287 288 #credits a { 289 text-decoration: none; 290 } 291 292 /* Changeset presentation. */ 293 294 .changesetparentlink:before { 295 content: '??? '; /* left arrow (UTF-8) */ 296 } 297 298 .changeset { 299 font-weight: bold; 300 } 301 302 .changesetchildlink:after { 303 content: '???'; /* right arrow (UTF-8) */ 304 } 305 306 /* Source views. */ 307 308 .source { 309 background-color: #eee; 310 } 311 312 .plusline { 313 color: #090; 314 } 315 316 .minusline { 317 color: #900; 318 } 319 320 .atline { 321 color: #990; 322 }