22 HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
33 ========================================================================== */
44
5- html ,
6- button ,
7- input ,
8- select ,
9- textarea {
5+ html , button , input , select , textarea {
106 color : # 222 ;
117}
12-
13-
148::-moz-selection {
159 background : # b3d4fc ;
1610 text-shadow : none;
1711}
18-
1912img {
2013 vertical-align : middle;
2114}
2821 font-family : 'Lato' , Candara, Calibri, Segoe, "Segoe UI" , Optima, Arial, sans-serif;
2922 line-height : 1.4 ;
3023}
31-
3224.wrapper {
3325 margin : 2em auto;
3426 padding : 0 0 2em 0 ;
@@ -38,21 +30,24 @@ body {
3830 -moz-box-shadow : 0 0 8px 3px # eee ;
3931 box-shadow : 0 0 8px 3px # eee ;
4032}
41-
4233@media (max-width : 480px ) {
43- .wrapper { width : 98% ; }
34+ .wrapper {
35+ width : 98% ;
36+ }
4437}
45-
4638.container {
4739 margin : 0 auto;
4840 widows : 100% ;
4941}
5042
5143/* -------------- Typography -------------- */
5244
53- a { color : # 1E90FF ; }
54- p { padding-left : 8px ; }
55-
45+ a {
46+ color : # 1E90FF ;
47+ }
48+ p {
49+ padding-left : 8px ;
50+ }
5651h2 {
5752 padding : 0 1em ;
5853 color : # 444 ;
6156 font-style : italic;
6257 font-size : 1.2em ;
6358}
64-
6559h2 : before , h2 : after {
6660 display : block;
6761 margin : 0.5em auto;
@@ -70,7 +64,6 @@ h2:before, h2:after {
7064 background-color : # eee ;
7165 content : "" ;
7266}
73-
7467h3 {
7568 margin : 2.3em 0 0 0 ;
7669 padding : 8px ;
8174 font-weight : normal;
8275 font-size : 1.3em ;
8376}
84-
8577h4 {
8678 margin : 1em 0 ;
8779 color : # 444 ;
9082 font-size : 1.1em ;
9183 text-rendering : optimizeLegibility;
9284}
93-
9485button {
9586 display : block;
9687 padding : 12px 0 ;
@@ -108,15 +99,19 @@ button {
10899 -o-transition : background-color 0.3s ;
109100 transition : background-color 0.3s ;
110101}
111-
112102button : hover {
113103 background-color : # ccc ;
114104 box-shadow : 0px 0px 1px 0px # ddd ;
115105}
116-
117- button .gray { float : right; }
118- button .blue { background-color : # 3498db ; }
119- button .blue : hover { background-color : # 5dade2 ; }
106+ button .gray {
107+ float : right;
108+ }
109+ button .blue {
110+ background-color : # 3498db ;
111+ }
112+ button .blue : hover {
113+ background-color : # 5dade2 ;
114+ }
120115
121116/* -------------- Modules -------------- */
122117
@@ -129,74 +124,67 @@ header {
129124 font-size : 1.6em ;
130125 font-family : 'Lato' , Candara, Calibri, Segoe, "Segoe UI" , Optima, Arial, sans-serif;
131126}
132-
133127# title_image {
134128 display : block;
135129 margin : 0 auto;
136130 width : 100% ;
137131 height : auto;
138132}
139-
140133@media (max-width : 1000px ) {
141- # title_image { margin-left : -10% ; width : 120% ; }
134+ # title_image {
135+ margin-left : -10% ;
136+ width : 120% ;
137+ }
142138}
143-
144139main {
145140 padding : 0em 6% ;
146141}
147-
148142# logo , # pitch {
149143 position : absolute;
150144 width : 100% ;
151145 text-align : center;
152146}
153-
154147# pitch {
155148 top : 100px ;
156149 color : # 222 ;
157150 text-shadow : 1px 1px 0 rgba (88 , 88 , 88 , 0.5 );
158151 font-style : italic;
159152 font-size : 0.6em ;
160153}
161-
162- # logo { top : 50px ; }
163- # logo img { height : 40px ; }
164-
154+ # logo {
155+ top : 50px ;
156+ }
157+ # logo img {
158+ height : 40px ;
159+ }
165160.information img {
166161 width : 100% ;
167162}
168-
169163.information p {
170164 margin : 0 ;
171165 padding : 0 8px ;
172166 line-height : 1.4em ;
173167}
174-
175168.download {
176169 padding-top : 1.2em ;
177170 max-width : 35em ;
178171 text-align : center;
179172}
180-
181173.download > .bit-2 {
182174 margin : 1.5em 0 0 0 ;
183175}
184-
185176# installation {
186177 text-align : left;
187178}
188-
189179.download small {
190180 display : inline-block;
191181 margin : 0.5em 0 0 ;
192182}
193-
194183footer {
195184 text-align : center;
196185 font-size : small;
197186 padding-bottom : 2em ;
198187}
199-
200188code {
201189 padding : 1px 3px ;
202190 border-radius : 2px ;
@@ -211,14 +199,14 @@ ul {
211199 padding-left : 8px ;
212200 list-style : none;
213201}
214-
215202ul ol {
216203 margin : 0.5em 0 ;
217204 padding : 0 0 0 30px ;
218205 list-style : none;
219206}
220207
221208/* lemonade.css */
209+
222210* , * : after , * : before {
223211 margin : 0 ;
224212 padding : 0 ;
@@ -237,7 +225,6 @@ ul ol {
237225}
238226.bit-3 {
239227 width : 33.33% ;
240- float : left;
241228}
242229@media (max-width : 480px ) {
243230 .bit-1 , .bit-2 , .bit-3 , {
@@ -254,3 +241,14 @@ ul ol {
254241 width : 100%
255242 }
256243}
244+ [class *= 'bit-' ] {
245+ float : left;
246+ padding : 5px ;
247+ }
248+
249+ /* Floats last ".bit-" to the right */
250+
251+ [class *= 'bit-' ]: last-of-type {
252+ padding-right : 5px ;
253+ float : right;
254+ }
0 commit comments