author | Eugen Sawin <sawine@me73.com> |
Mon, 20 Feb 2012 23:41:50 +0100 | |
changeset 2 | b25c62d210f5 |
parent 0 | a2f88c3bd824 |
permissions | -rw-r--r-- |
1 @font-face {
2 font-family: TitilliumText1;
3 src: url(fonts/TitilliumText22L001-webfont.woff);
4 }
6 @font-face {
7 font-family: TitilliumText2;
8 src: url(fonts/TitilliumText22L002-webfont.woff);
9 }
11 @font-face {
12 font-family: TitilliumText3;
13 src: url(fonts/TitilliumText22L003-webfont.woff);
14 }
16 @font-face {
17 font-family: CPMonoBold;
18 src: url(fonts/CPMono_v07_Bold-webfont.woff);
19 }
21 body {
22 font-family: Helvetica Neue, Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
23 padding: 0px;
24 text-align: center;
25 background-color: #222;
26 color: #ddd;
27 border-style: none;
28 }
30 #wrap {
31 margin: 0px auto 0px auto;
32 width: 400px;
33 text-transform: uppercase;
34 }
36 #title-area {
37 margin-top: 8%;
38 color: #328EB5;
39 font-size: 3em;
40 font-family: TitilliumText1;
41 }
43 #compare-area {
44 margin-top: 8%;
45 height: 6em;
46 font-size: 1.3em;
47 font-weight: bold;
48 }
50 #compare-area #compare-left {
51 position: relative;
52 height: 100%;
53 padding-top: 5em;
54 right: 51%;
55 text-align: right;
56 background-color: #111;
57 }
59 #compare-area #compare-right {
60 position: relative;
61 height: 100%;
62 padding-top: 5em;
63 top: -11em;
64 left: 51%;
65 text-align: left;
66 background-color: #111;
67 }
69 #result-area {
70 margin-top: 30%;
71 height: 3em;
72 font-weight: bold;
73 }
75 #result-area #result-left {
76 position: relative;
77 height: 44px;
78 padding-top: 28px;
79 right: 51%;
80 width: 61.5%;
81 text-align: right;
82 background-color: #151515;
83 color: #222;
84 }
86 #result-area #result-left-rating {
87 position: relative;
88 height: 40px;
89 padding-top: 26px;
90 top: -72px;
91 left: 30%;
92 width: 18%;
93 background-color: #3d910e;
94 color: #222;
95 font-family: CPMonoBold;
96 border: solid 3px #151515;
97 }
99 #result-area #result-right-rating {
100 position: relative;
101 height: 40px;
102 padding-top: 26px;
103 top: -144px;
104 left: 51%;
105 width: 18%;
106 background-color: #AC4810;
107 color: #222;
108 font-family: CPMonoBold;
109 border: solid 3px #151515;
110 }
112 #result-area #result-right {
113 position: relative;
114 height: 44px;
115 padding-top: 28px;
116 top: -216px;
117 left: 69.5%;
118 width: 61.5%;
119 text-align: left;
120 background-color: #151515;
121 color: #222;
122 }
124 .hover-backlight:hover {
125 color: #5ad715;
126 background-color: #0a0a0a ! important;
127 }
129 .padding-left {
130 padding-left: 5em;
131 }
133 .padding-right {
134 padding-right: 5em;
135 }
137 a, a:link, a:visited {
138 color: #ddd;
139 text-decoration: none;
140 }