| 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 |