Ticket #1282: meta-1282.patch

trunk/browsehappy.com/public_html/style.css

@@ -70 +70 @@
         *font-size: small;
         background: #2b4141;
         color: #3F4B4B;
-        min-width: 960px;
 }
 
 #body-wrap {
@@ -79 +78 @@
 
 header, #main, footer {
         width: 100%;
-        min-width: 960px;
 }
 
 .wrap:before, .wrap:after {
@@ -95 +93 @@
 
 .wrap {
         zoom: 1;
-        width: 960px;
+        max-width: 960px;
         margin: 0 auto;
 }
 
@@ -119 +117 @@
 }
 
 #i18n-alert p {
-        width: 960px;
         margin: 0 auto;
         display: block;
         color: #efefef;
@@ -152 +149 @@
 }
 
 .wf-leaguegothic1leaguegothic2-n4-active header h1 {
-        font-size: 1491%;
+        font-size: 1400%;
         font-family: "league-gothic-1","league-gothic-2";
 }
 
@@ -277 +274 @@
 #browserlist li .icon {
         width: 125px;
         height: 135px;
-        margin: 0 auto 20px;
+        margin: 20px auto;
         background: url(imgs/browsehappy-sprite.png) no-repeat;
 }
 
@@ -356 +353 @@
 
 #browserlist li a:link, #browserlist li a:visited {
         color: #324B4B;
-        padding: 30px 10px 10px;
+        padding: 10px;
         display: block;
         overflow: hidden;
         -webkit-border-radius: 3px;
@@ -465 +462 @@
 }
 
 #about {
-        width: 600px;
+        width: 60%;
         float: left;
         margin-left: 15px;
 }
 
 #share {
-        width: 300px;
+        width: 30%;
         float: right;
         margin-right: 15px;
         position: relative;
 }
 
-#share h2 {
-        margin-right: 84px;
-}
-
-#share nav {
-        width: 84px;
-        height: 32px;
-        overflow: hidden;
-        position: absolute;
-        top: 3px;
-        right: 0;
-}
-
 #share nav li {
         width: 32px;
         height: 32px;
         float: left;
-        margin-left: 9px;
+        margin-right: 9px;
 }
 
 #share nav li a {
@@ -527 +511 @@
 }
 
 #byline {
-        position: absolute;
-        bottom: 0;
-        right: 15px;
-        width: 300px;
-        height: 20px;
+        clear: both;
+        margin: 0 auto;
+        padding-top: 10px;
 }
 
 #byline a {
         width: 300px;
         height: 20px;
+        margin: 0 auto;
         display: block;
         background: url(imgs/browsehappy-sprite.png) no-repeat 0 -135px;
         text-indent: -9999px;