Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Works everywhere

  • Loading branch information...
commit d644d7083f452f2993d6ab18ded10b8bf331a8ff 1 parent 31bf6a1
@verekia authored
Showing with 37 additions and 21 deletions.
  1. +3 −0  TODO.txt
  2. +34 −21 css/style.css
View
3  TODO.txt
@@ -0,0 +1,3 @@
+== IE7 ==
+Offset in the 480+ menu
+Offset in the footer
View
55 css/style.css
@@ -66,15 +66,15 @@ td { vertical-align: top; }
Author:
========================================================================== */
-body{
- font:16px/26px Helvetica, Helvetica Neue, Arial;
-}
+body{ font:16px/26px Helvetica, Helvetica Neue, Arial; }
.wrapper{
width:90%;
margin:0 5%;
}
+/* == Orange Theme == */
+
#header-container{ border-bottom: 20px solid #e44d26; }
#footer-container{ border-top: 20px solid #e44d26; }
#main aside { border-top: 20px solid #e44d26; }
@@ -87,18 +87,19 @@ body{
#title{ color:white; }
-nav ul li{
-}
+/* == Menu (mobile) == */
nav a{
display:block;
- background:#e44d26;
- text-align:center;
+ margin-bottom:10px;
padding:15px 0;
+
+ background:#e44d26;
color:white;
- font-weight:bold;
+
+ text-align:center;
text-decoration:none;
- margin-bottom:10px;
+ font-weight:bold;
}
nav a:hover, nav a:visited{
@@ -109,6 +110,8 @@ nav a:hover{
text-decoration:underline;
}
+/* == Main (mobile) == */
+
#main{
padding:30px 0;
}
@@ -122,13 +125,17 @@ nav a:hover{
padding:0px 5% 10px;
}
-
+/* == Footer == */
#footer-container footer{
color:white;
padding:20px 0;
}
+/* == IE Fixes == */
+
+.ie7 #title{ padding-top:20px; }
+
/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
@@ -146,6 +153,8 @@ nav a:hover{
@media only screen and (min-width: 480px) {
+ /* == Menu (intermediate) == */
+
nav a{
float:left;
width:27%;
@@ -154,20 +163,22 @@ nav a:hover{
margin-bottom:0;
}
- .oldie nav a{
- margin:0 1.3%;
- }
+ nav li:first-child a{ margin-left:0; }
+ nav li:last-child a{ margin-right:0; }
- nav li:first-child a{
- margin-left:0;
- }
-
- nav li:last-child a{
- margin-right:0;
+ /* == IE Fixes == */
+
+ nav ul li{
+ display:inline;
+ }
+ .oldie nav a{
+ margin:0 0.7%;
}
}
@media only screen and (min-width: 768px) {
+
+ /* == Menu (wide) == */
#title{
float:left;
@@ -175,9 +186,11 @@ nav a:hover{
nav{
float:right;
- width:38%; /* Golden ratio for 100% = 62% + 38% */
+ width:38%;
}
-
+
+ /* == Main (wide) == */
+
#main article{
float:left;
width:57%;

0 comments on commit d644d70

Please sign in to comment.
Something went wrong with that request. Please try again.