1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/httpdocs/style.css	Mon Feb 20 15:10:53 2012 +0100
     1.3 @@ -0,0 +1,140 @@
     1.4 +@font-face {
     1.5 +    font-family: TitilliumText1;
     1.6 +    src: url(fonts/TitilliumText22L001-webfont.woff);
     1.7 +}
     1.8 +
     1.9 +@font-face {
    1.10 +    font-family: TitilliumText2;
    1.11 +    src: url(fonts/TitilliumText22L002-webfont.woff);
    1.12 +}
    1.13 +
    1.14 +@font-face {
    1.15 +    font-family: TitilliumText3;
    1.16 +    src: url(fonts/TitilliumText22L003-webfont.woff);
    1.17 +}
    1.18 +
    1.19 +@font-face {
    1.20 +    font-family: CPMonoBold;
    1.21 +    src: url(fonts/CPMono_v07_Bold-webfont.woff);
    1.22 +}
    1.23 +
    1.24 +body {
    1.25 +    font-family: Helvetica Neue, Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;  
    1.26 +    padding: 0px;
    1.27 +    text-align: center;
    1.28 +    background-color: #222;
    1.29 +    color: #ddd;
    1.30 +    border-style: none;
    1.31 +}
    1.32 +
    1.33 +#wrap { 
    1.34 +    margin: 0px auto 0px auto;
    1.35 +    width: 400px;
    1.36 +    text-transform: uppercase;
    1.37 +}
    1.38 +
    1.39 +#title-area {
    1.40 +    margin-top: 8%;
    1.41 +    color: #328EB5;
    1.42 +    font-size: 3em;
    1.43 +    font-family: TitilliumText1;
    1.44 +}
    1.45 +
    1.46 +#compare-area {
    1.47 +    margin-top: 8%;
    1.48 +    height: 6em;
    1.49 +    font-size: 1.3em;
    1.50 +    font-weight: bold;
    1.51 +}
    1.52 +
    1.53 +#compare-area #compare-left {  
    1.54 +    position: relative;
    1.55 +    height: 100%;
    1.56 +    padding-top: 5em;
    1.57 +    right: 51%;
    1.58 +    text-align: right;
    1.59 +    background-color: #111;
    1.60 +}
    1.61 +
    1.62 +#compare-area #compare-right {  
    1.63 +    position: relative;
    1.64 +    height: 100%;
    1.65 +    padding-top: 5em;
    1.66 +    top: -11em;
    1.67 +    left: 51%;
    1.68 +    text-align: left;
    1.69 +    background-color: #111;
    1.70 +}
    1.71 +
    1.72 +#result-area { 
    1.73 +    margin-top: 30%;
    1.74 +    height: 3em;
    1.75 +    font-weight: bold;
    1.76 +}
    1.77 +
    1.78 +#result-area #result-left {  
    1.79 +    position: relative;
    1.80 +    height: 44px;
    1.81 +    padding-top: 28px;
    1.82 +    right: 51%;
    1.83 +    width: 61.5%;
    1.84 +    text-align: right;
    1.85 +    background-color: #151515;
    1.86 +    color: #222;
    1.87 +}
    1.88 +
    1.89 +#result-area #result-left-rating {  
    1.90 +    position: relative;
    1.91 +    height: 40px;
    1.92 +    padding-top: 26px;
    1.93 +    top: -72px;
    1.94 +    left: 30%;
    1.95 +    width: 18%;
    1.96 +    background-color: #3d910e;
    1.97 +    color: #222;
    1.98 +    font-family: CPMonoBold;
    1.99 +    border: solid 3px #151515;
   1.100 +}
   1.101 +
   1.102 +#result-area #result-right-rating {  
   1.103 +    position: relative;
   1.104 +    height: 40px;
   1.105 +    padding-top: 26px;
   1.106 +    top: -144px;
   1.107 +    left: 51%;
   1.108 +    width: 18%;
   1.109 +    background-color: #AC4810;
   1.110 +    color: #222;
   1.111 +    font-family: CPMonoBold;
   1.112 +    border: solid 3px #151515;
   1.113 +}
   1.114 +
   1.115 +#result-area #result-right {  
   1.116 +    position: relative;
   1.117 +    height: 44px;  
   1.118 +    padding-top: 28px;
   1.119 +    top: -216px;
   1.120 +    left: 69.5%;
   1.121 +    width: 61.5%;
   1.122 +    text-align: left;
   1.123 +    background-color: #151515;
   1.124 +    color: #222;
   1.125 +}
   1.126 +
   1.127 +.hover-backlight:hover {
   1.128 +    color: #5ad715;
   1.129 +    background-color: #0a0a0a ! important;
   1.130 +}
   1.131 +
   1.132 +.padding-left {
   1.133 +    padding-left: 5em; 
   1.134 +}
   1.135 +
   1.136 +.padding-right {
   1.137 +    padding-right: 5em;
   1.138 +}
   1.139 +
   1.140 +a:link { 
   1.141 +    color: #ddd;
   1.142 +    text-decoration: none; 
   1.143 +}