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

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