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: #e4e4e4; | 9 background: #e4e4e4; |
10 color: #333; | 10 color: #333; |
(...skipping 89 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
100 width: 263px; /* 12 x 22px - 1 for border */ | 100 width: 263px; /* 12 x 22px - 1 for border */ |
101 padding: 22px 22px; | 101 padding: 22px 22px; |
102 overflow: hidden; | 102 overflow: hidden; |
103 background: #f4f4f4; | 103 background: #f4f4f4; |
104 border-right: solid 1px #ccc; | 104 border-right: solid 1px #ccc; |
105 } | 105 } |
106 | 106 |
107 .nav h2 { | 107 .nav h2 { |
108 font: 400 16px/22px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', | 108 font: 400 16px/22px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', |
109 sans-serif; | 109 sans-serif; |
110 margin: 22px -21px 0 -21px; | 110 margin: 0 -21px; |
111 padding: 11px 22px; | 111 padding: 11px 22px; |
112 | 112 |
113 /* Using http://www.colorzilla.com/gradient-editor/ */ | 113 /* Using http://www.colorzilla.com/gradient-editor/ */ |
114 background: -moz-linear-gradient(top, hsla(0,0%,0%,0.05) 0%, hsla(0,0%,0%,0) 1
00%); | 114 background: -moz-linear-gradient(top, hsla(0,0%,0%,0.05) 0%, hsla(0,0%,0%,0) 1
00%); |
115 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla
(0,0%,0%,0.05)), color-stop(100%,hsla(0,0%,0%,0))); | 115 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla
(0,0%,0%,0.05)), color-stop(100%,hsla(0,0%,0%,0))); |
116 background: -webkit-linear-gradient(top, hsla(0,0%,0%,0.05) 0%,hsla(0,0%,0%,0)
100%); | 116 background: -webkit-linear-gradient(top, hsla(0,0%,0%,0.05) 0%,hsla(0,0%,0%,0)
100%); |
117 background: -o-linear-gradient(top, hsla(0,0%,0%,0.05) 0%,hsla(0,0%,0%,0) 100%
); | 117 background: -o-linear-gradient(top, hsla(0,0%,0%,0.05) 0%,hsla(0,0%,0%,0) 100%
); |
118 background: -ms-linear-gradient(top, hsla(0,0%,0%,0.05) 0%,hsla(0,0%,0%,0) 100
%); | 118 background: -ms-linear-gradient(top, hsla(0,0%,0%,0.05) 0%,hsla(0,0%,0%,0) 100
%); |
119 background: linear-gradient(top, hsla(0,0%,0%,0.05) 0%,hsla(0,0%,0%,0) 100%); | 119 background: linear-gradient(top, hsla(0,0%,0%,0.05) 0%,hsla(0,0%,0%,0) 100%); |
120 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d000000',
endColorstr='#00000000',GradientType=0); | 120 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d000000',
endColorstr='#00000000',GradientType=0); |
121 } | 121 } |
122 | 122 |
123 .nav li { | 123 .nav li { |
124 font: 600 13px/22px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', | 124 font: 600 13px/22px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', |
125 sans-serif; | 125 sans-serif; |
126 list-style-type: none; | 126 list-style-type: none; |
| 127 white-space: nowrap; |
127 } | 128 } |
128 | 129 |
129 .nav ul { | 130 .nav ul { |
| 131 margin: 0 0 22px 0; |
130 padding: 0; | 132 padding: 0; |
131 } | 133 } |
132 | 134 |
133 .icon-class, | 135 .icon-class, |
134 .icon-interface { | 136 .icon-interface { |
135 display: inline-block; | 137 display: inline-block; |
136 width: 12px; | 138 width: 12px; |
137 height: 13px; | 139 height: 13px; |
138 margin: 4px 8px 0 2px; | 140 margin: 5px 11px 0 3px; |
139 vertical-align: top; | 141 vertical-align: top; |
140 } | 142 } |
141 | 143 |
142 .icon-class { | 144 .icon-class { |
143 background: url('class.png'); | 145 background: url('class.png'); |
144 } | 146 } |
145 | 147 |
146 .icon-interface { | 148 .icon-interface { |
147 background: url('interface.png'); | 149 background: url('interface.png'); |
148 } | 150 } |
149 | 151 |
150 .icon-library { | 152 .icon-library { |
151 background: url('library.png'); | 153 background: url('library.png'); |
152 width: 16px; | 154 width: 16px; |
153 height: 14px; | 155 height: 14px; |
154 display: inline-block; | 156 display: inline-block; |
155 margin: 4px 4px 0 0; | 157 margin: 4px 8px 0 0; |
156 vertical-align: top; | 158 vertical-align: top; |
157 } | 159 } |
158 | 160 |
159 .content { | 161 .content { |
160 margin-left: 308px; /* 14 x 22px */ | 162 margin-left: 308px; /* 14 x 22px */ |
161 padding: 22px 22px; | 163 padding: 22px 22px; |
162 } | 164 } |
163 | 165 |
164 .footer { | 166 .footer { |
165 clear: both; | 167 clear: both; |
(...skipping 134 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
300 } | 302 } |
301 | 303 |
302 p { | 304 p { |
303 border-left: solid 4px purple; | 305 border-left: solid 4px purple; |
304 } | 306 } |
305 | 307 |
306 section { | 308 section { |
307 border-left: solid 4px gray; | 309 border-left: solid 4px gray; |
308 } | 310 } |
309 */ | 311 */ |
OLD | NEW |