| OLD | NEW |
| 1 html | 1 html |
| 2 { | 2 { |
| 3 position: relative; | 3 position: relative; |
| 4 min-height: 100%; | 4 min-height: 100%; |
| 5 } | 5 } |
| 6 | 6 |
| 7 header, #content, #footer-content | 7 header, #content |
| 8 { | 8 { |
| 9 margin-left: auto; | 9 margin-left: auto; |
| 10 margin-right: auto; | 10 margin-right: auto; |
| 11 } | 11 } |
| 12 | 12 |
| 13 header | 13 header |
| 14 { | 14 { |
| 15 width: 1000px; | 15 width: 1000px; |
| 16 border-radius: 0 0 5px 5px; | 16 border-radius: 0 0 5px 5px; |
| 17 } | 17 } |
| (...skipping 119 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 137 left: 10px; | 137 left: 10px; |
| 138 right: auto; | 138 right: auto; |
| 139 } | 139 } |
| 140 | 140 |
| 141 html[dir="rtl"] #logo | 141 html[dir="rtl"] #logo |
| 142 { | 142 { |
| 143 right: 25px; | 143 right: 25px; |
| 144 left: auto; | 144 left: auto; |
| 145 } | 145 } |
| 146 | 146 |
| 147 #content, #footer-content | |
| 148 { | |
| 149 margin-top: 15px; | |
| 150 padding-left: 10px; | |
| 151 padding-right: 10px; | |
| 152 } | |
| 153 | |
| 154 #content | 147 #content |
| 155 { | 148 { |
| 156 width: 680px; | 149 width: 680px; |
| 157 margin-top: 71px; | 150 margin-top: 71px; |
| 158 margin-bottom: 280px; | |
| 159 } | |
| 160 | |
| 161 #footer-main | |
| 162 { | |
| 163 position: absolute; | |
| 164 left: 0; | |
| 165 right: auto; | |
| 166 bottom: 0; | |
| 167 width: 100%; | |
| 168 height: 220px; | |
| 169 | |
| 170 /* Disable the sticky footer in IE6/7 */ | |
| 171 .position: relative; | |
| 172 .bottom: 220px; | |
| 173 } | |
| 174 | |
| 175 html[dir="rtl"] #footer-main | |
| 176 { | |
| 177 right: 0; | |
| 178 left: auto; | |
| 179 } | |
| 180 | |
| 181 #footer-main nav | |
| 182 { | |
| 183 width: 600px; | |
| 184 } | |
| 185 | |
| 186 #footer-main nav h1, #footer-main nav li | |
| 187 { | |
| 188 width: 160px; | |
| 189 padding-bottom: 5px; | |
| 190 } | |
| 191 | |
| 192 #footer-main nav, #footer-main nav section, #social | |
| 193 { | |
| 194 display: inline-block; | |
| 195 vertical-align: top; | |
| 196 } | |
| 197 | |
| 198 #footer-main nav section | |
| 199 { | |
| 200 margin-left: 55px; | |
| 201 margin-right: 0; | |
| 202 } | |
| 203 | |
| 204 html[dir="rtl"] #footer-main nav section | |
| 205 { | |
| 206 margin-right: 55px; | |
| 207 margin-left: 0; | |
| 208 } | |
| 209 | |
| 210 html #footer-main nav section.first | |
| 211 { | |
| 212 margin-left: 0; | |
| 213 margin-right: 0; | |
| 214 } | |
| 215 | |
| 216 #footer-content | |
| 217 { | |
| 218 position: relative; | |
| 219 width: 980px; | |
| 220 } | 151 } |
| 221 | 152 |
| 222 #social | 153 #social |
| 223 { | 154 { |
| 224 position: absolute; | 155 position: absolute; |
| 225 top: 0; | 156 top: 0; |
| 226 right: 0; | 157 right: 0; |
| 227 left: auto; | 158 left: auto; |
| 228 } | 159 } |
| 229 | 160 |
| (...skipping 24 matching lines...) Expand all Loading... |
| 254 margin-left: -150px; | 185 margin-left: -150px; |
| 255 margin-right: -150px; | 186 margin-right: -150px; |
| 256 width: 980px; | 187 width: 980px; |
| 257 } | 188 } |
| 258 | 189 |
| 259 #globalnav | 190 #globalnav |
| 260 { | 191 { |
| 261 margin-top: 5px; | 192 margin-top: 5px; |
| 262 margin-bottom: 5px; | 193 margin-bottom: 5px; |
| 263 } | 194 } |
| OLD | NEW |