Permalink
Browse files

Merge pull request #108 from prose/firefox-fixes

everything works in firefox now.
  • Loading branch information...
2 parents 4a0e25e + ac56ead commit 7d9aa5cbef09a7d81e123b6b05745134f8bf273c @samanpwbb samanpwbb committed Jun 19, 2012
Showing with 39 additions and 96 deletions.
  1. +33 −38 _includes/styles/style.css
  2. +6 −58 fonts/open-sans.css
View
@@ -1,5 +1,5 @@
/* ------------------------------------------
- Typography
+ Typography / Basics
---------------------------------------------*/
html,body {
color: #57676e;
@@ -26,12 +26,14 @@ a:hover {
}
a:focus {
- outline: thin dotted;
- outline: 5px auto -webkit-focus-ring-color;
- outline-offset: -2px;
+ outline: none;
}
-p > a {font-weight: bold;}
+a:active {
+ outline: none;
+ }
+
+p > a {font-weight: 700;}
h1,h2,h3,h4,h5,h6 {
margin: 0;
@@ -41,24 +43,24 @@ h4, h5, h6 {
}
h1 { font-size: 24px; }
-h1 small { font-size: 13px; font-weight: normal; }
+h1 small { font-size: 13px; font-weight: 400; }
h2 {
- font-weight: normal;
+ font-weight: 400;
font-size: 16px;
padding: 5px 0 5px 30px;
}
-h2 small { font-size: 16px; font-weight: normal; }
+h2 small { font-size: 16px; font-weight: 400; }
h3 {
font-size: 11px;
text-transform: uppercase;
- font-weight: bold;
+ font-weight: 700;
margin-top: 10px;
}
-h3 small { font-size: 14px; font-weight: normal; }
+h3 small { font-size: 14px; font-weight: 400; }
h4 { font-size: 14px; }
h5 { font-size: 13px; }
-h6 { font-size: 11px; font-weight: normal; }
+h6 { font-size: 11px; font-weight: 400; }
p {
font-size: 16px;
@@ -119,7 +121,7 @@ body.post #header {
line-height: 60px;
overflow: visible;
font-size: 12px;
- font-weight: bold;
+ font-weight: 700;
height: 100%;
text-indent: 20px;
}
@@ -142,16 +144,10 @@ body.post #header {
padding: 0;
}
-#header .user-status.logged-out {
- line-height: 60px;
- }
-
-#header .user-status.logged-out a {
- padding: 10px;
- }
-
-#header .user-status.logged-out a:hover {
- background: #ccc;
+#header .user-status.logged-out a.button {
+ height: 100%;
+ padding: 0 10px;
+ display: inline-block;
}
#header .user-status .logout {
@@ -211,7 +207,7 @@ and your footer gets pushed down a bit more, creating vertical scroll bars in th
padding-left: 20px;
font-size: 12px;
text-transform: uppercase;
- font-weight: bold;
+ font-weight: 700;
background-image: url('images/sprite.png');
}
a.about { background-position: 0 -959px; }
@@ -242,7 +238,7 @@ body:before {/* thanks to Maleika (Kohoutec)*/
#start .splash {
text-align: center;
background: white;
- font-weight: normal;
+ font-weight: 400;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
@@ -289,7 +285,7 @@ body:before {/* thanks to Maleika (Kohoutec)*/
font-family:'OpenSans', sans-serif;
text-transform: uppercase;
font-size: 11px;
- font-weight: bold;
+ font-weight: 700;
color: #fff;
}
.authorize a.button:hover { background: #3d4548; }
@@ -348,7 +344,6 @@ body.start {
border-radius: 3px 3px 0px 3px;
text-align: center;
- padding: 10px;
position: relative;
margin-right: 20px;
margin-top: 20px;
@@ -549,7 +544,6 @@ ul.site li a {
width: 140px;
min-height: 180px;
margin: 0 20px 20px 0;
- padding: 10px;
position: relative;
color: #404040;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0),0 0 10px rgba(0, 0, 0, 0.1);
@@ -572,6 +566,7 @@ ul.site li a {
color: #526066;
left: 0;
right: 0;
+ padding: 0px 10px;
}
.post-listing a.link.loading { background-color: white; }
.post-listing a.link.loading .filename {
@@ -625,7 +620,7 @@ ul.site li a {
text-transform: uppercase;
text-align: center;
font-size: 11px;
- font-weight: bold;
+ font-weight: 700;
}
.post-listing a.link.new:hover .button { background: #3d4548 url('images/sprite.png') -440px -90px no-repeat; }
@@ -678,7 +673,7 @@ ul.site li a {
width: 960px;
margin: 0 auto;
color: #E7EEF2;
- font-weight: bold;
+ font-weight: 700;
position: relative;
}
@@ -965,7 +960,7 @@ ul.site li a {
}
.state p {
color: #526066;
- font-weight: normal;
+ font-weight: 400;
font-size: 11px;
line-height: 35px;
margin: 0;
@@ -1041,7 +1036,7 @@ ul.site li a {
}
.document .cheatsheet-wrapper .content h2 {
- font-weight: bold;
+ font-weight: 700;
padding: 5px 0;
margin: 0;
}
@@ -1065,7 +1060,7 @@ ul.site li a {
background: #fff;
padding: 100px;
font-family: 'OpenSans', sans-serif;
- font-weight: normal;
+ font-weight: 400;
border: 1px solid #C3CCD0;
font-size: 16px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0),0 0 10px rgba(0, 0, 0, 0.1);
@@ -1082,17 +1077,17 @@ ul.site li a {
.post-content .title {
font-size: 18px;
margin-bottom: 20px;
- font-weight: bold;
+ font-weight: 700;
border-bottom: 1px solid #d5e0e4;
padding-bottom: 20px;
}
.post-content h1 { font-size: 36px; margin: 10px 0 20px 0; }
-.post-content h2 { font-size: 24px; margin: 10px 0 20px 0; font-weight: bold; padding: 0; }
+.post-content h2 { font-size: 24px; margin: 10px 0 20px 0; font-weight: 700; padding: 0; }
.post-content h3, .post-content h4, .post-content h5, .post-content h6 {
text-transform: none;
font-size: 18px;
- font-weight: bold;
+ font-weight: 700;
margin: 10px 0 5px 0;
}
@@ -1229,7 +1224,7 @@ ul.site li a {
.help .articles .article p {
font-size: 12px;
- font-weight: normal;
+ font-weight: 400;
}
.help .articles .article img {
@@ -1252,7 +1247,7 @@ ul.site li a {
padding: 20px;
font-size: 24px;
line-height: 1.5em;
- font-weight: bold;
+ font-weight: 700;
}
#notification a {
@@ -1270,7 +1265,7 @@ ul.site li a {
text-transform: uppercase;
text-align: center;
font-size: 11px;
- font-weight: bold;
+ font-weight: 700;
}
#notification a:hover { background: #3d4548; }
View
@@ -2,38 +2,13 @@
@font-face {
font-family: 'OpenSans';
- src: url('OpenSans-Light-webfont.eot');
- src: url('OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
- url('OpenSans-Light-webfont.woff') format('woff'),
- url('OpenSans-Light-webfont.ttf') format('truetype'),
- url('OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
- font-weight: lighter;
- font-style: normal;
-
-}
-
-@font-face {
- font-family: 'OpenSans';
- src: url('OpenSans-LightItalic-webfont.eot');
- src: url('OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
- url('OpenSans-LightItalic-webfont.woff') format('woff'),
- url('OpenSans-LightItalic-webfont.ttf') format('truetype'),
- url('OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
- font-weight: lighter;
- font-style: italic;
-
-}
-
-@font-face {
- font-family: 'OpenSans';
src: url('OpenSans-Regular-webfont.eot');
src: url('OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('OpenSans-Regular-webfont.woff') format('woff'),
url('OpenSans-Regular-webfont.ttf') format('truetype'),
url('OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
- font-weight: normal;
+ font-weight: 400;
font-style: normal;
-
}
@font-face {
@@ -43,33 +18,8 @@
url('OpenSans-Italic-webfont.woff') format('woff'),
url('OpenSans-Italic-webfont.ttf') format('truetype'),
url('OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
- font-weight: normal;
- font-style: italic;
-
-}
-
-@font-face {
- font-family: 'OpenSans';
- src: url('OpenSans-Semibold-webfont.eot');
- src: url('OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
- url('OpenSans-Semibold-webfont.woff') format('woff'),
- url('OpenSans-Semibold-webfont.ttf') format('truetype'),
- url('OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
- font-weight: bold;
- font-style: normal;
-
-}
-
-@font-face {
- font-family: 'OpenSans';
- src: url('OpenSans-SemiboldItalic-webfont.eot');
- src: url('OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
- url('OpenSans-SemiboldItalic-webfont.woff') format('woff'),
- url('OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
- url('OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
- font-weight: bold;
+ font-weight: 400;
font-style: italic;
-
}
@font-face {
@@ -78,10 +28,9 @@
src: url('OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('OpenSans-Bold-webfont.woff') format('woff'),
url('OpenSans-Bold-webfont.ttf') format('truetype'),
- url('OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
- font-weight: bolder;
+ url('OpenSans-Bold-webfont.svg#OpenSansSemibold') format('svg');
+ font-weight: 700;
font-style: normal;
-
}
@font-face {
@@ -90,8 +39,7 @@
src: url('OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('OpenSans-BoldItalic-webfont.woff') format('woff'),
url('OpenSans-BoldItalic-webfont.ttf') format('truetype'),
- url('OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
- font-weight: bolder;
+ url('OpenSans-BoldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
+ font-weight: 700;
font-style: italic;
-
}

0 comments on commit 7d9aa5c

Please sign in to comment.