OLD | NEW |
1 /* Reset */ | 1 /* Reset */ |
2 body, h1, h2, h3, h4, li, ol, p, pre, section, ul { | 2 body, h1, h2, h3, h4, li, ol, p, pre, section, ul { |
3 margin: 0; | 3 margin: 0; |
4 padding: 0; | 4 padding: 0; |
5 } | 5 } |
6 | 6 |
7 body { | 7 body { |
8 font-family: Georgia, serif; | 8 font-family: Georgia, serif; |
9 background: #e8e8e8; | 9 background: #e8e8e8; |
10 color: #333; | 10 color: #333; |
(...skipping 106 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
117 } | 117 } |
118 | 118 |
119 .header a { | 119 .header a { |
120 color: hsl(0, 0%, 80%); | 120 color: hsl(0, 0%, 80%); |
121 } | 121 } |
122 | 122 |
123 .header a:hover { | 123 .header a:hover { |
124 color: hsl(0, 0%, 100%); | 124 color: hsl(0, 0%, 100%); |
125 } | 125 } |
126 | 126 |
| 127 .header #search-box { |
| 128 display: inline; |
| 129 float: right; |
| 130 margin-right: 22px; |
| 131 } |
| 132 |
127 .nav { | 133 .nav { |
128 float: left; | 134 float: left; |
129 width: 263px; /* 12 x 22px - 1 for border */ | 135 width: 263px; /* 12 x 22px - 1 for border */ |
130 padding: 0 22px; | 136 padding: 0 22px; |
131 overflow: hidden; | 137 overflow: hidden; |
132 background: #f4f4f4; | 138 background: #f4f4f4; |
133 border-right: solid 1px #ccc; | 139 border-right: solid 1px #ccc; |
134 } | 140 } |
135 | 141 |
136 .nav h2 { | 142 .nav h2 { |
(...skipping 231 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
368 } | 374 } |
369 | 375 |
370 p { | 376 p { |
371 border-left: solid 4px purple; | 377 border-left: solid 4px purple; |
372 } | 378 } |
373 | 379 |
374 section { | 380 section { |
375 border-left: solid 4px gray; | 381 border-left: solid 4px gray; |
376 } | 382 } |
377 */ | 383 */ |
OLD | NEW |