wok annotate libtaz/stuff/web/slitaz.css @ rev 8822

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