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