Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save patrickmooney/5089976 to your computer and use it in GitHub Desktop.
Save patrickmooney/5089976 to your computer and use it in GitHub Desktop.
@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