OLD | NEW |
(Empty) | |
| 1 ol.results { text-align: left; display: none; font-size: 10px; list-style: none;
display: none; } |
| 2 .alldone ol.results { display: block; width: 48%; float: left; } |
| 3 ol.results li { clear: both; overflow: auto; } |
| 4 ol.results b { display: block; width: 200px; float: left; text-align: right; pad
ding-right: 15px; } |
| 5 #info { clear:both;width:420px;margin:0 auto;text-align:left; padding: 10px; } |
| 6 div.results { width:420px;margin:0 auto;margin-bottom:20px;text-align:left; padd
ing: 10px 10px 10px 10px; } |
| 7 #info span { font-weight: bold; padding-top: 8px; } |
| 8 h1 { text-align: left; } |
| 9 h1 img { float:left;margin-right: 15px;margin-top: -10px; border: 0; } |
| 10 h1 small { font-weight:normal; } |
| 11 iframe { display: none; } |
| 12 div.resultwrap { text-align: center; } |
| 13 table.results { font-size: 12px; margin: 0 auto; } |
| 14 table.results td, table.results th.name, table.results th { text-align: right; } |
| 15 table.results .winner { color: #000; background-color: #c7331d; } |
| 16 table.results .tie { color: #000; background-color: #f9f2a1; } |
| 17 |
| 18 body { |
| 19 font: normal 11px "Lucida Grande", Helvetica, Arial, sans-serif; |
| 20 background: black url(images/bg.png) repeat-x; |
| 21 margin: 0px auto; |
| 22 padding: 0px; |
| 23 color: #eee; |
| 24 text-align: center; |
| 25 line-height: 180%; |
| 26 } |
| 27 div, img, form, ul { |
| 28 margin: 0px; |
| 29 padding: 0px; |
| 30 border: 0px; |
| 31 } |
| 32 small {font-size: 9px;} |
| 33 div, span, td, .text_l {text-align: left;} |
| 34 .clear {clear: both;} |
| 35 .text_r {text-align: right;} |
| 36 .text_c {text-align: center;} |
| 37 a {font: normal "Arial", sans-serif; color: #f9f2
a1; } |
| 38 .left {float: left;} |
| 39 .right {float: right;} |
| 40 |
| 41 #wrapper {width: 690px; margin: 0px auto; padding: 0px; margin-to
p: -7px; text-align: center;} |
| 42 #content {margin-bottom: 30px;} |
| 43 #main {padding-bottom: 40px;} |
| 44 |
| 45 #top {background: url(images/top.png) repeat-x; height: 250px
;} |
| 46 #logo {position: absolute; top: 0; left: 0; width: 100%; text-
align: center; z-index: 100;} |
| 47 #logo img { margin: 0px auto; padding: 0px;} |
| 48 .dino1 {position: absolute; top: 105px; right: 300px; z-index:
15;} |
| 49 .dino2 {position: absolute; top: 110px; left: 15%; z-index: 12
;} |
| 50 .dino3 {position: absolute; top: 120px; left: 400px; z-index:
31;} |
| 51 .dino4 {position: absolute; top: 96px; left: 200px; z-index: 8
;} |
| 52 .dino5 {position: absolute; top: 110px; right: 85px; z-index:
14;} |
| 53 .dino6 {position: absolute; top: 105px; left: 30%; z-index: 14
;} |
| 54 .dino7 {position: absolute; top: 110px; left: 70%; z-index: 22
;} |
| 55 .dino8 {position: absolute; top: 105px; left: 37%; z-index: 20
;} |
| 56 .coment {position: absolute; top: 0px; right: 0px; z-index: 2;
float: right;} |
| 57 |
| 58 .clouds {position: absolute; top: 10px; right: 11%; z-index: 12
;} |
| 59 .clouds2 {position: absolute; top: 50px; right: 29%; z-index: 13
;} |
| 60 .clouds5 {position: absolute; top: 0px; right: 15%; z-index: 16;
} |
| 61 .clouds3 {position: absolute; top: 15px; left: 10%; z-in
dex: 15;} |
| 62 .clouds4 {position: absolute; top: 10px; left: 15%; z-index: 14;
} |
| 63 |
| 64 .water {position: absolute; top: 110px; right: 9%; z-index: 13;} |
| 65 |
| 66 |
| 67 /* rendered html stuff */ |
| 68 |
| 69 table.results {text-align: center; margin: 0px auto; padding: 0px; background:
none;} |
| 70 table.results td, table.results th {padding: 2px;} |
| 71 table.results tr.onetest td, table.results tr.onetest th
{padding: 0px;} |
| 72 table.results tr.hidden { display: none; } |
| 73 #info {margin-bottom: 10px;} |
| 74 table.results .winner {background: #58bd79;} |
| 75 .name {font-weight: bold;} |
| 76 |
| 77 div.resultwrap {margin: 10px 0 10px 0;} |
| 78 div.results {padding: 10px; margin-bottom: 20px; background: #c7331d
;} |
| 79 |
| 80 div.result-item { position: relative; width: 48%; float: left; overflow: hidden;
margin-left: 1%; margin-right: 1%; height: 100px; } |
| 81 .alldone div.result-item { width: 98%; height: auto; margin-bottom: 10px; overfl
ow: auto; } |
| 82 .alldone div.result-item p { width: 48%; float: left; } |
| 83 |
| 84 div.result-item p { padding: 0px 4px; } |
| 85 |
| 86 div.test { overflow: hidden; margin: 4px 0; } |
| 87 div.test b { display: block; width: 100%; text-align: left; margin: 0px; backgro
und: #c7331d; padding: 4px; } |
| 88 /*div.done div.test b {background: #58bd79;}*/ |
| 89 div.done div.test b {background: #222;} |
| 90 div.bar { width: 100px; border: 1px inset #666; background: #c7331d; text-align:
left; position: absolute; top: 7px; right: 4px; } |
| 91 div.bar div { height: 20px; background: #222; text-align: right; } |
| 92 div.done div.bar div {background: #58bd79; color: #000;} |
| 93 div.bar span { padding-left: 5px; padding-right: 5px; } |
| 94 |
| 95 #info { margin: auto; } |
| 96 |
| 97 h1 { font-size: 28px; border-bottom: 1px solid #AAA; position: relative; padding
: 0px 1% 2px 1%;} |
| 98 h1 div.bar { font-size: 10px; width: 275px; top: -2px; right: 1%; } |
| 99 h1 input { position: absolute; top: 0px; right: 300px; } |
| 100 |
| 101 h2 { font-size: 20px; border-bottom: 1px solid #AAA; position: relative; padding
: 0px 1% 2px 1%;} |
| 102 h2 a { color: #FFF; } |
| 103 h2 div.bar { font-size: 10px; width: 275px; top: -2px; right: 1%; } |
| 104 h2 input { position: absolute; top: 0px; right: 300px; } |
| 105 |
| 106 ul#tests { clear:both;width:420px;margin:0 auto;text-align:left; padding: 10px;
list-style: none; } |
| 107 #tests b { background: #c7331d; color: #000; display: block; padding: 4px 0 4px
4px; margin-left: -20px; margin-bottom: 5px; font-size: 1.1em; -webkit-border-ra
dius: 4px; -moz-border-radius: 4px; font-weight: normal; } |
| 108 #tests b.recommended { background: #58bd79; } |
| 109 #tests a:first-of-type { font-size: 1.2em; } |
| 110 #tests b a { font-weight: bold; color: #000; } |
| 111 #tests li { padding-left: 10px; padding-bottom: 5px; } |
| 112 |
| 113 #overview { position: relative; } |
| 114 #overview a { font-size: 10px; top: -29px; left: 8px; position: absolute; } |
| 115 #overview table a { position: static; } |
OLD | NEW |