Created
March 5, 2013 12:25
-
-
Save patrickmooney/5089976 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@charset 'UTF-8'; | |
/* | |
* Author: Name @Bolt Brasil | |
* Project: Project Name | |
* Date: Date of Project | |
*/ | |
/* ==========>> Summary | |
=Imports | |
=Global Classes | |
=Global | |
=Structure | |
=Content | |
=Home | |
=Contact | |
=About | |
=Form | |
=Validations | |
=Others | |
============================================================= */ | |
/* ==========>> =Imports | |
============================================================= */ | |
@import 'reset.css'; | |
@import 'fonts.css'; | |
/* ==========>> =Global Classes | |
============================================================= */ | |
.cf{ | |
zoom: 1; /* IE7 */ | |
} | |
.cf:before, | |
.cf:after { | |
content: ""; | |
display: table; | |
} | |
.cf:after { | |
clear: both; | |
} | |
.ir { | |
font: 0/0 a; | |
text-shadow: none; | |
color: transparent; | |
} | |
/* ==========>> =Global | |
============================================================= */ | |
/* ==========>> =Structure | |
============================================================= */ | |
html, | |
body { | |
height: 100%; | |
font: 10px/1.5em 'Arial', Helvetica, Sans-Serif; | |
} | |
/* ==========>> =Content | |
============================================================= */ | |
/* ==========>> =Forms | |
============================================================= */ | |
/* Formee - http://www.formee.org */ | |
.form-overlay form { | |
width: 100%; | |
float: left; | |
} | |
.form-overlay fieldset { | |
height: 100%; | |
padding: 1.2em 0; | |
margin: 0 0 4em; | |
position: relative; | |
border: 1px solid #d4d4d4; | |
} | |
.form-overlay legend { | |
margin-left: 1%; | |
margin-right: 1%; | |
padding: 0.5% 0.5% 0.8%; | |
} | |
.form-overlay form > div { | |
margin-left: 1%; | |
margin-right: 1%; | |
padding: 0.8% 0.5% 1%; | |
float: left; | |
position: relative; | |
} | |
.ie7 .form-overlay form > div { | |
margin-left: .8%; | |
margin-right: .8%; | |
padding: 0.8% 0.25% 1%; | |
} | |
.form-overlay .grid-1 { width: 5.333% } | |
.form-overlay .grid-2 { width: 13.666% } | |
.form-overlay .grid-3 { width: 22% } | |
.form-overlay .grid-4 { width: 30.333% } | |
.form-overlay .grid-5 { width: 38.666% } | |
.form-overlay .grid-6 { width: 47% } | |
.form-overlay .grid-7 { width: 55.333% } | |
.form-overlay .grid-8 { width: 63.666% } | |
.form-overlay .grid-9 { width: 72% } | |
.form-overlay .grid-10 { width: 80.333% } | |
.form-overlay .grid-11 { width: 88.666% } | |
.form-overlay .grid-12 { width: 97% } | |
.form-overlay label { | |
height: auto; | |
margin: 0.2em 0 0.5em; | |
display: block; | |
} | |
.form-overlay input[type="text"], | |
.form-overlay input[type="password"], | |
.form-overlay input[type="file"], | |
.form-overlay textarea, | |
.form-overlay select { | |
width: 100%; | |
padding: 5px 10px; | |
vertical-align: middle; | |
line-height: 1.1em; | |
border-style: solid; | |
border-width: 1px; | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
-ms-box-sizing: border-box; | |
box-sizing: border-box; | |
} | |
.ie7 .form-overlay input[type="text"], | |
.ie7 .form-overlay input[type="password"], | |
.ie7 .form-overlay input[type="file"], | |
.ie7 .form-overlay textarea, | |
.ie7 .form-overlay select { width: 99% } | |
.form-overlay textarea { | |
height: 10em; | |
resize: vertical; | |
} | |
.form-overlay select { | |
padding: 9px; | |
height: 2.7em; | |
} | |
.form-overlay-req { | |
position: relative; | |
top: 3px; | |
} | |
.form-overlay input[type="submit"], | |
.form-overlay input[type="button"], | |
.form-overlay input[type="reset"] { | |
padding: 8px 15px 9px; | |
float: right; | |
cursor: pointer; | |
border: 1px solid #D4D4D4; | |
text-align: center; | |
} | |
.form-overlay input[type="checkbox"], | |
.form-overlay input[type="radio"] { | |
margin-top: 2px; | |
margin-right: 5px; | |
float: left; | |
} | |
/* ==========>> =Validations | |
============================================================= */ | |
/* ==========>> =Others | |
============================================================= */ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment