wok annotate slitaz-mercurial-style/stuff/templates/static/style-slitaz.css @ rev 7938

slitaz-mercurial-style: Migration continue (one can follow in live on hg.slitaz.org)
author Christophe Lincoln <pankso@slitaz.org>
date Tue Jan 11 22:37:12 2011 +0100 (2011-01-11)
parents 00998d06c429
children 5dc095e54903
rev   line source
pankso@4465 1 html {
pankso@7937 2 min-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@7937 10 border-top: 34px solid #f1f1f1;
pankso@7937 11 }
pankso@7937 12
pankso@7937 13 /* Accessibility */
pankso@7937 14
pankso@7937 15 #access {
pankso@7937 16 position: absolute;
pankso@7937 17 top: 4px;
pankso@7937 18 right: 0px;
pankso@7937 19 text-align: right;
pankso@7937 20 width: auto;
pankso@7937 21 margin: 0;
pankso@7937 22 padding: 4px 4px 4px 20px;
pankso@7937 23 font-size: 11px;
pankso@7937 24 font-weight: bold;
pankso@7937 25 }
pankso@7937 26
pankso@7937 27 #access a {
pankso@7937 28 background: transparent;
pankso@7937 29 color: #0F314E;
pankso@7937 30 text-decoration: none;
pankso@7937 31 }
pankso@7937 32
pankso@7937 33 #access a:hover {
pankso@7937 34 background: inherit;
pankso@7937 35 color: #b64b22;
pankso@7937 36 }
pankso@7937 37
pankso@7937 38 #access img {
pankso@7937 39 vertical-align: middle;
pankso@4465 40 }
pankso@4465 41
pankso@4465 42 /* Header and title */
pankso@4465 43
pankso@7937 44 #header {
pankso@7937 45 background: #351a0a url(header-img.png) no-repeat top right;
pankso@4465 46 color: black;
pankso@4465 47 width: 100%;
pankso@7937 48 height: 42px;
pankso@4465 49 border-top: 1px solid black;
pankso@7937 50 border-bottom: 1px solid #999;
pankso@7937 51 margin-bottom: 33px;
pankso@4465 52 }
pankso@4465 53
pankso@4465 54 #titre {
pankso@4465 55 position: absolute;
pankso@7937 56 font-size: 14px;
pankso@4465 57 font-weight: bolder ;
pankso@7937 58 left: 180px;
pankso@7937 59 top: 4px;
pankso@4465 60 }
pankso@4465 61
pankso@4465 62 #logo {
pankso@4465 63 position: absolute;
pankso@4465 64 float: left;
pankso@7937 65 left: 16px;
pankso@7937 66 top: -10px;
pankso@7937 67 width: 200px;
pankso@7937 68 height: 74px;
pankso@4465 69 }
pankso@4465 70
pankso@7937 71 /* Side bar Navigation */
pankso@4465 72
pankso@4465 73 #nav {
pankso@4465 74 position: absolute;
pankso@7937 75 top: 102px;
pankso@7937 76 right: 80px;
pankso@4465 77 color: #555555;
pankso@4465 78 float: right;
pankso@4465 79 width: 250px;
pankso@4465 80 line-height: 1.5em;
pankso@4465 81 text-align: left;
pankso@4465 82 font-size: 12px;
pankso@4465 83 }
pankso@4465 84
pankso@4465 85 #nav .nav_box ul {
pankso@4465 86 list-style-type: none;
pankso@4465 87 margin: 0;
pankso@4465 88 padding: 10px 24px 10px 0px;
pankso@7937 89 background-color: inherit;
pankso@4465 90 }
pankso@4465 91
pankso@4465 92 #nav li {
pankso@4465 93 display: inline;
pankso@4465 94 }
pankso@4465 95
pankso@4465 96 #nav h4 {
pankso@7937 97 font-size: 120%;
pankso@4465 98 color: #666666;
pankso@4465 99 font-weight: bold;
pankso@4465 100 margin: 0;
pankso@4465 101 padding: 0 0 1px 0;
pankso@4465 102 border-bottom: 1px solid #cecece;
pankso@4465 103 }
pankso@4465 104
pankso@4465 105 #nav a {
pankso@4465 106 color: #0F314E;
pankso@4465 107 background: inherit;
pankso@4465 108 display: block;
pankso@4465 109 text-decoration: none;
pankso@4465 110 font-weight: bold;
pankso@4465 111 }
pankso@4465 112
pankso@4465 113 #nav a:hover {
pankso@7937 114 color: #b64b22;
pankso@4465 115 text-decoration: none;
pankso@4465 116 display: block;
pankso@4465 117 }
pankso@4465 118
pankso@7937 119 #nav ul {
pankso@4465 120 -moz-border-radius: 8px;
pankso@4465 121 -webkit-border-radius: 8px;
pankso@7937 122 border-radius: 8px;
pankso@7937 123 list-style-type: none;
pankso@7937 124 margin: 10px 0;
pankso@7937 125 padding: 10px 24px 10px 24px;
pankso@7937 126 background-color: #eaeaea;
pankso@7937 127 }
pankso@7937 128
pankso@7937 129 .nav_box {
pankso@4465 130 margin: 10px 0;
pankso@4465 131 padding: 10px 24px 10px 24px;
pankso@4465 132 background-color: #eaeaea;
pankso@4465 133 text-align: justify;
pankso@7937 134 -moz-border-radius: 8px;
pankso@7937 135 -webkit-border-radius: 8px;
pankso@7937 136 border-radius: 8px;
pankso@7937 137 -moz-box-shadow: 0 1px 3px #666;
pankso@7937 138 -webkit-box-shadow: 0 1px 3px #666;
pankso@7937 139 box-shadow: 0 1px 3px #666;
pankso@7937 140 /* CSS3 transition */
pankso@7937 141 -webkit-transition-property: background-color;
pankso@7937 142 -webkit-transition-duration: 2s;
pankso@7937 143 -moz-transition-property: background-color;
pankso@7937 144 -moz-transition-duration: 2s;
pankso@7937 145 transition-property: background-color;
pankso@7937 146 transition-duration: 2s;
pankso@4465 147 }
pankso@4465 148
pankso@7937 149 .nav_box:hover { background-color: #f8f8f8; }
pankso@7937 150
pankso@4465 151 #nav .nav_box p {
pankso@4465 152 line-height: 1.3em;
pankso@4465 153 }
pankso@4465 154
pankso@4465 155 #nav .nav_box p a {
pankso@4465 156 display: inline;
pankso@4465 157 font-weight: normal;
pankso@4465 158 text-decoration: underline;
pankso@4465 159 }
pankso@4465 160
pankso@4465 161 #nav .nav_box p a:hover {
pankso@4465 162 text-decoration: none;
pankso@4465 163 color: blue;
pankso@4465 164 background: inherit;
pankso@4465 165 }
pankso@4465 166
pankso@7937 167 /* Page content */
pankso@7937 168
pankso@7937 169 #content {
pankso@7937 170 background: white;
pankso@4465 171 color: black;
pankso@7937 172 text-align: justify;
pankso@7937 173 height: auto;
pankso@7937 174 margin: 6px 320px 0px 0px;
pankso@7937 175 padding: 0px 40px 60px 80px;
pankso@7937 176 }
pankso@7937 177
pankso@7937 178 #content-full {
pankso@7937 179 background: white;
pankso@7937 180 color: black;
pankso@7937 181 text-align: justify;
pankso@7937 182 height: auto;
pankso@7937 183 margin: 0;
pankso@7937 184 padding: 0px 80px 40px 80px;
pankso@7937 185 }
pankso@7937 186
pankso@7937 187 #content li, #content-full li {
pankso@7937 188 line-height: 1.5em;
pankso@7937 189 text-align: left;
pankso@7937 190 }
pankso@7937 191
pankso@7937 192 #news li {
pankso@7937 193 list-style-type: square;
pankso@7937 194 border-bottom: 1px dotted #BEBEBE;
pankso@7937 195 margin-left: -25px;
pankso@7937 196 padding: 4px 0px 4px 0px;
pankso@7937 197 }
pankso@7937 198
pankso@7937 199 #news a {
pankso@7937 200 text-decoration: none;
pankso@7937 201 }
pankso@7937 202
pankso@7937 203 #gallery {
pankso@7937 204 text-align: center;
pankso@7937 205 }
pankso@7937 206
pankso@7937 207 /* Box and block. */
pankso@7937 208
pankso@7937 209 .infobox {
pankso@7937 210 margin: 20px 60px;
pankso@7937 211 padding: 12px;
pankso@7937 212 background: #f8f8f8;
pankso@7937 213 }
pankso@7937 214
pankso@7937 215 .infobox img { vertical-align: middle; }
pankso@7937 216 /* .infobox:hover { background-color: #f2b21d; } */
pankso@7937 217 .infobox:hover { background-color: #FBFBFB; }
pankso@7937 218
pankso@7937 219 .block {
pankso@7937 220 /*padding-bottom: 35%;*/
pankso@7937 221 color: black;
pankso@7937 222 min-height: 200px;
pankso@7937 223 margin-bottom: 40px;
pankso@7937 224 }
pankso@7937 225
pankso@7937 226 .block ul {
pankso@7937 227 list-style-type: none;
pankso@7937 228 margin: 0;
pankso@7937 229 padding: 0 20px;
pankso@7937 230 }
pankso@7937 231
pankso@7937 232 .block_left {
pankso@7937 233 width: 46%;
pankso@7937 234 float: left;
pankso@7937 235 background-color: #eaeaea;
pankso@7937 236 margin: 4px 2px;
pankso@7937 237 padding: 0 10px 10px 10px;
pankso@7937 238 }
pankso@7937 239
pankso@7937 240 .block_right {
pankso@7937 241 width: 46%;
pankso@7937 242 float: right;
pankso@7937 243 background-color: #eaeaea;
pankso@7937 244 margin: 4px 2px;
pankso@7937 245 padding: 0 10px 10px 10px;
pankso@7937 246 }
pankso@7937 247
pankso@7937 248 #block_top {
pankso@7937 249 color: black;
pankso@7937 250 background-color: #eaeaea;
pankso@7937 251 min-height: 180px;
pankso@7937 252 margin-bottom: 40px;
pankso@7937 253 margin-right: 340px;
pankso@7937 254 padding: 0 10px;
pankso@7937 255 }
pankso@7937 256
pankso@7937 257 #block_nav {
pankso@7937 258 width: 300px;
pankso@7937 259 min-height: 180px;
pankso@7937 260 float: right;
pankso@7937 261 background-color: #eaeaea;
pankso@7937 262 margin: 0;
pankso@7937 263 padding: 0 10px;
pankso@7937 264 }
pankso@7937 265
pankso@7937 266 .infobox, .block_left, .block_right, #block_top, #block_nav, #footer {
pankso@7937 267 -moz-border-radius: 8px;
pankso@7937 268 -webkit-border-radius: 8px;
pankso@7937 269 border-radius: 8px;
pankso@7937 270 -moz-box-shadow: 0 1px 3px #666;
pankso@7937 271 -webkit-box-shadow: 0 1px 3px #666;
pankso@7937 272 box-shadow: 0 1px 3px #666;
pankso@7937 273 /* CSS3 transition */
pankso@7937 274 -webkit-transition-property: background-color;
pankso@7937 275 -webkit-transition-duration: 2s;
pankso@7937 276 -moz-transition-property: background-color;
pankso@7937 277 -moz-transition-duration: 2s;
pankso@7937 278 transition-property: background-color;
pankso@7937 279 transition-duration: 2s;
pankso@7937 280 }
pankso@7937 281
pankso@7937 282 #block_nav {
pankso@7937 283 font-weight: bold;
pankso@7937 284 }
pankso@7937 285
pankso@7937 286 #block_nav a {
pankso@7937 287 text-decoration: none;
pankso@7937 288 }
pankso@7937 289
pankso@7937 290 #block_nav li a:hover {
pankso@7937 291 color: #b64b22;
pankso@7937 292 }
pankso@7937 293
pankso@7937 294 #block_nav ul {
pankso@7937 295 margin: 0;
pankso@7937 296 list-style-type: none;
pankso@7937 297 }
pankso@7937 298
pankso@7937 299 #block_nav h3 {
pankso@7937 300 font-size: 110%;
pankso@7937 301 }
pankso@7937 302
pankso@7937 303 .block_left:hover, .block_right:hover, #block_top:hover,
pankso@7937 304 #block_nav:hover, #footer:hover {
pankso@7937 305 background-color: #f8f8f8;
pankso@7937 306 }
pankso@7937 307
pankso@7937 308 .right_box {
pankso@7937 309 width: 50%;
pankso@7937 310 float: right;
pankso@7937 311 }
pankso@7937 312
pankso@7937 313 .floor {
pankso@7937 314 color: #999999;
pankso@7937 315 font-size: 20px;
pankso@7937 316 -webkit-transform: rotate(-45deg) skew(15deg, 15deg);
pankso@7937 317 -moz-transform: rotate(-45deg) skew(15deg, 15deg);
pankso@7937 318 -o-transform: rotate(-45deg) skew(15deg, 15deg);
pankso@7937 319 -ms-transform: rotate(-45deg) skew(15deg, 15deg);
pankso@7937 320 transform: rotate(-45deg) skew(15deg, 15deg);
pankso@7937 321 }
pankso@7937 322
pankso@7937 323 /* Button */
pankso@7937 324
pankso@7937 325 .button { margin-left: 20px; }
pankso@7937 326
pankso@7937 327 .button a {
pankso@7937 328 background-color: #b64b22;
pankso@7937 329 color: #ffffff;
pankso@7937 330 margin-right: 6px;
pankso@7937 331 padding: 6px 10px;
pankso@7937 332 font-size: 14px;
pankso@7937 333 -moz-border-radius: 4px;
pankso@7937 334 -webkit-border-radius: 4px;
pankso@7937 335 border-radius: 4px;
pankso@7937 336 -moz-box-shadow: 0 1px 3px #666;
pankso@7937 337 -webkit-box-shadow: 0 1px 3px #666;
pankso@7937 338 box-shadow: 0 1px 3px #666;
pankso@7937 339 }
pankso@7937 340
pankso@7937 341 .button a:hover, input[type=submit]:hover {
pankso@7937 342 background-color: #a3431f;
pankso@7937 343 color: #ffffff;
pankso@7937 344 }
pankso@7937 345
pankso@7937 346 input[type=submit] {
pankso@7937 347 border: 1px solid #b64b22;
pankso@7937 348 background-color: #b64b22;
pankso@7937 349 color: white;
pankso@7937 350 font-weight: bold;
pankso@7937 351 cursor: pointer;
pankso@7937 352 padding: 2px 10px;
pankso@7937 353 font-size: 14px;
pankso@7937 354 -moz-border-radius: 2px;
pankso@7937 355 -webkit-border-radius: 2px;
pankso@7937 356 border-radius: 2px;
pankso@7937 357 -moz-box-shadow: 0 0 5px #666;
pankso@7937 358 -webkit-box-shadow: 0 0 5px#666;
pankso@7937 359 box-shadow: 0 0 5px #666;
pankso@7937 360 }
pankso@7937 361
pankso@7937 362 input[type=text] {
pankso@7937 363 border: 1px solid #333333;
pankso@7937 364 padding: 3px;
pankso@7937 365 width: 100%;
pankso@7937 366 max-width: 500px;
pankso@7937 367 }
pankso@7937 368
pankso@7937 369 /* Clouds */
pankso@7937 370
pankso@7937 371 #cloud {
pankso@7937 372 padding: 10px 0px;
pankso@7937 373 line-height: 3em;
pankso@7937 374 text-align: center;
pankso@7937 375 }
pankso@7937 376 #cloud a { padding: 0 2px; color: #956411; }
pankso@7937 377 #cloud a.tag1 { font-size: 0.7em; font-weight: 100; }
pankso@7937 378 #cloud a.tag2 { font-size: 0.8em; font-weight: 200; }
pankso@7937 379 #cloud a.tag3 { font-size: 0.9em; font-weight: 300; }
pankso@7937 380 #cloud a.tag4 { font-size: 1.0em; font-weight: 400; }
pankso@7937 381 #cloud a.tag5 { font-size: 1.2em; font-weight: 500; }
pankso@7937 382 #cloud a.tag6 { font-size: 1.4em; font-weight: 600; }
pankso@7937 383 #cloud a.tag7 { font-size: 1.6em; font-weight: 700; }
pankso@7937 384 #cloud a.tag8 { font-size: 1.8em; font-weight: 800; }
pankso@7937 385 #cloud a.tag9 { font-size: 2.2em; font-weight: 900; }
pankso@7937 386 #cloud a.tag10 { font-size: 2.5em; font-weight: 900; }
pankso@7937 387
pankso@7937 388 /* Slideshow. */
pankso@7937 389
pankso@7937 390 #slideshow
pankso@7937 391 {
pankso@7937 392 overflow: hidden;
pankso@7937 393 margin: 10px auto 10px;
pankso@7937 394 position: relative;
pankso@7937 395 width: 260px;
pankso@7937 396 height: 163px;
pankso@7937 397 }
pankso@7937 398
pankso@7937 399 #slideshow img
pankso@7937 400 {
pankso@7937 401 border: 0;
pankso@7937 402 width: 260px;
pankso@7937 403 height: 163px;
pankso@7937 404 }
pankso@7937 405
pankso@7937 406 #twitter {
pankso@7937 407 margin-top: 20px;
pankso@7937 408 -moz-border-radius: 8px;
pankso@7937 409 -webkit-border-radius: 8px;
pankso@7937 410 border-radius: 8px;
pankso@7937 411 -moz-box-shadow: 0 1px 3px #666;
pankso@7937 412 -webkit-box-shadow: 0 1px 3px #666;
pankso@7937 413 box-shadow: 0 1px 3px #666;
pankso@7937 414 }
pankso@7937 415
pankso@7937 416 /* HTML styles */
pankso@7937 417
pankso@7937 418 h1 {
pankso@7937 419 color: #444444;
pankso@7937 420 background: transparent;
pankso@7937 421 text-align: left;
pankso@7937 422 margin: 0px 0px 4px 0px;
pankso@7937 423 font-size: 150%;
pankso@7937 424 font-weight: bold;
pankso@7937 425 padding: 5px 0 0 10px;
pankso@7937 426 }
pankso@7937 427
pankso@7937 428 h2 {
pankso@7937 429 color: #b64b22;
pankso@4465 430 padding: 0;
pankso@7937 431 margin: 20px 0 0 0;
pankso@7937 432 font-size: 130%;
pankso@7937 433 font-weight: bold;
pankso@7937 434 }
pankso@7937 435
pankso@7937 436 h3 {
pankso@7937 437 font-weight: bold;
pankso@7937 438 color: #666666;
pankso@7937 439 background: transparent;
pankso@7937 440 }
pankso@7937 441
pankso@7937 442 h3 img {
pankso@4465 443 vertical-align: middle;
pankso@7937 444 width: 20px;
pankso@7937 445 height: 20px;
pankso@7937 446 padding-right: 4px;
pankso@4465 447 }
pankso@4465 448
pankso@4465 449 a {
pankso@4465 450 text-decoration: underline;
pankso@7937 451 color: #103A5E;
pankso@4465 452 background: inherit;
pankso@4465 453 }
pankso@4465 454
pankso@4465 455 a:hover {
pankso@4465 456 text-decoration: none;
pankso@4465 457 color: blue;
pankso@4465 458 background: inherit;
pankso@4465 459 }
pankso@4465 460
pankso@7937 461 code {
pankso@7937 462 font-size: 12px;
pankso@7937 463 color: #669900;
pankso@7937 464 background: inherit;
pankso@7937 465 }
pankso@7937 466
pankso@7937 467 tt {
pankso@7937 468 color: #15EE15;
pankso@7937 469 background: inherit;
pankso@7937 470 }
pankso@7937 471
pankso@7937 472 img {
pankso@7937 473 border: 0pt none;
pankso@7937 474 }
pankso@7937 475
pankso@7937 476 fieldset {
pankso@7937 477 background: #E2ECf6;
pankso@7937 478 color: black;
pankso@7937 479 margin-top: 25px;
pankso@7937 480 border: 1px solid black;
pankso@7937 481 }
pankso@7937 482
pankso@7937 483 legend {
pankso@7937 484 border: 1px solid black;
pankso@7937 485 color: #6c0023;
pankso@7937 486 background: #eaeaea;
pankso@4465 487 font-weight: bold;
pankso@7937 488 }
pankso@7937 489
pankso@7937 490 pre {
pankso@7937 491 padding: 5px;
pankso@7937 492 color: black;
pankso@7937 493 background: #E1E0B0;
pankso@7937 494 }
pankso@7937 495
pankso@7937 496 pre.script {
pankso@7937 497 padding: 10px;
pankso@7937 498 color: black;
pankso@7937 499 background: #E8E8E8;
pankso@7937 500 border: 1px inset #606060;
pankso@7937 501 }
pankso@7937 502
pankso@7937 503 textarea {
pankso@7937 504 background: #E5E5E5;
pankso@7937 505 margin-top: 12px;
pankso@7937 506 }
pankso@7937 507
pankso@7937 508 /* Packages pages */
pankso@7937 509
pankso@7937 510 .pkg_nav {
pankso@7937 511 border-top: 1px solid black;
pankso@7937 512 margin-top: 10px;
pankso@7937 513 padding-top: 10px;
pankso@7937 514 }
pankso@7937 515
pankso@7937 516 pre.package {
pankso@7937 517 padding: 0px;
pankso@7937 518 color: black;
pankso@7937 519 background: white;
pankso@7937 520 }
pankso@7937 521
pankso@7937 522 p.get {
pankso@7937 523 text-align: center;
pankso@7937 524 padding: 10px;
pankso@7937 525 color: black;
pankso@7937 526 background: #F3F3F3;
pankso@7937 527 border: 1px solid #DEDEDE;
pankso@7937 528 border-radius: 4px;
pankso@7937 529 -moz-border-radius: 4px;
pankso@7937 530 -webkit-border-radius: 4px;
pankso@7937 531 }
pankso@7937 532
pankso@7937 533 p.get a {
pankso@7937 534 font-weight: bold;
pankso@7937 535 text-decoration: none;
pankso@7937 536 }
pankso@7937 537
pankso@7937 538 .pkgs-search {
pankso@7937 539 text-align: center;
pankso@7937 540 padding: 40px 20px 80px 20px;
pankso@7937 541 }
pankso@7937 542
pankso@7937 543 .year:after {
pankso@7937 544 /* content: "2007-2011"; */
pankso@7937 545 content: "2011";
pankso@7937 546 }
pankso@7937 547
pankso@7937 548 /* Footer */
pankso@7937 549
pankso@7937 550 #footer {
pankso@7937 551 margin: 0px 80px 80px 80px;
pankso@7937 552 padding: 10px;
pankso@7937 553 background: #eaeaea;
pankso@7937 554 color: #666666;
pankso@7937 555 height: 180px;
pankso@7937 556 clear: both;
pankso@7937 557 border-radius: 8px;
pankso@7937 558 -moz-border-radius: 8px;
pankso@7937 559 -webkit-border-radius: 8px;
pankso@7937 560 -moz-box-shadow: 0 1px 3px #666;
pankso@7937 561 -webkit-box-shadow: 0 1px 3px #666;
pankso@7937 562 box-shadow: 0 1px 3px #666;
pankso@7937 563 }
pankso@7937 564 #footer a {
pankso@4465 565 background: inherit;
pankso@7937 566 color: #666666;
pankso@7937 567 }
pankso@7937 568 #footer a:hover {
pankso@7937 569 background: inherit;
pankso@7937 570 color: #333333;
pankso@7937 571 }
pankso@7937 572 #footer ul {
pankso@7937 573 list-style-type: none;
pankso@7937 574 }
pankso@7937 575 #footer li {
pankso@7937 576 padding: 2px;
pankso@7937 577 }
pankso@7937 578 #footer h4 {
pankso@7937 579 margin: 0 20px;
pankso@7937 580 font-size: 125%;
pankso@4465 581 }
pankso@4465 582
pankso@4465 583 .container {
pankso@4465 584 margin: 6px 280px 0px 0px;
pankso@4465 585 padding: 0px 40px 60px 40px;
pankso@4465 586 }
pankso@4465 587
pankso@4465 588 .main {
pankso@4465 589 background: white;
pankso@4465 590 }
pankso@4465 591
pankso@4465 592 #.main {
pankso@4465 593 width: 100%;
pankso@4465 594 }
pankso@4465 595
pankso@4465 596 .overflow {
pankso@4465 597 width: 100%;
pankso@4465 598 overflow: auto;
pankso@4465 599 }
pankso@4465 600
pankso@4465 601 .search {
pankso@4465 602 text-align: center;
pankso@4465 603 }
pankso@4465 604
pankso@4465 605 form.search div#hint {
pankso@4465 606 display: none;
pankso@4465 607 position: absolute;
pankso@4465 608 top: 0px;
pankso@4465 609 right: 280px;
pankso@4465 610 width: 200px;
pankso@4465 611 padding: 5px;
pankso@4465 612 background: #ffc;
pankso@4465 613 font-size: 80%;
pankso@4465 614 border: 1px solid yellow;
pankso@4465 615 -moz-border-radius: 5px; /* this works only in camino/firefox */
pankso@4465 616 -webkit-border-radius: 5px; /* this is just for Safari */
pankso@4465 617 }
pankso@4465 618
pankso@4465 619 form.search:hover div#hint { display: block; }
pankso@4465 620
pankso@4465 621 a { text-decoration:none; }
pankso@4465 622 .age { white-space:nowrap; }
pankso@4465 623 .date { white-space:nowrap; }
pankso@4465 624 .indexlinks { white-space:nowrap; }
pankso@4465 625 .parity0 { background-color: #f0f0f0; }
pankso@4465 626 .parity1 { background-color: white; }
pankso@4465 627 .plusline { color: green; }
pankso@4465 628 .minusline { color: #dc143c; } /* crimson */
pankso@4465 629 .atline { color: purple; }
pankso@4465 630
pankso@4465 631 .navigate {
pankso@4465 632 text-align: right;
pankso@4465 633 font-size: 80%;
pankso@4465 634 margin: 1em 0;
pankso@4465 635 }
pankso@4465 636
pankso@4465 637 .tag {
pankso@4465 638 color: #999;
pankso@4465 639 font-size: 70%;
pankso@4465 640 font-weight: normal;
pankso@4465 641 margin-left: .5em;
pankso@4465 642 vertical-align: baseline;
pankso@4465 643 }
pankso@4465 644
pankso@4465 645 .branchhead {
pankso@4465 646 color: #000;
pankso@4465 647 font-size: 80%;
pankso@4465 648 font-weight: normal;
pankso@4465 649 margin-left: .5em;
pankso@4465 650 vertical-align: baseline;
pankso@4465 651 }
pankso@4465 652
pankso@4465 653 ul#graphnodes .branchhead {
pankso@4465 654 font-size: 75%;
pankso@4465 655 }
pankso@4465 656
pankso@4465 657 .branchname {
pankso@4465 658 color: #000;
pankso@4465 659 font-size: 60%;
pankso@4465 660 font-weight: normal;
pankso@4465 661 margin-left: .5em;
pankso@4465 662 vertical-align: baseline;
pankso@4465 663 }
pankso@4465 664
pankso@4465 665 h3 .branchname {
pankso@4465 666 font-size: 80%;
pankso@4465 667 }
pankso@4465 668
pankso@4465 669 /* Common */
pankso@4465 670 pre { margin: 0; }
pankso@4465 671
pankso@7937 672 h2 a { color: #b64b22; }
pankso@4465 673
pankso@4465 674 /* log and tags tables */
pankso@4465 675 .bigtable {
pankso@4465 676 border-bottom: 1px solid #999;
pankso@4465 677 border-collapse: collapse;
pankso@4465 678 font-size: 90%;
pankso@4465 679 width: 100%;
pankso@4465 680 font-weight: normal;
pankso@4465 681 text-align: left;
pankso@7938 682 margin-top: 20px;
pankso@4465 683 }
pankso@4465 684
pankso@4465 685 .bigtable td {
pankso@4465 686 vertical-align: top;
pankso@4465 687 }
pankso@4465 688
pankso@4465 689 .bigtable th {
pankso@4465 690 padding: 1px 4px;
pankso@4465 691 border-bottom: 1px solid #999;
pankso@4465 692 }
pankso@4465 693 .bigtable tr { border: none; }
pankso@4465 694 .bigtable .age { width: 6em; }
pankso@4465 695 .bigtable .author { width: 12em; }
pankso@4465 696 .bigtable .description { }
pankso@4465 697 .bigtable .node { width: 5em; font-family: monospace;}
pankso@4465 698 .bigtable .permissions { width: 8em; text-align: left;}
pankso@4465 699 .bigtable .size { width: 5em; text-align: right; }
pankso@4465 700 .bigtable .annotate { text-align: right; }
pankso@4465 701 .bigtable td.annotate { font-size: smaller; }
pankso@4465 702 .bigtable td.source { font-size: inherit; }
pankso@4465 703
pankso@4465 704 .source, .sourcefirst, .sourcelast {
pankso@4465 705 font-family: monospace;
pankso@4465 706 white-space: pre;
pankso@4465 707 padding: 1px 4px;
pankso@4465 708 font-size: 90%;
pankso@4465 709 }
pankso@4465 710 .sourcefirst { border-bottom: 1px solid #999; font-weight: bold; }
pankso@4465 711 .sourcelast { border-top: 1px solid #999; }
pankso@4465 712 .source a { color: #999; font-size: smaller; font-family: monospace;}
pankso@4465 713 .bottomline { border-bottom: 1px solid #999; }
pankso@4465 714
pankso@4465 715 .fileline { font-family: monospace; }
pankso@4465 716 .fileline img { border: 0; }
pankso@4465 717
pankso@4465 718 .tagEntry .closed { color: #99f; }
pankso@4465 719
pankso@4465 720 /* Changeset entry */
pankso@4465 721 #changesetEntry {
pankso@4465 722 border-collapse: collapse;
pankso@4465 723 font-size: 90%;
pankso@4465 724 width: 100%;
pankso@4465 725 margin-bottom: 1em;
pankso@4465 726 }
pankso@4465 727
pankso@4465 728 #changesetEntry th {
pankso@4465 729 padding: 1px 4px;
pankso@4465 730 width: 4em;
pankso@4465 731 text-align: right;
pankso@4465 732 font-weight: normal;
pankso@4465 733 color: #999;
pankso@4465 734 margin-right: .5em;
pankso@4465 735 vertical-align: top;
pankso@4465 736 }
pankso@4465 737
pankso@4465 738 div.description {
pankso@4465 739 border-left: 2px solid #999;
pankso@4465 740 margin: 1em 0 1em 0;
pankso@4465 741 padding: .3em;
pankso@4465 742 }
pankso@4465 743
pankso@4465 744 /* Graph */
pankso@4465 745 div#wrapper {
pankso@4465 746 position: relative;
pankso@4465 747 border-top: 1px solid black;
pankso@4465 748 border-bottom: 1px solid black;
pankso@4465 749 margin: 0;
pankso@4465 750 padding: 0;
pankso@4465 751 }
pankso@4465 752
pankso@4465 753 canvas {
pankso@4465 754 position: absolute;
pankso@4465 755 z-index: 5;
pankso@4465 756 top: -0.7em;
pankso@4465 757 margin: 0;
pankso@4465 758 }
pankso@4465 759
pankso@4465 760 ul#graphnodes {
pankso@4465 761 position: absolute;
pankso@4465 762 z-index: 10;
pankso@4465 763 top: -1.0em;
pankso@4465 764 list-style: none inside none;
pankso@4465 765 padding: 0;
pankso@4465 766 }
pankso@4465 767
pankso@4465 768 ul#nodebgs {
pankso@4465 769 list-style: none inside none;
pankso@4465 770 padding: 0;
pankso@4465 771 margin: 0;
pankso@4465 772 top: -0.7em;
pankso@4465 773 }
pankso@4465 774
pankso@4465 775 ul#graphnodes li, ul#nodebgs li {
pankso@4465 776 height: 39px;
pankso@4465 777 }
pankso@4465 778
pankso@4465 779 ul#graphnodes li .info {
pankso@4465 780 display: block;
pankso@4465 781 font-size: 70%;
pankso@4465 782 position: relative;
pankso@4465 783 top: -3px;
pankso@4465 784 }