Skip to content
This repository
Browse code

Works everywhere

  • Loading branch information...
commit d644d7083f452f2993d6ab18ded10b8bf331a8ff 1 parent 31bf6a1
verekia authored

Showing 2 changed files with 37 additions and 21 deletions. Show diff stats Hide diff stats

  1. +3 0  TODO.txt
  2. +34 21 css/style.css
3  TODO.txt
... ... @@ -0,0 +1,3 @@
  1 +== IE7 ==
  2 +Offset in the 480+ menu
  3 +Offset in the footer
55 css/style.css
@@ -66,15 +66,15 @@ td { vertical-align: top; }
66 66 Author:
67 67 ========================================================================== */
68 68
69   -body{
70   - font:16px/26px Helvetica, Helvetica Neue, Arial;
71   -}
  69 +body{ font:16px/26px Helvetica, Helvetica Neue, Arial; }
72 70
73 71 .wrapper{
74 72 width:90%;
75 73 margin:0 5%;
76 74 }
77 75
  76 +/* == Orange Theme == */
  77 +
78 78 #header-container{ border-bottom: 20px solid #e44d26; }
79 79 #footer-container{ border-top: 20px solid #e44d26; }
80 80 #main aside { border-top: 20px solid #e44d26; }
@@ -87,18 +87,19 @@ body{
87 87
88 88 #title{ color:white; }
89 89
90   -nav ul li{
91   -}
  90 +/* == Menu (mobile) == */
92 91
93 92 nav a{
94 93 display:block;
95   - background:#e44d26;
96   - text-align:center;
  94 + margin-bottom:10px;
97 95 padding:15px 0;
  96 +
  97 + background:#e44d26;
98 98 color:white;
99   - font-weight:bold;
  99 +
  100 + text-align:center;
100 101 text-decoration:none;
101   - margin-bottom:10px;
  102 + font-weight:bold;
102 103 }
103 104
104 105 nav a:hover, nav a:visited{
@@ -109,6 +110,8 @@ nav a:hover{
109 110 text-decoration:underline;
110 111 }
111 112
  113 +/* == Main (mobile) == */
  114 +
112 115 #main{
113 116 padding:30px 0;
114 117 }
@@ -122,13 +125,17 @@ nav a:hover{
122 125 padding:0px 5% 10px;
123 126 }
124 127
125   -
  128 +/* == Footer == */
126 129
127 130 #footer-container footer{
128 131 color:white;
129 132 padding:20px 0;
130 133 }
131 134
  135 +/* == IE Fixes == */
  136 +
  137 +.ie7 #title{ padding-top:20px; }
  138 +
132 139
133 140 /* ==|== non-semantic helper classes ======================================== */
134 141 .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{
146 153
147 154 @media only screen and (min-width: 480px) {
148 155
  156 + /* == Menu (intermediate) == */
  157 +
149 158 nav a{
150 159 float:left;
151 160 width:27%;
@@ -154,20 +163,22 @@ nav a:hover{
154 163 margin-bottom:0;
155 164 }
156 165
157   - .oldie nav a{
158   - margin:0 1.3%;
159   - }
  166 + nav li:first-child a{ margin-left:0; }
  167 + nav li:last-child a{ margin-right:0; }
160 168
161   - nav li:first-child a{
162   - margin-left:0;
163   - }
164   -
165   - nav li:last-child a{
166   - margin-right:0;
  169 + /* == IE Fixes == */
  170 +
  171 + nav ul li{
  172 + display:inline;
  173 + }
  174 + .oldie nav a{
  175 + margin:0 0.7%;
167 176 }
168 177 }
169 178
170 179 @media only screen and (min-width: 768px) {
  180 +
  181 + /* == Menu (wide) == */
171 182
172 183 #title{
173 184 float:left;
@@ -175,9 +186,11 @@ nav a:hover{
175 186
176 187 nav{
177 188 float:right;
178   - width:38%; /* Golden ratio for 100% = 62% + 38% */
  189 + width:38%;
179 190 }
180   -
  191 +
  192 + /* == Main (wide) == */
  193 +
181 194 #main article{
182 195 float:left;
183 196 width:57%;

0 comments on commit d644d70

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