Permalink
Browse files

Release of version 2.5.0

  • Loading branch information...
1 parent 523b964 commit e020764200792f1472dcadcdfd2edb93a5fd0d02 @NielsLeenheer NielsLeenheer committed Jan 1, 2012
Showing with 529 additions and 72 deletions.
  1. +62 −34 css/main.css
  2. +1 −0 detect.html
  3. +433 −35 index.html
  4. +11 −1 results-mobile.html
  5. +11 −1 results-tablets.html
  6. +11 −1 results.html
View
@@ -8,17 +8,6 @@ input[type=number]::-webkit-outer-spin-button {
padding: 60px;
}
-
-
-
-
-
-@font-face {
- font-family: 'PusabRegular';
- src: url('../fonts/PUSAB___.eot');
- src: local('Pusab'), url('../fonts/PUSAB___.woff') format('woff'), url('../fonts/PUSAB___.ttf') format('truetype'), url('../fonts/PUSAB___.svg#Pusab') format('svg');
-}
-
* {
padding: 0;
margin: 0;
@@ -34,7 +23,7 @@ img {
}
body {
- font-family: Arial, Helvetica, sans-serif;
+ font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
padding: 0 0 20px;
@@ -55,7 +44,6 @@ body {
background: #222 -o-linear-gradient(top, #111, #222);
}
.header h1 {
- font-family: Helvetica, sans-serif;
font-weight: bold;
font-size: 0.9em;
text-align: left;
@@ -157,21 +145,59 @@ body {
}
#results p {
- font-family: Arial, Helvetica, sans-serif;
color: #bbb;
text-transform: lowercase;
text-align: center;
margin: 0 0 2em;
}
+#results p.useragent {
+ position: relative;
+ text-align: left;
+ text-transform: none;
+ font-size: 0.8em;
+ color: #222;
+ padding: 10px 100px 10px 10px;
+
+ background: #f0f0f0;
+ -webkit-border-radius: 6px;
+ -moz-border-radius: 6px;
+ border-radius: 6px;
+
+ -webkit-box-shadow: 0px 0px 5px #222;
+ -moz-box-shadow: 0px 0px 5px #222;
+ -ms-box-shadow: 0px 0px 5px #222;
+ -o-box-shadow: 0px 0px 5px #222;
+ box-shadow: 0px 0px 5px #222;
+}
+#results p.useragent span {
+ position: absolute;
+ right: 10px;
+ top: 8px;
+ font-size: 0.85em;
+ color: #aaa;
+ line-height: 20px;
+}
+#results p.useragent span a {
+ font-size: 1.6em;
+ padding: 0 0 0 6px;
+ cursor: pointer;
+}
+#results p.useragent span a.correct:hover {
+ color: #1c8c1d;
+}
+#results p.useragent span a.wrong:hover {
+ color: #853333;
+}
+
#results p.intro {
color: #999;
- font-size: 2.2em;
+ font-size: 1.9em;
letter-spacing: 0.1em;
line-height: 100%;
- margin: 0;
+ margin: 0 0 10px;
}
#results h2 {
- font-family: PusabRegular, Arial;
+ font-family: 'Alfa Slab One', Arial;
font-size: 10em;
color: #eee;
text-align: center;
@@ -180,7 +206,7 @@ body {
margin: 0;
}
#results h3 {
- font-family: PusabRegular, Arial;
+ font-family: 'Alfa Slab One', Arial;
font-size: 2.3em;
color: #aaa;
text-align: center;
@@ -234,13 +260,13 @@ body {
}
#results ul li em {
position: absolute;
- top: 2px;
- right: 7px;
+ top: 4px;
+ right: 8px;
- font-size: 1.8em;
+ font-size: 1.6em;
font-weight: bold;
font-style: normal;
- font-family: PusabRegular, Arial;
+ font-family: 'Alfa Slab One', Arial;
color: #aaa;
}
#results ul li em.none {
@@ -260,10 +286,10 @@ body {
}
#results ul li em span {
position: relative;
- top: -4px;
+ top: -6px;
- font-family: Arial;
- font-size: 0.5em;
+ font-family: 'Ubuntu', Arial;
+ font-size: 0.6em;
text-transform: lowercase;
color: #fff;
@@ -526,7 +552,7 @@ body {
line-height: 140%;
}
.paper > div h2 {
- font-family: PusabRegular, Arial;
+ font-family: 'Alfa Slab One', Arial;
font-size: 2.2em;
color: #ec6534;
clear: both;
@@ -582,7 +608,7 @@ body {
margin: 0;
}
.paper > div dl dt {
- font-family: PusabRegular, Arial;
+ font-family: 'Alfa Slab One', Arial;
font-size: 1.6em;
line-height: 90%;
@@ -596,7 +622,7 @@ body {
color: #fff;
}
.paper > div dl dd.score {
- font-family: PusabRegular, Arial;
+ font-family: 'Alfa Slab One', Arial;
font-size: 5em;
line-height: 95%;
text-shadow: 0px 0px 6px #999;
@@ -613,9 +639,9 @@ body {
border: none;
background: #fff -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3));
- background: #fff -moz-linear-gradient(top, #fff, #f3f3f3);
- background: #fff -ms-linear-gradient(top, #fff, #f3f3f3);
- background: #fff -o-linear-gradient(top, #fff, #f3f3f3);
+ background: #fff -moz-linear-gradient(top, #111, #222);
+ background: #fff -ms-linear-gradient(top, #111, #222);
+ background: #fff -o-linear-gradient(top, #111, #222);
}
.paper > div table {
width: 100%;
@@ -692,20 +718,22 @@ body {
text-shadow: 0px -1px 1px #852706;
- font-family: PusabRegular, Arial;
- font-size: 1.5em;
+ font-family: 'Alfa Slab One', Arial;
+ font-size: 1.4em;
+ text-transform: uppercase;
color: #eee;
text-align: center;
line-height: 100%;
margin: 0;
}
.updated span {
display: block;
- font-family: Helvetica, sans-serif;
+ font-family: 'Ubuntu', Helvetica, sans-serif;
font-size: 0.4em;
line-height: 100%;
text-shadow: none;
+ text-transform: none;
}
View
@@ -0,0 +1 @@
+<title>&amp;&<</title>
Oops, something went wrong.

0 comments on commit e020764

Please sign in to comment.