slitaz-forge annotate tank/web/slitaz.css @ rev 12

Add tank/web folder.
author Christopher Rogers <slaxemulator@gmail.com>
date Wed Feb 23 22:16:38 2011 +0000 (2011-02-23)
parents
children 08ebcbf62731
rev   line source
slaxemulator@12 1 /*
slaxemulator@12 2 CSS style for SliTaz GNU/Linux website
slaxemulator@12 3 www.slitaz.org - (c) 2011 Pankso
slaxemulator@12 4 */
slaxemulator@12 5
slaxemulator@12 6 html {
slaxemulator@12 7 min-height: 102%;
slaxemulator@12 8 }
slaxemulator@12 9
slaxemulator@12 10 body {
slaxemulator@12 11 background: #ffffff;
slaxemulator@12 12 color: black;
slaxemulator@12 13 font: 13px sans-serif, vernada, arial;
slaxemulator@12 14 margin: 0;
slaxemulator@12 15 border-top: 34px solid #f1f1f1;
slaxemulator@12 16 }
slaxemulator@12 17
slaxemulator@12 18 /* Accessibility */
slaxemulator@12 19
slaxemulator@12 20 #access {
slaxemulator@12 21 position: absolute;
slaxemulator@12 22 top: 4px;
slaxemulator@12 23 right: 0px;
slaxemulator@12 24 text-align: right;
slaxemulator@12 25 width: auto;
slaxemulator@12 26 margin: 0;
slaxemulator@12 27 padding: 4px 4px 4px 20px;
slaxemulator@12 28 font-size: 11px;
slaxemulator@12 29 font-weight: bold;
slaxemulator@12 30 }
slaxemulator@12 31
slaxemulator@12 32 #access a {
slaxemulator@12 33 background: transparent;
slaxemulator@12 34 color: #0F314E;
slaxemulator@12 35 text-decoration: none;
slaxemulator@12 36 }
slaxemulator@12 37
slaxemulator@12 38 #access a:hover {
slaxemulator@12 39 background: inherit;
slaxemulator@12 40 color: #b64b22;
slaxemulator@12 41 }
slaxemulator@12 42
slaxemulator@12 43 #access img {
slaxemulator@12 44 vertical-align: middle;
slaxemulator@12 45 }
slaxemulator@12 46
slaxemulator@12 47 /* Header and title */
slaxemulator@12 48
slaxemulator@12 49 #header {
slaxemulator@12 50 /*background: #f0ba08 url(pics/website/header.png) repeat-x top;*/
slaxemulator@12 51 background: #351a0a url(pics/website/header-img.png) no-repeat top right;
slaxemulator@12 52 color: black;
slaxemulator@12 53 width: 100%;
slaxemulator@12 54 height: 42px;
slaxemulator@12 55 border-top: 1px solid black;
slaxemulator@12 56 border-bottom: 1px solid #999;
slaxemulator@12 57 margin-bottom: 33px;
slaxemulator@12 58 }
slaxemulator@12 59
slaxemulator@12 60 #titre {
slaxemulator@12 61 position: absolute;
slaxemulator@12 62 font-size: 14px;
slaxemulator@12 63 font-weight: bolder ;
slaxemulator@12 64 left: 180px;
slaxemulator@12 65 top: 4px;
slaxemulator@12 66 }
slaxemulator@12 67
slaxemulator@12 68 #logo {
slaxemulator@12 69 position: absolute;
slaxemulator@12 70 float: left;
slaxemulator@12 71 left: 16px;
slaxemulator@12 72 top: -10px;
slaxemulator@12 73 width: 200px;
slaxemulator@12 74 height: 74px;
slaxemulator@12 75 }
slaxemulator@12 76
slaxemulator@12 77 /* Side bar Navigation */
slaxemulator@12 78
slaxemulator@12 79 #nav {
slaxemulator@12 80 position: absolute;
slaxemulator@12 81 top: 102px;
slaxemulator@12 82 right: 80px;
slaxemulator@12 83 color: #555555;
slaxemulator@12 84 float: right;
slaxemulator@12 85 width: 250px;
slaxemulator@12 86 line-height: 1.5em;
slaxemulator@12 87 text-align: left;
slaxemulator@12 88 font-size: 12px;
slaxemulator@12 89 }
slaxemulator@12 90
slaxemulator@12 91 #nav .nav_box ul {
slaxemulator@12 92 list-style-type: none;
slaxemulator@12 93 margin: 0;
slaxemulator@12 94 padding: 10px 24px 10px 0px;
slaxemulator@12 95 background-color: inherit;
slaxemulator@12 96 }
slaxemulator@12 97
slaxemulator@12 98 #nav li {
slaxemulator@12 99 display: inline;
slaxemulator@12 100 }
slaxemulator@12 101
slaxemulator@12 102 #nav h4 {
slaxemulator@12 103 font-size: 120%;
slaxemulator@12 104 color: #666666;
slaxemulator@12 105 font-weight: bold;
slaxemulator@12 106 margin: 0;
slaxemulator@12 107 padding: 0 0 1px 0;
slaxemulator@12 108 border-bottom: 1px solid #cecece;
slaxemulator@12 109 }
slaxemulator@12 110
slaxemulator@12 111 #nav a {
slaxemulator@12 112 color: #0F314E;
slaxemulator@12 113 background: inherit;
slaxemulator@12 114 display: block;
slaxemulator@12 115 text-decoration: none;
slaxemulator@12 116 font-weight: bold;
slaxemulator@12 117 }
slaxemulator@12 118
slaxemulator@12 119 #nav a:hover {
slaxemulator@12 120 color: #b64b22;
slaxemulator@12 121 text-decoration: none;
slaxemulator@12 122 display: block;
slaxemulator@12 123 }
slaxemulator@12 124
slaxemulator@12 125 #nav ul {
slaxemulator@12 126 -moz-border-radius: 8px;
slaxemulator@12 127 -webkit-border-radius: 8px;
slaxemulator@12 128 border-radius: 8px;
slaxemulator@12 129 list-style-type: none;
slaxemulator@12 130 margin: 10px 0;
slaxemulator@12 131 padding: 10px 24px 10px 24px;
slaxemulator@12 132 background-color: #eaeaea;
slaxemulator@12 133 }
slaxemulator@12 134
slaxemulator@12 135 .nav_box {
slaxemulator@12 136 margin: 10px 0;
slaxemulator@12 137 padding: 10px 24px 10px 24px;
slaxemulator@12 138 background-color: #eaeaea;
slaxemulator@12 139 text-align: justify;
slaxemulator@12 140 -moz-border-radius: 8px;
slaxemulator@12 141 -webkit-border-radius: 8px;
slaxemulator@12 142 border-radius: 8px;
slaxemulator@12 143 -moz-box-shadow: 0 1px 3px #666;
slaxemulator@12 144 -webkit-box-shadow: 0 1px 3px #666;
slaxemulator@12 145 box-shadow: 0 1px 3px #666;
slaxemulator@12 146 /* CSS3 transition */
slaxemulator@12 147 -webkit-transition-property: background-color;
slaxemulator@12 148 -webkit-transition-duration: 2s;
slaxemulator@12 149 -moz-transition-property: background-color;
slaxemulator@12 150 -moz-transition-duration: 2s;
slaxemulator@12 151 transition-property: background-color;
slaxemulator@12 152 transition-duration: 2s;
slaxemulator@12 153 }
slaxemulator@12 154
slaxemulator@12 155 .nav_box:hover { background-color: #f8f8f8; }
slaxemulator@12 156
slaxemulator@12 157 #nav .nav_box p {
slaxemulator@12 158 line-height: 1.3em;
slaxemulator@12 159 }
slaxemulator@12 160
slaxemulator@12 161 #nav .nav_box p a {
slaxemulator@12 162 display: inline;
slaxemulator@12 163 font-weight: normal;
slaxemulator@12 164 text-decoration: underline;
slaxemulator@12 165 }
slaxemulator@12 166
slaxemulator@12 167 #nav .nav_box p a:hover {
slaxemulator@12 168 text-decoration: none;
slaxemulator@12 169 color: blue;
slaxemulator@12 170 background: inherit;
slaxemulator@12 171 }
slaxemulator@12 172
slaxemulator@12 173 /* Page content */
slaxemulator@12 174
slaxemulator@12 175 #content {
slaxemulator@12 176 background: white;
slaxemulator@12 177 color: black;
slaxemulator@12 178 text-align: justify;
slaxemulator@12 179 height: auto;
slaxemulator@12 180 margin: 6px 320px 0px 0px;
slaxemulator@12 181 padding: 0px 40px 60px 80px;
slaxemulator@12 182 }
slaxemulator@12 183
slaxemulator@12 184 #content-full {
slaxemulator@12 185 background: white;
slaxemulator@12 186 color: black;
slaxemulator@12 187 text-align: justify;
slaxemulator@12 188 height: auto;
slaxemulator@12 189 margin: 0;
slaxemulator@12 190 padding: 0px 80px 40px 80px;
slaxemulator@12 191 }
slaxemulator@12 192
slaxemulator@12 193 #content li, #content-full li {
slaxemulator@12 194 line-height: 1.5em;
slaxemulator@12 195 text-align: left;
slaxemulator@12 196 }
slaxemulator@12 197
slaxemulator@12 198 #news li {
slaxemulator@12 199 list-style-type: square;
slaxemulator@12 200 border-bottom: 1px dotted #BEBEBE;
slaxemulator@12 201 margin-left: -25px;
slaxemulator@12 202 padding: 4px 0px 4px 0px;
slaxemulator@12 203 }
slaxemulator@12 204
slaxemulator@12 205 #news a {
slaxemulator@12 206 text-decoration: none;
slaxemulator@12 207 }
slaxemulator@12 208
slaxemulator@12 209 #gallery {
slaxemulator@12 210 text-align: center;
slaxemulator@12 211 }
slaxemulator@12 212
slaxemulator@12 213 /* Box and block. */
slaxemulator@12 214
slaxemulator@12 215 .infobox {
slaxemulator@12 216 margin: 20px 60px;
slaxemulator@12 217 padding: 12px;
slaxemulator@12 218 background: #f8f8f8;
slaxemulator@12 219 }
slaxemulator@12 220
slaxemulator@12 221 .infobox img { vertical-align: middle; }
slaxemulator@12 222 /* .infobox:hover { background-color: #f2b21d; } */
slaxemulator@12 223 .infobox:hover { background-color: #FBFBFB; }
slaxemulator@12 224
slaxemulator@12 225 .block {
slaxemulator@12 226 /*padding-bottom: 35%;*/
slaxemulator@12 227 color: black;
slaxemulator@12 228 min-height: 200px;
slaxemulator@12 229 margin-bottom: 40px;
slaxemulator@12 230 }
slaxemulator@12 231
slaxemulator@12 232 .block ul {
slaxemulator@12 233 list-style-type: none;
slaxemulator@12 234 margin: 0;
slaxemulator@12 235 padding: 0 20px;
slaxemulator@12 236 }
slaxemulator@12 237
slaxemulator@12 238 .block_left {
slaxemulator@12 239 width: 46%;
slaxemulator@12 240 float: left;
slaxemulator@12 241 background-color: #eaeaea;
slaxemulator@12 242 margin: 4px 2px;
slaxemulator@12 243 padding: 0 10px 10px 10px;
slaxemulator@12 244 }
slaxemulator@12 245
slaxemulator@12 246 .block_right {
slaxemulator@12 247 width: 46%;
slaxemulator@12 248 float: right;
slaxemulator@12 249 background-color: #eaeaea;
slaxemulator@12 250 margin: 4px 2px;
slaxemulator@12 251 padding: 0 10px 10px 10px;
slaxemulator@12 252 }
slaxemulator@12 253
slaxemulator@12 254 #block_top {
slaxemulator@12 255 color: black;
slaxemulator@12 256 background-color: #eaeaea;
slaxemulator@12 257 min-height: 180px;
slaxemulator@12 258 margin-bottom: 40px;
slaxemulator@12 259 margin-right: 340px;
slaxemulator@12 260 padding: 0 10px;
slaxemulator@12 261 }
slaxemulator@12 262
slaxemulator@12 263 #block_nav {
slaxemulator@12 264 width: 300px;
slaxemulator@12 265 min-height: 180px;
slaxemulator@12 266 float: right;
slaxemulator@12 267 background-color: #eaeaea;
slaxemulator@12 268 margin: 0;
slaxemulator@12 269 padding: 0 10px;
slaxemulator@12 270 }
slaxemulator@12 271
slaxemulator@12 272 .infobox, .block_left, .block_right, #block_top, #block_nav, #footer {
slaxemulator@12 273 -moz-border-radius: 8px;
slaxemulator@12 274 -webkit-border-radius: 8px;
slaxemulator@12 275 border-radius: 8px;
slaxemulator@12 276 -moz-box-shadow: 0 1px 3px #666;
slaxemulator@12 277 -webkit-box-shadow: 0 1px 3px #666;
slaxemulator@12 278 box-shadow: 0 1px 3px #666;
slaxemulator@12 279 /* CSS3 transition */
slaxemulator@12 280 -webkit-transition-property: background-color;
slaxemulator@12 281 -webkit-transition-duration: 2s;
slaxemulator@12 282 -moz-transition-property: background-color;
slaxemulator@12 283 -moz-transition-duration: 2s;
slaxemulator@12 284 transition-property: background-color;
slaxemulator@12 285 transition-duration: 2s;
slaxemulator@12 286 }
slaxemulator@12 287
slaxemulator@12 288 #block_nav {
slaxemulator@12 289 font-weight: bold;
slaxemulator@12 290 }
slaxemulator@12 291
slaxemulator@12 292 #block_nav a {
slaxemulator@12 293 text-decoration: none;
slaxemulator@12 294 }
slaxemulator@12 295
slaxemulator@12 296 #block_nav li a:hover {
slaxemulator@12 297 color: #b64b22;
slaxemulator@12 298 }
slaxemulator@12 299
slaxemulator@12 300 #block_nav ul {
slaxemulator@12 301 margin: 0;
slaxemulator@12 302 list-style-type: none;
slaxemulator@12 303 }
slaxemulator@12 304
slaxemulator@12 305 #block_nav h3 {
slaxemulator@12 306 font-size: 110%;
slaxemulator@12 307 }
slaxemulator@12 308
slaxemulator@12 309 .block_left:hover, .block_right:hover, #block_top:hover,
slaxemulator@12 310 #block_nav:hover, #footer:hover {
slaxemulator@12 311 background-color: #f8f8f8;
slaxemulator@12 312 }
slaxemulator@12 313
slaxemulator@12 314 .right_box {
slaxemulator@12 315 width: 50%;
slaxemulator@12 316 float: right;
slaxemulator@12 317 }
slaxemulator@12 318
slaxemulator@12 319 .floor {
slaxemulator@12 320 color: #999999;
slaxemulator@12 321 font-size: 20px;
slaxemulator@12 322 -webkit-transform: rotate(-45deg) skew(15deg, 15deg);
slaxemulator@12 323 -moz-transform: rotate(-45deg) skew(15deg, 15deg);
slaxemulator@12 324 -o-transform: rotate(-45deg) skew(15deg, 15deg);
slaxemulator@12 325 -ms-transform: rotate(-45deg) skew(15deg, 15deg);
slaxemulator@12 326 transform: rotate(-45deg) skew(15deg, 15deg);
slaxemulator@12 327 }
slaxemulator@12 328
slaxemulator@12 329 /* Button */
slaxemulator@12 330
slaxemulator@12 331 .button { margin-left: 20px; }
slaxemulator@12 332
slaxemulator@12 333 .button a {
slaxemulator@12 334 background-color: #b64b22;
slaxemulator@12 335 color: #ffffff;
slaxemulator@12 336 margin-right: 6px;
slaxemulator@12 337 padding: 6px 10px;
slaxemulator@12 338 font-size: 14px;
slaxemulator@12 339 -moz-border-radius: 4px;
slaxemulator@12 340 -webkit-border-radius: 4px;
slaxemulator@12 341 border-radius: 4px;
slaxemulator@12 342 -moz-box-shadow: 0 1px 3px #666;
slaxemulator@12 343 -webkit-box-shadow: 0 1px 3px #666;
slaxemulator@12 344 box-shadow: 0 1px 3px #666;
slaxemulator@12 345 }
slaxemulator@12 346
slaxemulator@12 347 .button a:hover, input[type=submit]:hover {
slaxemulator@12 348 background-color: #a3431f;
slaxemulator@12 349 color: #ffffff;
slaxemulator@12 350 }
slaxemulator@12 351
slaxemulator@12 352 input[type=submit] {
slaxemulator@12 353 border: 1px solid #b64b22;
slaxemulator@12 354 background-color: #b64b22;
slaxemulator@12 355 color: white;
slaxemulator@12 356 font-weight: bold;
slaxemulator@12 357 cursor: pointer;
slaxemulator@12 358 padding: 2px 10px;
slaxemulator@12 359 font-size: 14px;
slaxemulator@12 360 -moz-border-radius: 2px;
slaxemulator@12 361 -webkit-border-radius: 2px;
slaxemulator@12 362 border-radius: 2px;
slaxemulator@12 363 -moz-box-shadow: 0 0 5px #666;
slaxemulator@12 364 -webkit-box-shadow: 0 0 5px#666;
slaxemulator@12 365 box-shadow: 0 0 5px #666;
slaxemulator@12 366 }
slaxemulator@12 367
slaxemulator@12 368 input[type=text] {
slaxemulator@12 369 border: 1px solid #333333;
slaxemulator@12 370 padding: 3px;
slaxemulator@12 371 width: 100%;
slaxemulator@12 372 max-width: 500px;
slaxemulator@12 373 }
slaxemulator@12 374
slaxemulator@12 375 /* Clouds */
slaxemulator@12 376
slaxemulator@12 377 #cloud {
slaxemulator@12 378 padding: 10px 0px;
slaxemulator@12 379 line-height: 3em;
slaxemulator@12 380 text-align: center;
slaxemulator@12 381 }
slaxemulator@12 382 #cloud a { padding: 0 2px; color: #956411; }
slaxemulator@12 383 #cloud a.tag1 { font-size: 0.7em; font-weight: 100; }
slaxemulator@12 384 #cloud a.tag2 { font-size: 0.8em; font-weight: 200; }
slaxemulator@12 385 #cloud a.tag3 { font-size: 0.9em; font-weight: 300; }
slaxemulator@12 386 #cloud a.tag4 { font-size: 1.0em; font-weight: 400; }
slaxemulator@12 387 #cloud a.tag5 { font-size: 1.2em; font-weight: 500; }
slaxemulator@12 388 #cloud a.tag6 { font-size: 1.4em; font-weight: 600; }
slaxemulator@12 389 #cloud a.tag7 { font-size: 1.6em; font-weight: 700; }
slaxemulator@12 390 #cloud a.tag8 { font-size: 1.8em; font-weight: 800; }
slaxemulator@12 391 #cloud a.tag9 { font-size: 2.2em; font-weight: 900; }
slaxemulator@12 392 #cloud a.tag10 { font-size: 2.5em; font-weight: 900; }
slaxemulator@12 393
slaxemulator@12 394 /* Slideshow. */
slaxemulator@12 395
slaxemulator@12 396 #slideshow
slaxemulator@12 397 {
slaxemulator@12 398 overflow: hidden;
slaxemulator@12 399 margin: 10px auto 10px;
slaxemulator@12 400 position: relative;
slaxemulator@12 401 width: 260px;
slaxemulator@12 402 height: 163px;
slaxemulator@12 403 }
slaxemulator@12 404
slaxemulator@12 405 #slideshow img
slaxemulator@12 406 {
slaxemulator@12 407 border: 0;
slaxemulator@12 408 width: 260px;
slaxemulator@12 409 height: 163px;
slaxemulator@12 410 }
slaxemulator@12 411
slaxemulator@12 412 #twitter {
slaxemulator@12 413 margin-top: 20px;
slaxemulator@12 414 -moz-border-radius: 8px;
slaxemulator@12 415 -webkit-border-radius: 8px;
slaxemulator@12 416 border-radius: 8px;
slaxemulator@12 417 -moz-box-shadow: 0 1px 3px #666;
slaxemulator@12 418 -webkit-box-shadow: 0 1px 3px #666;
slaxemulator@12 419 box-shadow: 0 1px 3px #666;
slaxemulator@12 420 }
slaxemulator@12 421
slaxemulator@12 422 /* HTML styles */
slaxemulator@12 423
slaxemulator@12 424 h1 {
slaxemulator@12 425 color: #444444;
slaxemulator@12 426 background: transparent;
slaxemulator@12 427 text-align: left;
slaxemulator@12 428 margin: 0px 0px 4px 0px;
slaxemulator@12 429 font-size: 150%;
slaxemulator@12 430 font-weight: bold;
slaxemulator@12 431 padding: 5px 0 0 10px;
slaxemulator@12 432 }
slaxemulator@12 433
slaxemulator@12 434 h2 {
slaxemulator@12 435 color: #b64b22;
slaxemulator@12 436 padding: 0;
slaxemulator@12 437 margin: 20px 0 0 0;
slaxemulator@12 438 font-size: 130%;
slaxemulator@12 439 font-weight: bold;
slaxemulator@12 440 }
slaxemulator@12 441
slaxemulator@12 442 h3 {
slaxemulator@12 443 font-weight: bold;
slaxemulator@12 444 color: #666666;
slaxemulator@12 445 background: transparent;
slaxemulator@12 446 }
slaxemulator@12 447
slaxemulator@12 448 h3 img {
slaxemulator@12 449 vertical-align: middle;
slaxemulator@12 450 width: 20px;
slaxemulator@12 451 height: 20px;
slaxemulator@12 452 padding-right: 4px;
slaxemulator@12 453 }
slaxemulator@12 454
slaxemulator@12 455 a {
slaxemulator@12 456 text-decoration: underline;
slaxemulator@12 457 color: #103A5E;
slaxemulator@12 458 background: inherit;
slaxemulator@12 459 }
slaxemulator@12 460
slaxemulator@12 461 a:hover {
slaxemulator@12 462 text-decoration: none;
slaxemulator@12 463 color: blue;
slaxemulator@12 464 background: inherit;
slaxemulator@12 465 }
slaxemulator@12 466
slaxemulator@12 467 code {
slaxemulator@12 468 font-size: 12px;
slaxemulator@12 469 color: #669900;
slaxemulator@12 470 background: inherit;
slaxemulator@12 471 }
slaxemulator@12 472
slaxemulator@12 473 tt {
slaxemulator@12 474 color: #15EE15;
slaxemulator@12 475 background: inherit;
slaxemulator@12 476 }
slaxemulator@12 477
slaxemulator@12 478 img {
slaxemulator@12 479 border: 0pt none;
slaxemulator@12 480 }
slaxemulator@12 481
slaxemulator@12 482 fieldset {
slaxemulator@12 483 background: #E2ECf6;
slaxemulator@12 484 color: black;
slaxemulator@12 485 margin-top: 25px;
slaxemulator@12 486 border: 1px solid black;
slaxemulator@12 487 }
slaxemulator@12 488
slaxemulator@12 489 legend {
slaxemulator@12 490 border: 1px solid black;
slaxemulator@12 491 color: #6c0023;
slaxemulator@12 492 background: #eaeaea;
slaxemulator@12 493 font-weight: bold;
slaxemulator@12 494 }
slaxemulator@12 495
slaxemulator@12 496 pre {
slaxemulator@12 497 padding: 5px;
slaxemulator@12 498 color: black;
slaxemulator@12 499 background: #E1E0B0;
slaxemulator@12 500 }
slaxemulator@12 501
slaxemulator@12 502 pre.script {
slaxemulator@12 503 padding: 10px;
slaxemulator@12 504 color: black;
slaxemulator@12 505 background: #E8E8E8;
slaxemulator@12 506 border: 1px inset #606060;
slaxemulator@12 507 }
slaxemulator@12 508
slaxemulator@12 509 textarea {
slaxemulator@12 510 background: #E5E5E5;
slaxemulator@12 511 margin-top: 12px;
slaxemulator@12 512 }
slaxemulator@12 513
slaxemulator@12 514 /* Packages pages */
slaxemulator@12 515
slaxemulator@12 516 .pkg_nav {
slaxemulator@12 517 border-top: 1px solid black;
slaxemulator@12 518 margin-top: 10px;
slaxemulator@12 519 padding-top: 10px;
slaxemulator@12 520 }
slaxemulator@12 521
slaxemulator@12 522 pre.package {
slaxemulator@12 523 padding: 0px;
slaxemulator@12 524 color: black;
slaxemulator@12 525 background: white;
slaxemulator@12 526 }
slaxemulator@12 527
slaxemulator@12 528 p.get {
slaxemulator@12 529 text-align: center;
slaxemulator@12 530 padding: 10px;
slaxemulator@12 531 color: black;
slaxemulator@12 532 background: #F3F3F3;
slaxemulator@12 533 border: 1px solid #DEDEDE;
slaxemulator@12 534 border-radius: 4px;
slaxemulator@12 535 -moz-border-radius: 4px;
slaxemulator@12 536 -webkit-border-radius: 4px;
slaxemulator@12 537 }
slaxemulator@12 538
slaxemulator@12 539 p.get a {
slaxemulator@12 540 font-weight: bold;
slaxemulator@12 541 text-decoration: none;
slaxemulator@12 542 }
slaxemulator@12 543
slaxemulator@12 544 .pkgs-search {
slaxemulator@12 545 text-align: center;
slaxemulator@12 546 padding: 40px 20px 80px 20px;
slaxemulator@12 547 }
slaxemulator@12 548
slaxemulator@12 549 .year:after {
slaxemulator@12 550 /* content: "2007-2011"; */
slaxemulator@12 551 content: "2011";
slaxemulator@12 552 }
slaxemulator@12 553
slaxemulator@12 554 /* Footer */
slaxemulator@12 555
slaxemulator@12 556 #footer {
slaxemulator@12 557 margin: 0px 80px 80px 80px;
slaxemulator@12 558 padding: 10px;
slaxemulator@12 559 background: #eaeaea;
slaxemulator@12 560 color: #666666;
slaxemulator@12 561 height: 180px;
slaxemulator@12 562 clear: both;
slaxemulator@12 563 border-radius: 8px;
slaxemulator@12 564 -moz-border-radius: 8px;
slaxemulator@12 565 -webkit-border-radius: 8px;
slaxemulator@12 566 -moz-box-shadow: 0 1px 3px #666;
slaxemulator@12 567 -webkit-box-shadow: 0 1px 3px #666;
slaxemulator@12 568 box-shadow: 0 1px 3px #666;
slaxemulator@12 569 }
slaxemulator@12 570 #footer a {
slaxemulator@12 571 background: inherit;
slaxemulator@12 572 color: #666666;
slaxemulator@12 573 }
slaxemulator@12 574 #footer a:hover {
slaxemulator@12 575 background: inherit;
slaxemulator@12 576 color: #333333;
slaxemulator@12 577 }
slaxemulator@12 578 #footer ul {
slaxemulator@12 579 list-style-type: none;
slaxemulator@12 580 }
slaxemulator@12 581 #footer li {
slaxemulator@12 582 padding: 2px;
slaxemulator@12 583 }
slaxemulator@12 584 #footer h4 {
slaxemulator@12 585 margin: 0 20px;
slaxemulator@12 586 font-size: 125%;
slaxemulator@12 587 }