slitaz-dev-tools annotate slitaz-mercurial-style/templates/static/style-slitaz.css @ rev 42

Mercurial style update to match website
author Christophe Lincoln <pankso@slitaz.org>
date Sun Mar 27 23:31:28 2011 +0200 (2011-03-27)
parents d9f1a561b634
children 63cee71bb097
rev   line source
pankso@42 1 /*
pankso@42 2 CSS style for SliTaz Network - (C) 2011 SliTaz GNU/Linux
pankso@42 3 */
pankso@42 4
slaxemulator@14 5 html {
slaxemulator@14 6 min-height: 102%;
slaxemulator@14 7 }
slaxemulator@14 8
slaxemulator@14 9 body {
slaxemulator@14 10 background: #ffffff;
slaxemulator@14 11 color: black;
slaxemulator@14 12 font: 13px sans-serif, vernada, arial;
slaxemulator@14 13 margin: 0;
pankso@42 14 min-width: 900px;
slaxemulator@14 15 }
slaxemulator@14 16
pankso@42 17 a { text-decoration: underline; color: #215090; }
pankso@42 18 a:hover { text-decoration: none; color: blue; }
pankso@42 19 img { border: 0pt none; vertical-align: middle; }
pankso@42 20 h2 { color: #444; margin-bottom: 0;}
pankso@42 21 h3 { color: #666; font-size: 140%; }
pankso@42 22 h4 { color: #888; font-size: 120%; }
pankso@42 23 pre {
pankso@42 24 background-color: #f8f8f8;
pankso@42 25 border: 1px solid #ddd;
pankso@42 26 padding: 10px;
slaxemulator@14 27 }
slaxemulator@14 28
pankso@42 29 /* Header */
pankso@42 30
pankso@42 31 #header {
pankso@42 32 height: 40px;
pankso@42 33 background: #351a0a;
pankso@42 34 }
pankso@42 35
pankso@42 36 #header h1 {
pankso@42 37 margin: 0;
pankso@42 38 padding: 2px 0 0 42px;
pankso@42 39 width: 250px;
pankso@42 40 }
pankso@42 41
pankso@42 42 #header h1 a {
pankso@42 43 color: white;
pankso@42 44 text-decoration: none;
pankso@42 45 font-size: 20px;
pankso@42 46 font-style: italic;
pankso@42 47 }
pankso@42 48
pankso@42 49 #header h1 a:hover, #network a:hover {
pankso@42 50 color: #d66018;
pankso@42 51 }
pankso@42 52
pankso@42 53 /* Logo */
pankso@42 54
pankso@42 55 #logo {
pankso@42 56 background: url(images/logo.png) no-repeat left;
pankso@42 57 position: absolute;
pankso@42 58 float: left;
pankso@42 59 left: 0px;
pankso@42 60 top: 0px;
pankso@42 61 width: 40px;
pankso@42 62 height: 40px;
pankso@42 63 }
pankso@42 64
pankso@42 65 /* SliTaz Network */
pankso@42 66
pankso@42 67 #network {
pankso@42 68 float: right;
pankso@42 69 padding: 10px 5px 0;
pankso@42 70 font-size: 12px;
pankso@42 71 }
pankso@42 72
pankso@42 73 #network a { padding: 0 6px; }
pankso@42 74
pankso@42 75 /* Block */
pankso@42 76
pankso@42 77 #block {
pankso@42 78 min-height: 160px;
pankso@42 79 background: #d66018;
pankso@42 80 padding: 26px 10% 0px;
pankso@42 81 text-align: center;
pankso@42 82 color: #333;
pankso@42 83 border-bottom: 1px solid #f5f5f5;
pankso@42 84 }
pankso@42 85
pankso@42 86 #block_info {
pankso@42 87 text-align: justify;
pankso@42 88 width: 48%;
pankso@42 89 padding: 10px 10px 0 0;
pankso@42 90 }
pankso@42 91
pankso@42 92 #block a, #network a {
pankso@42 93 color: #fff;
pankso@42 94 font-weight: bold;
slaxemulator@14 95 text-decoration: none;
slaxemulator@14 96 }
slaxemulator@14 97
pankso@42 98 #block h4 {
pankso@42 99 color: #351a0a;
pankso@42 100 margin: 0 0 6px;
pankso@42 101 font-weight: bold;
pankso@42 102 font-size: 110%;
slaxemulator@14 103 }
slaxemulator@14 104
pankso@42 105 #block_info p { margin: 6px 0; padding: 0 12px 0 0; }
pankso@42 106 #block_info a { font-weight: normal; }
pankso@42 107 #block ul { list-style-type: square; }
pankso@42 108 #block a:hover { color: #351a0a; }
pankso@42 109
pankso@42 110 /* Navigation */
pankso@42 111
pankso@42 112 #block_nav {
pankso@42 113 background: #cc5b17;
pankso@42 114 padding: 10px 10px 15px;
pankso@42 115 text-align: justify;
pankso@42 116 width: 48%;
pankso@42 117 float: right;
slaxemulator@14 118 }
slaxemulator@14 119
pankso@42 120 #block_nav ul {
pankso@42 121 list-style-type: none;
pankso@42 122 margin: 0px 0;
pankso@42 123 padding: 0;
slaxemulator@14 124 }
slaxemulator@14 125
pankso@42 126 #block_nav h4 img {
pankso@42 127 margin: 0 4px 0 0;
pankso@42 128 padding: 0;
slaxemulator@14 129 }
slaxemulator@14 130
pankso@42 131 /* Languages */
pankso@42 132
pankso@42 133 #lang {
pankso@42 134 float: right;
pankso@42 135 padding: 6px;
pankso@42 136 font-size: 11px;
slaxemulator@14 137 }
slaxemulator@14 138
pankso@42 139 #lang a {
pankso@42 140 text-decoration: none;
pankso@42 141 padding: 0 2px;
slaxemulator@14 142 }
slaxemulator@14 143
pankso@42 144 #lang a:hover {
slaxemulator@14 145 text-decoration: underline;
slaxemulator@14 146 }
slaxemulator@14 147
pankso@42 148 /* Content */
slaxemulator@14 149
slaxemulator@14 150 #content {
pankso@42 151 padding: 30px 80px;
slaxemulator@14 152 text-align: justify;
slaxemulator@14 153 }
slaxemulator@14 154
slaxemulator@14 155 #news li {
slaxemulator@14 156 list-style-type: square;
slaxemulator@14 157 border-bottom: 1px dotted #BEBEBE;
slaxemulator@14 158 margin-left: -25px;
slaxemulator@14 159 padding: 4px 0px 4px 0px;
slaxemulator@14 160 }
slaxemulator@14 161
pankso@42 162 #news a, .feed-grid a { text-decoration: none; }
pankso@42 163 #news p a { text-decoration: underline; }
pankso@42 164 #news p a:hover { text-decoration: none; }
pankso@42 165 #twitter { margin: 20px 0; }
pankso@42 166 #gallery { text-align: center; }
pankso@42 167
pankso@42 168 /* Classes */
pankso@42 169
pankso@42 170 .right_box { width: 48%; float: right; }
pankso@42 171 .left_box { width: 48%; float: left; }
pankso@42 172
pankso@42 173 .box {
pankso@42 174 margin: 20px 60px;
pankso@42 175 padding: 12px;
pankso@42 176 background: #efefef;
pankso@42 177 border: 1px solid #ddd;
slaxemulator@14 178 }
slaxemulator@14 179
pankso@42 180 .searchbox {
pankso@42 181 margin: 20px 80px;
pankso@42 182 padding: 12px;
pankso@42 183 background: #f8f8f8;
slaxemulator@14 184 text-align: center;
pankso@42 185 border: 1px solid #ddd;
slaxemulator@14 186 }
slaxemulator@14 187
pankso@42 188 .feed-grid { height: 180px; overflow: hidden; text-align: left; }
pankso@42 189 .feed-grid h3 {
pankso@42 190 margin: 15px 0 0; font-size: 16px;
pankso@42 191 padding: 0 22px;
pankso@42 192 background: url(images/feed.png) no-repeat left; }
pankso@42 193 .feed-grid span { font-size: 10px; color: #888; margin-left: 24px; }
pankso@42 194 .feed-grid ul { color: #666; }
pankso@42 195 .feed-grid a { color: #666; }
pankso@42 196 .feed-grid a:hover { color: blue; }
slaxemulator@14 197
pankso@42 198 /* Button */
pankso@42 199
pankso@42 200 .button a {
pankso@42 201 background-color: #b64b22;
pankso@42 202 color: #ffffff;
pankso@42 203 margin-right: 6px;
pankso@42 204 padding: 6px 10px;
pankso@42 205 font-size: 12px;
pankso@42 206 text-decoration: none;
pankso@42 207 font-weight: bold;
pankso@42 208 }
pankso@42 209 .button a:hover, input[type=submit]:hover {
pankso@42 210 background-color: #a3431f;
pankso@42 211 color: #ffffff;
slaxemulator@14 212 }
slaxemulator@14 213
pankso@42 214 /* Round corner */
slaxemulator@14 215
pankso@42 216 #block_nav, pre, .box, .searchbox, .button a, #twitter {
pankso@42 217 -moz-border-radius: 4px;
pankso@42 218 -webkit-border-radius: 4px;
pankso@42 219 border-radius: 4px;
slaxemulator@14 220 }
slaxemulator@14 221
pankso@42 222 /* Transition */
slaxemulator@14 223
pankso@42 224 .box {
slaxemulator@14 225 -webkit-transition-property: background-color;
slaxemulator@14 226 -webkit-transition-duration: 2s;
slaxemulator@14 227 -moz-transition-property: background-color;
slaxemulator@14 228 -moz-transition-duration: 2s;
slaxemulator@14 229 transition-property: background-color;
slaxemulator@14 230 transition-duration: 2s;
slaxemulator@14 231 }
slaxemulator@14 232
pankso@42 233 /* Form */
slaxemulator@14 234
slaxemulator@14 235 input[type=submit] {
slaxemulator@14 236 border: 1px solid #b64b22;
slaxemulator@14 237 background-color: #b64b22;
slaxemulator@14 238 color: white;
slaxemulator@14 239 font-weight: bold;
slaxemulator@14 240 cursor: pointer;
pankso@42 241 padding: 4px 10px;
slaxemulator@14 242 font-size: 14px;
pankso@42 243 margin-left: -5px;
pankso@42 244 -webkit-border-top-right-radius: 4px;
pankso@42 245 -webkit-border-bottom-right-radius: 4px;
pankso@42 246 -moz-border-radius-topright: 4px;
pankso@42 247 -moz-border-radius-bottomright: 4px;
pankso@42 248 border-top-right-radius: 4px;
pankso@42 249 border-bottom-right-radius: 4px;
slaxemulator@14 250 }
slaxemulator@14 251
pankso@42 252 input[type=submit]:hover { background-color: #a3431f; }
pankso@42 253
slaxemulator@14 254 input[type=text] {
pankso@42 255 border: 1px inset #333333;
pankso@42 256 padding: 2px;
pankso@42 257 height: 17px;
slaxemulator@14 258 width: 100%;
pankso@42 259 -webkit-border-radius: 4px;
pankso@42 260 -moz-border-radius: 4px;
pankso@42 261 border-radius: 4px;
slaxemulator@14 262 }
slaxemulator@14 263
pankso@42 264 /* Footer */
slaxemulator@14 265
pankso@42 266 #footer {
pankso@42 267 background: #f1f1f1;
pankso@42 268 text-align: center;
pankso@42 269 border-top: 1px solid #ddd;
pankso@42 270 padding: 40px;
pankso@42 271 color: #666;
slaxemulator@14 272 }
slaxemulator@14 273
pankso@42 274 #footer a { color: #666; padding: 0 2px; }
slaxemulator@14 275
slaxemulator@14 276 .year:after {
slaxemulator@14 277 /* content: "2007-2011"; */
slaxemulator@14 278 content: "2011";
slaxemulator@14 279 }
slaxemulator@14 280
pankso@42 281 /* Mercurial */
slaxemulator@14 282
pankso@42 283 #tarball ul { margin: 0 0 6px; padding: 0px; }
pankso@42 284 #tarball li { display: inline-block; }
pankso@42 285
pankso@42 286 #content a { text-decoration:none; }
pankso@42 287
pankso@42 288 #block_nav li { font-weight: bold; }
slaxemulator@14 289
slaxemulator@14 290 .container {
pankso@42 291 margin: 0px 280px 0px 0px;
slaxemulator@14 292 padding: 0px 40px 60px 40px;
slaxemulator@14 293 }
slaxemulator@14 294
slaxemulator@14 295 .main {
slaxemulator@14 296 background: white;
slaxemulator@14 297 }
slaxemulator@14 298
slaxemulator@14 299 #.main {
slaxemulator@14 300 width: 100%;
slaxemulator@14 301 }
slaxemulator@14 302
slaxemulator@14 303 .overflow {
slaxemulator@14 304 width: 100%;
slaxemulator@14 305 overflow: auto;
slaxemulator@14 306 }
slaxemulator@14 307
slaxemulator@14 308 .search {
slaxemulator@14 309 text-align: center;
slaxemulator@14 310 }
slaxemulator@14 311
slaxemulator@14 312 form.search div#hint {
slaxemulator@14 313 display: none;
slaxemulator@14 314 position: absolute;
pankso@42 315 top: 96px;
pankso@42 316 left: 10%;
pankso@42 317 width: 300px;
pankso@42 318 padding: 5px 10px;
pankso@42 319 background: #f1f1f1;
pankso@42 320 border: 1px solid #c5c5c5;
slaxemulator@14 321 -moz-border-radius: 5px; /* this works only in camino/firefox */
slaxemulator@14 322 -webkit-border-radius: 5px; /* this is just for Safari */
slaxemulator@14 323 }
slaxemulator@14 324
slaxemulator@14 325 form.search:hover div#hint { display: block; }
slaxemulator@14 326
slaxemulator@14 327 .age { white-space:nowrap; }
slaxemulator@14 328 .date { white-space:nowrap; }
slaxemulator@14 329 .indexlinks { white-space:nowrap; }
slaxemulator@14 330 .parity0 { background-color: #f0f0f0; }
slaxemulator@14 331 .parity1 { background-color: white; }
slaxemulator@14 332 .plusline { color: green; }
slaxemulator@14 333 .minusline { color: #dc143c; } /* crimson */
slaxemulator@14 334 .atline { color: purple; }
slaxemulator@14 335
slaxemulator@14 336 .navigate {
slaxemulator@14 337 text-align: right;
slaxemulator@14 338 font-size: 80%;
slaxemulator@14 339 margin: 1em 0;
slaxemulator@14 340 }
slaxemulator@14 341
slaxemulator@14 342 .tag {
slaxemulator@14 343 color: #999;
slaxemulator@14 344 font-size: 70%;
slaxemulator@14 345 font-weight: normal;
slaxemulator@14 346 margin-left: .5em;
slaxemulator@14 347 vertical-align: baseline;
slaxemulator@14 348 }
slaxemulator@14 349
slaxemulator@14 350 .branchhead {
slaxemulator@14 351 color: #000;
slaxemulator@14 352 font-size: 80%;
slaxemulator@14 353 font-weight: normal;
slaxemulator@14 354 margin-left: .5em;
slaxemulator@14 355 vertical-align: baseline;
slaxemulator@14 356 }
slaxemulator@14 357
slaxemulator@14 358 ul#graphnodes .branchhead {
slaxemulator@14 359 font-size: 75%;
slaxemulator@14 360 }
slaxemulator@14 361
slaxemulator@14 362 .branchname {
slaxemulator@14 363 color: #000;
slaxemulator@14 364 font-size: 60%;
slaxemulator@14 365 font-weight: normal;
slaxemulator@14 366 margin-left: .5em;
slaxemulator@14 367 vertical-align: baseline;
slaxemulator@14 368 }
slaxemulator@14 369
slaxemulator@14 370 h3 .branchname {
slaxemulator@14 371 font-size: 80%;
slaxemulator@14 372 }
slaxemulator@14 373
slaxemulator@14 374 /* Common */
slaxemulator@14 375 pre { margin: 0; }
slaxemulator@14 376
pankso@42 377 h2 a { color: #215090; }
slaxemulator@14 378
slaxemulator@14 379 /* log and tags tables */
slaxemulator@14 380 .bigtable {
slaxemulator@14 381 border-bottom: 1px solid #999;
slaxemulator@14 382 border-collapse: collapse;
slaxemulator@14 383 font-size: 90%;
slaxemulator@14 384 width: 100%;
slaxemulator@14 385 font-weight: normal;
slaxemulator@14 386 text-align: left;
pankso@42 387 margin-top: 10px;
slaxemulator@14 388 }
slaxemulator@14 389
slaxemulator@14 390 .bigtable td {
slaxemulator@14 391 vertical-align: top;
slaxemulator@14 392 }
slaxemulator@14 393
slaxemulator@14 394 .bigtable th {
slaxemulator@14 395 padding: 1px 4px;
slaxemulator@14 396 border-bottom: 1px solid #999;
slaxemulator@14 397 }
slaxemulator@14 398 .bigtable tr { border: none; }
slaxemulator@14 399 .bigtable .age { width: 6em; }
slaxemulator@14 400 .bigtable .author { width: 12em; }
slaxemulator@14 401 .bigtable .description { }
slaxemulator@14 402 .bigtable .node { width: 5em; font-family: monospace;}
slaxemulator@14 403 .bigtable .permissions { width: 8em; text-align: left;}
slaxemulator@14 404 .bigtable .size { width: 5em; text-align: right; }
slaxemulator@14 405 .bigtable .annotate { text-align: right; }
slaxemulator@14 406 .bigtable td.annotate { font-size: smaller; }
slaxemulator@14 407 .bigtable td.source { font-size: inherit; }
slaxemulator@14 408
slaxemulator@14 409 .source, .sourcefirst, .sourcelast {
slaxemulator@14 410 font-family: monospace;
slaxemulator@14 411 white-space: pre;
slaxemulator@14 412 padding: 1px 4px;
slaxemulator@14 413 font-size: 90%;
slaxemulator@14 414 }
slaxemulator@14 415 .sourcefirst { border-bottom: 1px solid #999; font-weight: bold; }
slaxemulator@14 416 .sourcelast { border-top: 1px solid #999; }
slaxemulator@14 417 .source a { color: #999; font-size: smaller; font-family: monospace;}
slaxemulator@14 418 .bottomline { border-bottom: 1px solid #999; }
slaxemulator@14 419
slaxemulator@14 420 .fileline { font-family: monospace; }
slaxemulator@14 421 .fileline img { border: 0; }
slaxemulator@14 422
slaxemulator@14 423 .tagEntry .closed { color: #99f; }
slaxemulator@14 424
slaxemulator@14 425 /* Changeset entry */
slaxemulator@14 426 #changesetEntry {
slaxemulator@14 427 border-collapse: collapse;
slaxemulator@14 428 font-size: 90%;
slaxemulator@14 429 width: 100%;
slaxemulator@14 430 margin-bottom: 1em;
slaxemulator@14 431 }
slaxemulator@14 432
slaxemulator@14 433 #changesetEntry th {
slaxemulator@14 434 padding: 1px 4px;
slaxemulator@14 435 width: 4em;
slaxemulator@14 436 text-align: right;
slaxemulator@14 437 font-weight: normal;
slaxemulator@14 438 color: #999;
slaxemulator@14 439 margin-right: .5em;
slaxemulator@14 440 vertical-align: top;
slaxemulator@14 441 }
slaxemulator@14 442
slaxemulator@14 443 div.description {
slaxemulator@14 444 border-left: 2px solid #999;
slaxemulator@14 445 margin: 1em 0 1em 0;
slaxemulator@14 446 padding: .3em;
slaxemulator@14 447 }
slaxemulator@14 448
slaxemulator@14 449 /* Graph */
slaxemulator@14 450 div#wrapper {
slaxemulator@14 451 position: relative;
slaxemulator@14 452 border-top: 1px solid black;
slaxemulator@14 453 border-bottom: 1px solid black;
slaxemulator@14 454 margin: 0;
slaxemulator@14 455 padding: 0;
slaxemulator@14 456 }
slaxemulator@14 457
slaxemulator@14 458 canvas {
slaxemulator@14 459 position: absolute;
slaxemulator@14 460 z-index: 5;
slaxemulator@14 461 top: -0.7em;
slaxemulator@14 462 margin: 0;
slaxemulator@14 463 }
slaxemulator@14 464
slaxemulator@14 465 ul#graphnodes {
slaxemulator@14 466 position: absolute;
slaxemulator@14 467 z-index: 10;
slaxemulator@14 468 top: -1.0em;
slaxemulator@14 469 list-style: none inside none;
slaxemulator@14 470 padding: 0;
slaxemulator@14 471 }
slaxemulator@14 472
slaxemulator@14 473 ul#nodebgs {
slaxemulator@14 474 list-style: none inside none;
slaxemulator@14 475 padding: 0;
slaxemulator@14 476 margin: 0;
slaxemulator@14 477 top: -0.7em;
slaxemulator@14 478 }
slaxemulator@14 479
slaxemulator@14 480 ul#graphnodes li, ul#nodebgs li {
slaxemulator@14 481 height: 39px;
slaxemulator@14 482 }
slaxemulator@14 483
slaxemulator@14 484 ul#graphnodes li .info {
slaxemulator@14 485 display: block;
slaxemulator@14 486 font-size: 70%;
slaxemulator@14 487 position: relative;
slaxemulator@14 488 top: -3px;
slaxemulator@14 489 }