mercurial/main
changeset 7112:c9b88695d894
[PATCH 2 of 2] Re: created hgweb theme - monoblue
| author | "Hiroshi Funai" <hfunai@gmail.com> |
|---|---|
| date | Sat Oct 18 03:53:54 2008 -0500 (21 months ago) |
| parents | 91b0ada2d94b |
| children | f7fc5f5ecd62 |
| files | templates/static/style-monoblue.css |
line diff
1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/templates/static/style-monoblue.css Sat Oct 18 03:53:54 2008 -0500 1.3 @@ -0,0 +1,461 @@ 1.4 +/*** Initial Settings ***/ 1.5 +* { 1.6 + margin: 0; 1.7 + padding: 0; 1.8 + font-weight: normal; 1.9 + font-style: normal; 1.10 +} 1.11 + 1.12 +html { 1.13 + font-size: 100%; 1.14 + font-family: sans-serif; 1.15 +} 1.16 + 1.17 +body { 1.18 + font-size: 77%; 1.19 + margin: 15px 50px; 1.20 + background: #4B4B4C; 1.21 +} 1.22 + 1.23 +a { 1.24 + color:#0000cc; 1.25 + text-decoration: none; 1.26 +} 1.27 +/*** end of Initial Settings ***/ 1.28 + 1.29 + 1.30 +/** common settings **/ 1.31 +div#container { 1.32 + background: #FFFFFF; 1.33 + position: relative; 1.34 + color: #666; 1.35 +} 1.36 + 1.37 +div.page-header { 1.38 + padding: 50px 20px 0; 1.39 + background: #006699 top left repeat-x; 1.40 + position: relative; 1.41 +} 1.42 + div.page-header h1 { 1.43 + margin: 10px 0 30px; 1.44 + font-size: 1.8em; 1.45 + font-weight: bold; 1.46 + font-family: osaka,'MS P Gothic', Georgia, serif; 1.47 + letter-spacing: 1px; 1.48 + color: #DDD; 1.49 + } 1.50 + div.page-header h1 a { 1.51 + font-weight: bold; 1.52 + color: #FFF; 1.53 + } 1.54 + div.page-header a { 1.55 + text-decoration: none; 1.56 + } 1.57 + 1.58 + div.page-header form { 1.59 + position: absolute; 1.60 + top: 120px; 1.61 + right: 20px; 1.62 + } 1.63 + div.page-header form label { 1.64 + color: #DDD; 1.65 + } 1.66 + div.page-header form input { 1.67 + padding: 2px; 1.68 + border: solid 1px #DDD; 1.69 + } 1.70 + div.page-header form dl { 1.71 + overflow: hidden; 1.72 + } 1.73 + div.page-header form dl dt { 1.74 + font-size: 1.2em; 1.75 + } 1.76 + div.page-header form dl dt, 1.77 + div.page-header form dl dd { 1.78 + margin: 0 0 0 5px; 1.79 + float: left; 1.80 + height: 24px; 1.81 + line-height: 20px; 1.82 + } 1.83 + 1.84 + ul.page-nav { 1.85 + margin: 10px 0 0 0; 1.86 + list-style-type: none; 1.87 + overflow: hidden; 1.88 + width: 800px; 1.89 + } 1.90 + ul.page-nav li { 1.91 + margin: 0 2px 0 0; 1.92 + float: left; 1.93 + width: 80px; 1.94 + height: 24px; 1.95 + font-size: 1.1em; 1.96 + line-height: 24px; 1.97 + text-align: center; 1.98 + } 1.99 + ul.page-nav li.current { 1.100 + background: #FFF; 1.101 + } 1.102 + ul.page-nav li a { 1.103 + height: 24px; 1.104 + color: #666; 1.105 + background: #DDD; 1.106 + display: block; 1.107 + text-decoration: none; 1.108 + } 1.109 + ul.page-nav li a:hover { 1.110 + color:#333; 1.111 + background: #FFF; 1.112 + } 1.113 + 1.114 +ul.submenu { 1.115 + margin: 10px 0 -10px 20px; 1.116 + list-style-type: none; 1.117 +} 1.118 +ul.submenu li { 1.119 + margin: 0 10px 0 0; 1.120 + font-size: 1.2em; 1.121 + display: inline; 1.122 +} 1.123 + 1.124 +h2 { 1.125 + margin: 20px 0 10px; 1.126 + height: 30px; 1.127 + line-height: 30px; 1.128 + text-indent: 20px; 1.129 + background: #FFF; 1.130 + font-size: 1.2em; 1.131 + border-top: dotted 1px #D5E1E6; 1.132 + font-weight: bold; 1.133 +} 1.134 +h2.no-link { 1.135 + color:#006699; 1.136 +} 1.137 +h2.no-border { 1.138 + color: #FFF; 1.139 + background: #006699; 1.140 + border: 0; 1.141 +} 1.142 +h2 a { 1.143 + font-weight:bold; 1.144 + color:#006699; 1.145 +} 1.146 + 1.147 +div.page-path { 1.148 + text-align: right; 1.149 + padding: 20px 30px 10px 0; 1.150 + border:solid #d9d8d1; 1.151 + border-width:0px 0px 1px; 1.152 + font-size: 1.2em; 1.153 +} 1.154 + 1.155 +div.page-footer { 1.156 + margin: 50px 0 0; 1.157 + position: relative; 1.158 +} 1.159 + div.page-footer p { 1.160 + position: relative; 1.161 + left: 20px; 1.162 + bottom: 5px; 1.163 + font-size: 1.2em; 1.164 + } 1.165 + 1.166 + ul.rss-logo { 1.167 + position: absolute; 1.168 + top: -10px; 1.169 + right: 20px; 1.170 + height: 20px; 1.171 + list-style-type: none; 1.172 + } 1.173 + ul.rss-logo li { 1.174 + display: inline; 1.175 + } 1.176 + ul.rss-logo li a { 1.177 + padding: 3px 6px; 1.178 + line-height: 10px; 1.179 + border:1px solid; 1.180 + border-color:#fcc7a5 #7d3302 #3e1a01 #ff954e; 1.181 + color:#ffffff; 1.182 + background-color:#ff6600; 1.183 + font-weight:bold; 1.184 + font-family:sans-serif; 1.185 + font-size:10px; 1.186 + text-align:center; 1.187 + text-decoration:none; 1.188 + } 1.189 + div.rss-logo li a:hover { 1.190 + background-color:#ee5500; 1.191 + } 1.192 + 1.193 +p.normal { 1.194 + margin: 20px 0 20px 30px; 1.195 + font-size: 1.2em; 1.196 +} 1.197 + 1.198 +table { 1.199 + margin: 10px 0 0 20px; 1.200 + width: 95%; 1.201 + border-collapse: collapse; 1.202 +} 1.203 +table tr td { 1.204 + font-size: 1.1em; 1.205 +} 1.206 +table tr td.nowrap { 1.207 + white-space: nowrap; 1.208 +} 1.209 +/* 1.210 +table tr.parity0:hover, 1.211 +table tr.parity1:hover { 1.212 + background: #D5E1E6; 1.213 +} 1.214 +*/ 1.215 +table tr.parity0 { 1.216 + background: #F1F6F7; 1.217 +} 1.218 +table tr.parity1 { 1.219 + background: #FFFFFF; 1.220 +} 1.221 +table tr td { 1.222 + padding: 5px 5px; 1.223 +} 1.224 + 1.225 +span.logtags span { 1.226 + padding: 2px 6px; 1.227 + font-weight: normal; 1.228 + font-size: 11px; 1.229 + border: 1px solid; 1.230 + background-color: #ffaaff; 1.231 + border-color: #ffccff #ff00ee #ff00ee #ffccff; 1.232 +} 1.233 +span.logtags span.tagtag { 1.234 + background-color: #ffffaa; 1.235 + border-color: #ffffcc #ffee00 #ffee00 #ffffcc; 1.236 +} 1.237 +span.logtags span.branchtag { 1.238 + background-color: #aaffaa; 1.239 + border-color: #ccffcc #00cc33 #00cc33 #ccffcc; 1.240 +} 1.241 +span.logtags span.inbranchtag { 1.242 + background-color: #d5dde6; 1.243 + border-color: #e3ecf4 #9398f4 #9398f4 #e3ecf4; 1.244 +} 1.245 + 1.246 +div.diff pre { 1.247 + margin: 10px 0 0 0; 1.248 +} 1.249 +div.diff pre span { 1.250 + font-family: monospace; 1.251 + white-space: pre; 1.252 + font-size: 1.2em; 1.253 + padding: 3px 0; 1.254 +} 1.255 +div.source { 1.256 + margin: 10px 30px 0; 1.257 + font-family: Tahoma, sans-serif, monospace; 1.258 + font-size: 100%; 1.259 +} 1.260 + div.source div.parity0, 1.261 + div.source div.parity1 { 1.262 + padding: 1px; 1.263 + font-size: 1.2em; 1.264 + } 1.265 + div.source div.parity0 { 1.266 + background: #F1F6F7; 1.267 + } 1.268 + div.source div.parity1 { 1.269 + background: #FFFFFF; 1.270 + } 1.271 +div.parity0:hover, 1.272 +div.parity1:hover { 1.273 + background: #D5E1E6; 1.274 +} 1.275 +.linenr { 1.276 + color: #999; 1.277 + text-align: right; 1.278 +} 1.279 +td.linenr { 1.280 + width: 60px; 1.281 +} 1.282 + 1.283 +div#powered-by { 1.284 + position: absolute; 1.285 + width: 75px; 1.286 + top: 15px; 1.287 + right: 20px; 1.288 + font-size: 1.2em; 1.289 +} 1.290 +div#powered-by a { 1.291 + color: #EEE; 1.292 + text-decoration: none; 1.293 +} 1.294 +div#powered-by a:hover { 1.295 + text-decoration: underline; 1.296 +} 1.297 +/* 1.298 +div#monoblue-corner-top-left { 1.299 + position: absolute; 1.300 + top: 0; 1.301 + left: 0; 1.302 + width: 10px; 1.303 + height: 10px; 1.304 + background: url(./monoblue-corner.png) top left no-repeat !important; 1.305 + background: none; 1.306 +} 1.307 +div#monoblue-corner-top-right { 1.308 + position: absolute; 1.309 + top: 0; 1.310 + right: 0; 1.311 + width: 10px; 1.312 + height: 10px; 1.313 + background: url(./monoblue-corner.png) top right no-repeat !important; 1.314 + background: none; 1.315 +} 1.316 +div#monoblue-corner-bottom-left { 1.317 + position: absolute; 1.318 + bottom: 0; 1.319 + left: 0; 1.320 + width: 10px; 1.321 + height: 10px; 1.322 + background: url(./monoblue-corner.png) bottom left no-repeat !important; 1.323 + background: none; 1.324 +} 1.325 +div#monoblue-corner-bottom-right { 1.326 + position: absolute; 1.327 + bottom: 0; 1.328 + right: 0; 1.329 + width: 10px; 1.330 + height: 10px; 1.331 + background: url(./monoblue-corner.png) bottom right no-repeat !important; 1.332 + background: none; 1.333 +} 1.334 +*/ 1.335 +/** end of common settings **/ 1.336 + 1.337 +/** summary **/ 1.338 +dl.overview { 1.339 + margin: 0 0 0 30px; 1.340 + font-size: 1.1em; 1.341 + width: 450px; 1.342 + overflow: hidden; 1.343 +} 1.344 + dl.overview dt, 1.345 + dl.overview dd { 1.346 + margin: 5px 0; 1.347 + width: 300px; 1.348 + float: left; 1.349 + } 1.350 + dl.overview dt { 1.351 + font-weight: bold; 1.352 + width: 150px; 1.353 + } 1.354 +/** end of summary **/ 1.355 + 1.356 +/** chagelog **/ 1.357 +h3.changelog { 1.358 + margin: 20px 0 5px 30px; 1.359 + padding: 0 0 2px; 1.360 + font-size: 1.4em; 1.361 + border-bottom: dotted 1px #D5E1E6; 1.362 +} 1.363 +ul.changelog-entry { 1.364 + margin: 0 0 10px 30px; 1.365 + list-style-type: none; 1.366 + position: relative; 1.367 +} 1.368 +ul.changelog-entry li span.revdate { 1.369 + font-size: 1.1em; 1.370 +} 1.371 +ul.changelog-entry li.age { 1.372 + position: absolute; 1.373 + top: -25px; 1.374 + right: 10px; 1.375 + font-size: 1.4em; 1.376 + color: #CCC; 1.377 + font-weight: bold; 1.378 + font-style: italic; 1.379 +} 1.380 +ul.changelog-entry li span.name { 1.381 + font-size: 1.2em; 1.382 + font-weight: bold; 1.383 +} 1.384 +ul.changelog-entry li.description { 1.385 + margin: 10px 0 0; 1.386 + font-size: 1.1em; 1.387 +} 1.388 +/** end of changelog **/ 1.389 + 1.390 +/** file **/ 1.391 +p.files { 1.392 + margin: 0 0 0 20px; 1.393 + font-size: 2.0em; 1.394 + font-weight: bold; 1.395 +} 1.396 +/** end of file **/ 1.397 + 1.398 +/** changeset **/ 1.399 +h3.changeset { 1.400 + margin: 20px 0 5px 20px; 1.401 + padding: 0 0 2px; 1.402 + font-size: 1.6em; 1.403 + border-bottom: dotted 1px #D5E1E6; 1.404 +} 1.405 +p.changeset-age { 1.406 + position: relative; 1.407 +} 1.408 +p.changeset-age span { 1.409 + position: absolute; 1.410 + top: -25px; 1.411 + right: 10px; 1.412 + font-size: 1.4em; 1.413 + color: #CCC; 1.414 + font-weight: bold; 1.415 + font-style: italic; 1.416 +} 1.417 +p.description { 1.418 + margin: 10px 30px 0 30px; 1.419 + padding: 10px; 1.420 + border: solid 1px #CCC; 1.421 + font-size: 1.2em; 1.422 +} 1.423 +/** end of changeset **/ 1.424 + 1.425 +/** canvas **/ 1.426 +div#wrapper { 1.427 + position: relative; 1.428 + font-size: 1.2em; 1.429 +} 1.430 + 1.431 +canvas { 1.432 + position: absolute; 1.433 + z-index: 5; 1.434 + top: -0.7em; 1.435 +} 1.436 + 1.437 +ul#nodebgs li.parity0 { 1.438 + background: #F1F6F7; 1.439 +} 1.440 + 1.441 +ul#nodebgs li.parity1 { 1.442 + background: #FFFFFF; 1.443 +} 1.444 + 1.445 +ul#graphnodes { 1.446 + position: absolute; 1.447 + z-index: 10; 1.448 + top: 7px; 1.449 + list-style: none inside none; 1.450 +} 1.451 + 1.452 +ul#nodebgs { 1.453 + list-style: none inside none; 1.454 +} 1.455 + 1.456 +ul#graphnodes li, ul#nodebgs li { 1.457 + height: 39px; 1.458 +} 1.459 + 1.460 +ul#graphnodes li .info { 1.461 + display: block; 1.462 + position: relative; 1.463 +} 1.464 +/** end of canvas **/
