wok annotate 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
rev   line source
pankso@4465 1 html {
pankso@4465 2 height: 102%;
pankso@4465 3 }
pankso@4465 4
pankso@4465 5 body {
pankso@4465 6 background: #ffffff;
pankso@4465 7 color: black;
pankso@4465 8 font: 13px sans-serif, vernada, arial;
pankso@4465 9 margin: 0;
pankso@4465 10 }
pankso@4465 11
pankso@4465 12 /* Header and title */
pankso@4465 13
pankso@4465 14 #header{
pankso@4465 15 background: #f0ba08 url(header.png) repeat-x top;
pankso@4465 16 color: black;
pankso@4465 17 width: 100%;
pankso@4465 18 height: 50px;
pankso@4465 19 border-top: 1px solid black;
pankso@4465 20 border-bottom: 1px solid black;
pankso@4465 21 margin-bottom: 30px;
pankso@4465 22 }
pankso@4465 23
pankso@4465 24 #titre {
pankso@4465 25 position: absolute;
pankso@4465 26 font-size: 16px;
pankso@4465 27 font-weight: bolder ;
pankso@4465 28 margin-left: 200px;
pankso@4465 29 margin-top: 28px;
pankso@4465 30 }
pankso@4465 31
pankso@4465 32 #logo {
pankso@4465 33 position: absolute;
pankso@4465 34 float: left;
pankso@4465 35 margin-left: 16px;
pankso@4465 36 margin-top: 0px;
pankso@4465 37 }
pankso@4465 38
pankso@4465 39 /* Navigation */
pankso@4465 40
pankso@4465 41 #nav {
pankso@4465 42 position: absolute;
pankso@4465 43 top: 76px;
pankso@4465 44 right: 40px;
pankso@4465 45 color: #555555;
pankso@4465 46 float: right;
pankso@4465 47 width: 250px;
pankso@4465 48 line-height: 1.5em;
pankso@4465 49 text-align: left;
pankso@4465 50 font-size: 12px;
pankso@4465 51 }
pankso@4465 52
pankso@4465 53 #nav ul {
pankso@4465 54 list-style-type: none;
pankso@4465 55 margin: 10px 0;
pankso@4465 56 }
pankso@4465 57
pankso@4465 58 #nav .nav_box ul {
pankso@4465 59 list-style-type: none;
pankso@4465 60 margin: 0;
pankso@4465 61 padding: 10px 24px 10px 0px;
pankso@4465 62 }
pankso@4465 63
pankso@4465 64 #nav li {
pankso@4465 65 display: inline;
pankso@4465 66 }
pankso@4465 67
pankso@4465 68 #nav h4 {
pankso@4465 69 font-size: 110%;
pankso@4465 70 color: #666666;
pankso@4465 71 font-weight: bold;
pankso@4465 72 margin: 0;
pankso@4465 73 padding: 0 0 1px 0;
pankso@4465 74 border-bottom: 1px solid #cecece;
pankso@4465 75 }
pankso@4465 76
pankso@4465 77 #nav a {
pankso@4465 78 color: #0F314E;
pankso@4465 79 background: inherit;
pankso@4465 80 display: block;
pankso@4465 81 text-decoration: none;
pankso@4465 82 font-weight: bold;
pankso@4465 83 }
pankso@4465 84
pankso@4465 85 #nav a:hover {
pankso@4465 86 color: #DF8F06;
pankso@4465 87 text-decoration: none;
pankso@4465 88 display: block;
pankso@4465 89 }
pankso@4465 90
pankso@4465 91 .nav_box {
pankso@4465 92 -moz-border-radius: 8px;
pankso@4465 93 -webkit-border-radius: 8px;
pankso@4465 94 margin: 10px 0;
pankso@4465 95 padding: 10px 24px 10px 24px;
pankso@4465 96 background-color: #eaeaea;
pankso@4465 97 text-align: justify;
pankso@4465 98 }
pankso@4465 99
pankso@4465 100 #nav .nav_box p {
pankso@4465 101 line-height: 1.3em;
pankso@4465 102 }
pankso@4465 103
pankso@4465 104 #nav .nav_box p a {
pankso@4465 105 display: inline;
pankso@4465 106 font-weight: normal;
pankso@4465 107 text-decoration: underline;
pankso@4465 108 }
pankso@4465 109
pankso@4465 110 #nav .nav_box p a:hover {
pankso@4465 111 text-decoration: none;
pankso@4465 112 color: blue;
pankso@4465 113 background: inherit;
pankso@4465 114 }
pankso@4465 115
pankso@4465 116 #footer {
pankso@4465 117 float: none;
pankso@4465 118 background: inherit;
pankso@4465 119 color: black;
pankso@4465 120 width: auto;
pankso@4465 121 clear: both;
pankso@4465 122 padding: 0;
pankso@4465 123 margin: 0;
pankso@4465 124 text-align: center;
pankso@4465 125 vertical-align: middle;
pankso@4465 126 }
pankso@4465 127
pankso@4465 128 a {
pankso@4465 129 text-decoration: underline;
pankso@4465 130 color: #0F314E;
pankso@4465 131 background: inherit;
pankso@4465 132 }
pankso@4465 133
pankso@4465 134 a:hover {
pankso@4465 135 text-decoration: none;
pankso@4465 136 color: blue;
pankso@4465 137 background: inherit;
pankso@4465 138 }
pankso@4465 139
pankso@4465 140 h3 {
pankso@4465 141 font-weight: bold;
pankso@4465 142 color: #6c0023;
pankso@4465 143 background: inherit;
pankso@4465 144 }
pankso@4465 145
pankso@4465 146 .container {
pankso@4465 147 margin: 6px 280px 0px 0px;
pankso@4465 148 padding: 0px 40px 60px 40px;
pankso@4465 149 }
pankso@4465 150
pankso@4465 151 .main {
pankso@4465 152 background: white;
pankso@4465 153 }
pankso@4465 154
pankso@4465 155 #.main {
pankso@4465 156 width: 100%;
pankso@4465 157 }
pankso@4465 158
pankso@4465 159 .overflow {
pankso@4465 160 width: 100%;
pankso@4465 161 overflow: auto;
pankso@4465 162 }
pankso@4465 163
pankso@4465 164 .search {
pankso@4465 165 text-align: center;
pankso@4465 166 }
pankso@4465 167
pankso@4465 168 form.search div#hint {
pankso@4465 169 display: none;
pankso@4465 170 position: absolute;
pankso@4465 171 top: 0px;
pankso@4465 172 right: 280px;
pankso@4465 173 width: 200px;
pankso@4465 174 padding: 5px;
pankso@4465 175 background: #ffc;
pankso@4465 176 font-size: 80%;
pankso@4465 177 border: 1px solid yellow;
pankso@4465 178 -moz-border-radius: 5px; /* this works only in camino/firefox */
pankso@4465 179 -webkit-border-radius: 5px; /* this is just for Safari */
pankso@4465 180 }
pankso@4465 181
pankso@4465 182 form.search:hover div#hint { display: block; }
pankso@4465 183
pankso@4465 184 a { text-decoration:none; }
pankso@4465 185 .age { white-space:nowrap; }
pankso@4465 186 .date { white-space:nowrap; }
pankso@4465 187 .indexlinks { white-space:nowrap; }
pankso@4465 188 .parity0 { background-color: #f0f0f0; }
pankso@4465 189 .parity1 { background-color: white; }
pankso@4465 190 .plusline { color: green; }
pankso@4465 191 .minusline { color: #dc143c; } /* crimson */
pankso@4465 192 .atline { color: purple; }
pankso@4465 193
pankso@4465 194 .navigate {
pankso@4465 195 text-align: right;
pankso@4465 196 font-size: 80%;
pankso@4465 197 margin: 1em 0;
pankso@4465 198 }
pankso@4465 199
pankso@4465 200 .tag {
pankso@4465 201 color: #999;
pankso@4465 202 font-size: 70%;
pankso@4465 203 font-weight: normal;
pankso@4465 204 margin-left: .5em;
pankso@4465 205 vertical-align: baseline;
pankso@4465 206 }
pankso@4465 207
pankso@4465 208 .branchhead {
pankso@4465 209 color: #000;
pankso@4465 210 font-size: 80%;
pankso@4465 211 font-weight: normal;
pankso@4465 212 margin-left: .5em;
pankso@4465 213 vertical-align: baseline;
pankso@4465 214 }
pankso@4465 215
pankso@4465 216 ul#graphnodes .branchhead {
pankso@4465 217 font-size: 75%;
pankso@4465 218 }
pankso@4465 219
pankso@4465 220 .branchname {
pankso@4465 221 color: #000;
pankso@4465 222 font-size: 60%;
pankso@4465 223 font-weight: normal;
pankso@4465 224 margin-left: .5em;
pankso@4465 225 vertical-align: baseline;
pankso@4465 226 }
pankso@4465 227
pankso@4465 228 h3 .branchname {
pankso@4465 229 font-size: 80%;
pankso@4465 230 }
pankso@4465 231
pankso@4465 232 /* Common */
pankso@4465 233 pre { margin: 0; }
pankso@4465 234
pankso@4465 235 h2 { font-size: 140%; color: black; }
pankso@4465 236 h2 a { color: #000; }
pankso@4465 237 h3 {
pankso@4465 238 margin-top: -.7em;
pankso@4465 239 font-size: 100%;
pankso@4465 240 }
pankso@4465 241
pankso@4465 242 /* log and tags tables */
pankso@4465 243 .bigtable {
pankso@4465 244 border-bottom: 1px solid #999;
pankso@4465 245 border-collapse: collapse;
pankso@4465 246 font-size: 90%;
pankso@4465 247 width: 100%;
pankso@4465 248 font-weight: normal;
pankso@4465 249 text-align: left;
pankso@4465 250 }
pankso@4465 251
pankso@4465 252 .bigtable td {
pankso@4465 253 vertical-align: top;
pankso@4465 254 }
pankso@4465 255
pankso@4465 256 .bigtable th {
pankso@4465 257 padding: 1px 4px;
pankso@4465 258 border-bottom: 1px solid #999;
pankso@4465 259 }
pankso@4465 260 .bigtable tr { border: none; }
pankso@4465 261 .bigtable .age { width: 6em; }
pankso@4465 262 .bigtable .author { width: 12em; }
pankso@4465 263 .bigtable .description { }
pankso@4465 264 .bigtable .node { width: 5em; font-family: monospace;}
pankso@4465 265 .bigtable .permissions { width: 8em; text-align: left;}
pankso@4465 266 .bigtable .size { width: 5em; text-align: right; }
pankso@4465 267 .bigtable .annotate { text-align: right; }
pankso@4465 268 .bigtable td.annotate { font-size: smaller; }
pankso@4465 269 .bigtable td.source { font-size: inherit; }
pankso@4465 270
pankso@4465 271 .source, .sourcefirst, .sourcelast {
pankso@4465 272 font-family: monospace;
pankso@4465 273 white-space: pre;
pankso@4465 274 padding: 1px 4px;
pankso@4465 275 font-size: 90%;
pankso@4465 276 }
pankso@4465 277 .sourcefirst { border-bottom: 1px solid #999; font-weight: bold; }
pankso@4465 278 .sourcelast { border-top: 1px solid #999; }
pankso@4465 279 .source a { color: #999; font-size: smaller; font-family: monospace;}
pankso@4465 280 .bottomline { border-bottom: 1px solid #999; }
pankso@4465 281
pankso@4465 282 .fileline { font-family: monospace; }
pankso@4465 283 .fileline img { border: 0; }
pankso@4465 284
pankso@4465 285 .tagEntry .closed { color: #99f; }
pankso@4465 286
pankso@4465 287 /* Changeset entry */
pankso@4465 288 #changesetEntry {
pankso@4465 289 border-collapse: collapse;
pankso@4465 290 font-size: 90%;
pankso@4465 291 width: 100%;
pankso@4465 292 margin-bottom: 1em;
pankso@4465 293 }
pankso@4465 294
pankso@4465 295 #changesetEntry th {
pankso@4465 296 padding: 1px 4px;
pankso@4465 297 width: 4em;
pankso@4465 298 text-align: right;
pankso@4465 299 font-weight: normal;
pankso@4465 300 color: #999;
pankso@4465 301 margin-right: .5em;
pankso@4465 302 vertical-align: top;
pankso@4465 303 }
pankso@4465 304
pankso@4465 305 div.description {
pankso@4465 306 border-left: 2px solid #999;
pankso@4465 307 margin: 1em 0 1em 0;
pankso@4465 308 padding: .3em;
pankso@4465 309 }
pankso@4465 310
pankso@4465 311 /* Graph */
pankso@4465 312 div#wrapper {
pankso@4465 313 position: relative;
pankso@4465 314 border-top: 1px solid black;
pankso@4465 315 border-bottom: 1px solid black;
pankso@4465 316 margin: 0;
pankso@4465 317 padding: 0;
pankso@4465 318 }
pankso@4465 319
pankso@4465 320 canvas {
pankso@4465 321 position: absolute;
pankso@4465 322 z-index: 5;
pankso@4465 323 top: -0.7em;
pankso@4465 324 margin: 0;
pankso@4465 325 }
pankso@4465 326
pankso@4465 327 ul#graphnodes {
pankso@4465 328 position: absolute;
pankso@4465 329 z-index: 10;
pankso@4465 330 top: -1.0em;
pankso@4465 331 list-style: none inside none;
pankso@4465 332 padding: 0;
pankso@4465 333 }
pankso@4465 334
pankso@4465 335 ul#nodebgs {
pankso@4465 336 list-style: none inside none;
pankso@4465 337 padding: 0;
pankso@4465 338 margin: 0;
pankso@4465 339 top: -0.7em;
pankso@4465 340 }
pankso@4465 341
pankso@4465 342 ul#graphnodes li, ul#nodebgs li {
pankso@4465 343 height: 39px;
pankso@4465 344 }
pankso@4465 345
pankso@4465 346 ul#graphnodes li .info {
pankso@4465 347 display: block;
pankso@4465 348 font-size: 70%;
pankso@4465 349 position: relative;
pankso@4465 350 top: -3px;
pankso@4465 351 }