wok diff slitaz-mercurial-style/stuff/templates/static/style-slitaz.css @ rev 4465

Up: slitaz-mercurial-style (2.0)
author Christophe Lincoln <pankso@slitaz.org>
date Sun Nov 08 23:30:24 2009 +0100 (2009-11-08)
parents
children 00998d06c429
line diff
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/slitaz-mercurial-style/stuff/templates/static/style-slitaz.css	Sun Nov 08 23:30:24 2009 +0100
     1.3 @@ -0,0 +1,351 @@
     1.4 +html {
     1.5 +	height:  102%;
     1.6 +}
     1.7 +
     1.8 +body {
     1.9 +	background: #ffffff;
    1.10 +	color: black;
    1.11 +	font: 13px sans-serif, vernada, arial;
    1.12 +	margin: 0;
    1.13 +}
    1.14 +
    1.15 +/* Header and title */
    1.16 +
    1.17 +#header{
    1.18 +	background: #f0ba08 url(header.png) repeat-x top;
    1.19 +	color: black;
    1.20 +	width: 100%;
    1.21 +	height: 50px;
    1.22 +	border-top: 1px solid black;
    1.23 +	border-bottom: 1px solid black;
    1.24 +	margin-bottom: 30px;
    1.25 +}
    1.26 +
    1.27 +#titre {
    1.28 +	position: absolute;
    1.29 +	font-size: 16px;
    1.30 +	font-weight: bolder ;
    1.31 +	margin-left: 200px;
    1.32 +	margin-top: 28px;
    1.33 +}
    1.34 +
    1.35 +#logo {
    1.36 +	position: absolute;
    1.37 +	float: left;
    1.38 +	margin-left: 16px;
    1.39 +	margin-top: 0px;
    1.40 +}
    1.41 +
    1.42 +/* Navigation */
    1.43 +
    1.44 +#nav {
    1.45 +	position: absolute;
    1.46 +	top: 76px;
    1.47 +	right: 40px;
    1.48 +	color: #555555;
    1.49 +	float: right;
    1.50 +	width: 250px;
    1.51 +	line-height: 1.5em;
    1.52 +	text-align: left;
    1.53 +	font-size: 12px;
    1.54 +}
    1.55 +
    1.56 +#nav ul {
    1.57 +	list-style-type: none;
    1.58 +	margin: 10px 0;
    1.59 +}
    1.60 +
    1.61 +#nav .nav_box ul {
    1.62 +	list-style-type: none;
    1.63 +	margin: 0;
    1.64 +	padding: 10px 24px 10px 0px;
    1.65 +}
    1.66 +
    1.67 +#nav li {
    1.68 +	display: inline;
    1.69 +}
    1.70 +
    1.71 +#nav h4 {
    1.72 +	font-size: 110%;
    1.73 +	color: #666666;
    1.74 +	font-weight: bold;
    1.75 +	margin: 0;
    1.76 +	padding: 0 0 1px 0;
    1.77 +	border-bottom: 1px solid #cecece;
    1.78 +}
    1.79 +
    1.80 +#nav a {
    1.81 +	color: #0F314E;
    1.82 +	background: inherit;
    1.83 +	display: block;
    1.84 +	text-decoration: none;
    1.85 +	font-weight: bold;
    1.86 +}
    1.87 +
    1.88 +#nav a:hover {
    1.89 +	color: #DF8F06;
    1.90 +	text-decoration: none;
    1.91 +	display: block;
    1.92 +}
    1.93 +
    1.94 +.nav_box {
    1.95 +	-moz-border-radius: 8px;
    1.96 +	-webkit-border-radius: 8px;
    1.97 +	margin: 10px 0;
    1.98 +	padding: 10px 24px 10px 24px;
    1.99 +	background-color: #eaeaea;
   1.100 +	text-align: justify;
   1.101 +}
   1.102 +
   1.103 +#nav .nav_box p {
   1.104 +	line-height: 1.3em;
   1.105 +}
   1.106 +
   1.107 +#nav .nav_box p a {
   1.108 +	display: inline;
   1.109 +	font-weight: normal;
   1.110 +	text-decoration: underline;
   1.111 +}
   1.112 +
   1.113 +#nav .nav_box p a:hover {
   1.114 +	text-decoration: none;
   1.115 +	color: blue;
   1.116 +	background: inherit;
   1.117 +}
   1.118 +
   1.119 +#footer {
   1.120 +	float: none;
   1.121 +	background: inherit;
   1.122 +	color: black;
   1.123 +	width: auto;
   1.124 +	clear: both;
   1.125 +	padding: 0;
   1.126 +	margin: 0;
   1.127 +	text-align: center;
   1.128 +	vertical-align: middle;
   1.129 +}
   1.130 +
   1.131 +a {
   1.132 +	text-decoration: underline;
   1.133 +	color: #0F314E;
   1.134 +	background: inherit;
   1.135 +}
   1.136 +
   1.137 +a:hover {
   1.138 +	text-decoration: none;
   1.139 +	color: blue;
   1.140 +	background: inherit;
   1.141 +}
   1.142 +
   1.143 +h3 {
   1.144 +	font-weight: bold;
   1.145 +	color: #6c0023;
   1.146 +	background: inherit;
   1.147 +}
   1.148 +
   1.149 +.container {
   1.150 +  margin: 6px 280px 0px 0px;
   1.151 +  padding: 0px 40px 60px 40px;
   1.152 +}
   1.153 +
   1.154 +.main {
   1.155 +  background: white;
   1.156 +}
   1.157 +
   1.158 +#.main {
   1.159 +  width: 100%;
   1.160 +}
   1.161 +
   1.162 +.overflow {
   1.163 +  width: 100%;
   1.164 +  overflow: auto;
   1.165 +}
   1.166 +
   1.167 +.search {
   1.168 +  text-align: center;
   1.169 +}
   1.170 +
   1.171 +form.search div#hint {
   1.172 +  display: none;
   1.173 +  position: absolute;
   1.174 +  top: 0px;
   1.175 +  right: 280px;
   1.176 +  width: 200px;
   1.177 +  padding: 5px;
   1.178 +  background: #ffc;
   1.179 +  font-size: 80%;
   1.180 +  border: 1px solid yellow;
   1.181 +  -moz-border-radius: 5px; /* this works only in camino/firefox */
   1.182 +  -webkit-border-radius: 5px; /* this is just for Safari */
   1.183 +}
   1.184 +
   1.185 +form.search:hover div#hint { display: block; }
   1.186 +
   1.187 +a { text-decoration:none; }
   1.188 +.age { white-space:nowrap; }
   1.189 +.date { white-space:nowrap; }
   1.190 +.indexlinks { white-space:nowrap; }
   1.191 +.parity0 { background-color: #f0f0f0; }
   1.192 +.parity1 { background-color: white; }
   1.193 +.plusline { color: green; }
   1.194 +.minusline { color: #dc143c; } /* crimson */
   1.195 +.atline { color: purple; }
   1.196 +
   1.197 +.navigate {
   1.198 +  text-align: right;
   1.199 +  font-size: 80%;
   1.200 +  margin: 1em 0;
   1.201 +}
   1.202 +
   1.203 +.tag {
   1.204 +  color: #999;
   1.205 +  font-size: 70%;
   1.206 +  font-weight: normal;
   1.207 +  margin-left: .5em;
   1.208 +  vertical-align: baseline;
   1.209 +}
   1.210 +
   1.211 +.branchhead {
   1.212 +  color: #000;
   1.213 +  font-size: 80%;
   1.214 +  font-weight: normal;
   1.215 +  margin-left: .5em;
   1.216 +  vertical-align: baseline;
   1.217 +}
   1.218 +
   1.219 +ul#graphnodes .branchhead {
   1.220 +  font-size: 75%;
   1.221 +}
   1.222 +
   1.223 +.branchname {
   1.224 +  color: #000;
   1.225 +  font-size: 60%;
   1.226 +  font-weight: normal;
   1.227 +  margin-left: .5em;
   1.228 +  vertical-align: baseline;
   1.229 +}
   1.230 +
   1.231 +h3 .branchname {
   1.232 +  font-size: 80%;
   1.233 +}
   1.234 +
   1.235 +/* Common */
   1.236 +pre { margin: 0; }
   1.237 +
   1.238 +h2 { font-size: 140%; color: black; }
   1.239 +h2 a { color: #000; }
   1.240 +h3 {
   1.241 +  margin-top: -.7em;
   1.242 +  font-size: 100%;
   1.243 +}
   1.244 +
   1.245 +/* log and tags tables */
   1.246 +.bigtable {
   1.247 +  border-bottom: 1px solid #999;
   1.248 +  border-collapse: collapse;
   1.249 +  font-size: 90%;
   1.250 +  width: 100%;
   1.251 +  font-weight: normal;
   1.252 +  text-align: left;
   1.253 +}
   1.254 +
   1.255 +.bigtable td {
   1.256 +  vertical-align: top;
   1.257 +}
   1.258 +
   1.259 +.bigtable th {
   1.260 +  padding: 1px 4px;
   1.261 +  border-bottom: 1px solid #999;
   1.262 +}
   1.263 +.bigtable tr { border: none; }
   1.264 +.bigtable .age { width: 6em; }
   1.265 +.bigtable .author { width: 12em; }
   1.266 +.bigtable .description { }
   1.267 +.bigtable .node { width: 5em; font-family: monospace;}
   1.268 +.bigtable .permissions { width: 8em; text-align: left;}
   1.269 +.bigtable .size { width: 5em; text-align: right; }
   1.270 +.bigtable .annotate { text-align: right; }
   1.271 +.bigtable td.annotate { font-size: smaller; }
   1.272 +.bigtable td.source { font-size: inherit; }
   1.273 +
   1.274 +.source, .sourcefirst, .sourcelast {
   1.275 +  font-family: monospace;
   1.276 +  white-space: pre;
   1.277 +  padding: 1px 4px;
   1.278 +  font-size: 90%;
   1.279 +}
   1.280 +.sourcefirst { border-bottom: 1px solid #999; font-weight: bold; }
   1.281 +.sourcelast { border-top: 1px solid #999; }
   1.282 +.source a { color: #999; font-size: smaller; font-family: monospace;}
   1.283 +.bottomline { border-bottom: 1px solid #999; }
   1.284 +
   1.285 +.fileline { font-family: monospace; }
   1.286 +.fileline img { border: 0; }
   1.287 +
   1.288 +.tagEntry .closed { color: #99f; }
   1.289 +
   1.290 +/* Changeset entry */
   1.291 +#changesetEntry {
   1.292 +  border-collapse: collapse;
   1.293 +  font-size: 90%;
   1.294 +  width: 100%;
   1.295 +  margin-bottom: 1em;
   1.296 +}
   1.297 +
   1.298 +#changesetEntry th {
   1.299 +  padding: 1px 4px;
   1.300 +  width: 4em;
   1.301 +  text-align: right;
   1.302 +  font-weight: normal;
   1.303 +  color: #999;
   1.304 +  margin-right: .5em;
   1.305 +  vertical-align: top;
   1.306 +}
   1.307 +
   1.308 +div.description {
   1.309 +  border-left: 2px solid #999;
   1.310 +  margin: 1em 0 1em 0;
   1.311 +  padding: .3em;
   1.312 +}
   1.313 +
   1.314 +/* Graph */
   1.315 +div#wrapper {
   1.316 +	position: relative;
   1.317 +	border-top: 1px solid black;
   1.318 +	border-bottom: 1px solid black;
   1.319 +	margin: 0;
   1.320 +	padding: 0;
   1.321 +}
   1.322 +
   1.323 +canvas {
   1.324 +	position: absolute;
   1.325 +	z-index: 5;
   1.326 +	top: -0.7em;
   1.327 +	margin: 0;
   1.328 +}
   1.329 +
   1.330 +ul#graphnodes {
   1.331 +	position: absolute;
   1.332 +	z-index: 10;
   1.333 +	top: -1.0em;
   1.334 +	list-style: none inside none;
   1.335 +	padding: 0;
   1.336 +}
   1.337 +
   1.338 +ul#nodebgs {
   1.339 +	list-style: none inside none;
   1.340 +	padding: 0;
   1.341 +	margin: 0;
   1.342 +	top: -0.7em;
   1.343 +}
   1.344 +
   1.345 +ul#graphnodes li, ul#nodebgs li {
   1.346 +	height: 39px;
   1.347 +}
   1.348 +
   1.349 +ul#graphnodes li .info {
   1.350 +	display: block;
   1.351 +	font-size: 70%;
   1.352 +	position: relative;
   1.353 +	top: -3px;
   1.354 +}