Created
May 8, 2013 06:57
-
-
Save oneblackcrayon/5538735 to your computer and use it in GitHub Desktop.
My current default CSS reset. Includes Formalize, some Normalize, some Twitter Bootstrap (I think) and others.
This file contains hidden or 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
html,body{/* moz */-moz-box-sizing: border-box;-moz-font-smoothing: antialiased;-moz-margin-before: 0px;-moz-margin-after: 0px;-moz-margin-start: 0;-moz-margin-end: 0;/* moz */-ms-box-sizing: border-box;-ms-margin-before: 0px;-ms-margin-after: 0px;-ms-margin-before: 0px;-ms-margin-after: 0px;/* opera */-o-box-sizing: border-box;-o-font-smoothing: antialiased;-o-margin-before: 0px;-o-margin-after: 0px;-o-margin-start: 0;-o-margin-end: 0;/* webkit */-webkit-font-smoothing: antialiased;-webkit-box-sizing: border-box;-webkit-margin-before: 0px;-webkit-margin-after: 0px;-webkit-margin-start: 0;-webkit-margin-end: 0;box-sizing: border-box;text-rendering: optimizeLegibility;} | |
html{background-color:#191919;background-clip:border-box;background-origin:border-box;background-image:none;background-position:left top;background-repeat:repeat;background-size:contain;color:#e7e7e7;height:100%;margin:0;min-height:100%;min-width:100%;text-align:center;} | |
body{font-family:'Helvetica Neue','HelveticaNeue',Helvetica,Arial,sans-serif;margin:0;min-height:100%;overflow-y:scroll;padding:0;position:relative;text-align:left;width:100%;} | |
div,article,aside,audio,details,figure,footer, | |
header,hgroup,hr,iframe,menu,section,summary,time, | |
video,nav,nav ul,nav ol,ul,ol,dl{-moz-box-sizing: border-box;-moz-margin-before: 0px;-moz-margin-after: 0px;-moz-margin-start: 0;-moz-margin-end: 0;-ms-box-sizing: border-box;-ms-margin-before: 0px;-ms-margin-after: 0px;-ms-margin-before: 0px;-ms-margin-after: 0px;-o-box-sizing: border-box;-o-margin-before: 0px;-o-margin-after: 0px;-o-margin-start: 0;-o-margin-end: 0;-webkit-box-sizing: border-box;-webkit-margin-before: 0px;-webkit-margin-after: 0px;-webkit-margin-start: 0;-webkit-margin-end: 0;box-sizing: border-box;text-rendering: optimizeLegibility;font-smoothing: antialiased;} | |
acronym,applet,center, | |
del,dfn,dialog,embed,font, | |
ins,kbd,meter, | |
object,output,progress,q, | |
rp,rt,ruby,s,samp,strike, | |
tt,u,var,xmp {} | |
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display: block;position: relative;} | |
audio,canvas,iframe,video {display: inline-block;*display: inline;} | |
audio:not([controls]) {display: none;height: 0;} | |
figure {margin: 0;} | |
mark {background: #ff0;color: #000;position: relative;} | |
[hidden] {display: none; } | |
nav ul,nav ol{display: inline-block;*display: inline;list-style: none;list-style-image: none;} | |
:hover,:focus {outline: none;} | |
::-moz-selection {background: #8181FF;color: #FAFAFA;text-shadow: none;} | |
::selection {background: #8181FF;color: #FAFAFA;text-shadow: none;} | |
a,a:link{color:#1188FF;} | |
a:focus,a:hover{color:#1FF818;} | |
a:active{color:#FF1188;} | |
a,a:link,a:focus,a:hover, | |
a:visited,a:active,a img, | |
nav a, nav a:hover, nav a:focus {border: 0;outline: none;text-decoration: none;-moz-transition: color 0.2s ease-in-out;-ms-transition: color 0.2s ease-in-out;-o-transition: color 0.2s ease-in-out;-webkit-transition: color 0.2s ease-in-out;transition: color 0.2s ease-in-out;} | |
img{max-width: 100%;vertical-align: text-top;} | |
h1,h2,h3,h4,h5,h6{margin-top: 0;margin-bottom: .5em;} | |
h1,h2,h3 {font-family: Georgia,serif;} | |
.title{font-family: Georgia, serif;font-size:4em;font-weight:400;line-height:1.1em;margin-bottom:.2em;} | |
.tagline{font-size:1.7em;font-weight:400;line-height:1.1em;} | |
h1,.h1{font-size:2.4em;line-height:1.1em;font-weight:600;} | |
h6,.h6{font-size:.75em;font-weight:normal;} | |
h2,h3,h4,h5,h6,p,li,dt,dd,blockquote {line-height: 1.5em;} | |
p,li,dt,dd,blockquote {font-size: 1.133625em;} | |
dl {margin: 0 0 10px;} | |
dt {font-weight: bold;} | |
dd {font-weight: normal;margin: 0;} | |
menu {margin-bottom: 1em;} | |
ul {list-style: square outside;margin: 0 0 1em 1.5em;padding: 0;} | |
ul ul {list-style: circle outside;margin-left: .5em;} | |
ul ol {list-style: upper-alpha outside;margin-left: .5em;} | |
ol {list-style: decimal outside;margin: 0 0 1em 1.5em;padding: 0;} | |
ol ol{list-style: upper-alpha outside;margin-left: .5em;} | |
ol ul {list-style: disc outside;margin-left: .5em;} | |
li {display: list-item;} | |
table{border: 0;border-collapse: collapse;border-spacing: 0;margin: 0 auto;} | |
table tbody{background-color: transparent;} | |
table td{border-spacing: 0;} | |
th{border-collapse: collapse;border-spacing: 0;} | |
thead{border-collapse: collapse;border-spacing: 0;} | |
tfoot{border-collapse: collapse;border-spacing: 0;} | |
table caption{border-collapse: collapse;text-align: left;vertical-align: middle;} | |
address {font-style: normal;} | |
p{margin-top: 0;} | |
p+p{margin-top: 0;} | |
p blockquote,blockquote{border-left: 4px solid;font-weight: bold;margin-left: 0;padding-left: 16px;} | |
big,.big{font-size: 190%;font-style: normal;} | |
cite,small,.small {font-size: 80%;font-style: normal;} | |
q,quote {font-weight: 400;margin: 0 0 20px;quotes: "\201C" "\201D" "\2018" "\2019";font-style: normal;} | |
q:before,q:after {content: '';content: none;} | |
b,strong { font-weight: 500; } | |
i,em { font-style: italic; } | |
abbr[title] { border-bottom: 1px dotted; } | |
pre,code,kbd,samp { font-family: monospace, sans-serif; } | |
pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word;} | |
sub {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;bottom: -0.25em;} | |
sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;top: -0.5em;} | |
svg {overflow: hidden;} | |
svg:not(:root) {overflow: hidden;} | |
time {color: inherit;font-size: .875em;} | |
hr {background-color: #020202;border-style: none;border-width: 0;clear: both;float: none;height: 1px;line-height: 1px;margin: 20px 0;padding: 0;visibility: visible;width: 100%;zoom: 1;} | |
hr {box-shadow: 0 1px 0px #373737;} | |
.clear {background: transparent;border: none;border-style: none;border-width: 0;clear: both;float: none;height: 0;line-height: 0;margin: 0;padding: 0;position: relative;visibility: hidden;width: 0;zoom: 1;} | |
.cf:before,.cf:after {content: " ";display: table;} | |
.cf:after {clear: both;} | |
.cf {*zoom: 1 ;} | |
.image-left {float: left;margin: 0 10px 10px 0;vertical-align: top;} | |
.image-right {float: right;margin: 0 0 10px 10px;vertical-align: top;} | |
.left {display: inline;float: left;position: relative;} | |
.right {display: inline;float: right;position: relative;} | |
.centered {height: auto;margin: auto;position: relative;width: auto;} | |
.text-centered {text-align: center;} | |
.reset {margin: 0;padding: 0;} | |
.reset-margin {margin: 0;} | |
.reset-padding {padding: 0;} | |
.hide {display: none;} | |
.show {display: block;} | |
/* color palette */ | |
.pink{color:#FF1188;} | |
.red{color:#FF1818;} | |
.orange{color:#FF8811;} | |
.lime{color:#8FF811;} | |
.green{color:#1FF818;} | |
.seafoam{color:#11FF88;} | |
.teal{color:#8FF181;} | |
.cloudyblue{color:#8181FF;} | |
.lightblue{color:#1188FF;} | |
.blue{color:#1818FF;} | |
.fadedblue{color:#1F188F;} | |
.fadedyellow{color:#F8F181;} | |
.lemon{color:#F8F811;} | |
.yellow{color:#F8F118;} | |
/* wordpress */ | |
/* readability */ | |
.entry {font-size: 1.3em;line-height: 1.5em;} | |
.entry article, | |
.entry aside, | |
.entry header, | |
.entry hgroup, | |
.entry footer {} | |
.entry time {} | |
.entry div {} | |
.entry section {} | |
.entry nav ol, | |
.entry nav ul {} | |
.hnews {/* do not style. */} | |
.hentry {} | |
.hentry figure {} | |
.hentry figcaption {} | |
.hentry .entry-title {} | |
.hentry .entry-summary {} | |
.hentry .updated {} | |
.hentry .entry-content {} | |
.hentry .source-org {} | |
.hentry .vcard {} | |
.hentry .copyright {} | |
.hentry .byline {} | |
.hentry .author {} | |
/* formalize.me */ | |
.input_tiny {width: 50px;} | |
.input_small {width: 100px;} | |
.input_medium {width: 150px;} | |
.input_large {width: 200px;} | |
.input_xlarge {width: 250px;} | |
.input_xxlarge {width: 300px;} | |
.input_full {width: 100%;} | |
.input_full_wrap {display: block;padding-right: 8px;} | |
input[type="search"]::-webkit-search-decoration {display: none;} | |
input:invalid,button:invalid,a.button:invalid,select:invalid,textarea:invalid {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;} | |
input:focus,button:focus,a.button:focus,select:focus,textarea:focus {-webkit-box-shadow: #0066ff 0 0 5px 0;-moz-box-shadow: #0066ff 0 0 5px 0;box-shadow: #0066ff 0 0 5px 0;z-index: 1;} | |
input[type="file"]:focus, input[type="file"]:active,input[type="radio"]:focus,input[type="radio"]:active,input[type="checkbox"]:focus,input[type="checkbox"]:active {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;} | |
button,a.button,input[type="reset"],input[type="submit"],input[type="button"] {-webkit-appearance: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;-webkit-background-clip: padding;-moz-background-clip: padding;background-clip: padding-box;background: #dddddd url('img/button.png?1298351022') repeat-x;background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd));background-image: -webkit-linear-gradient(#ffffff, #dddddd);background-image: -moz-linear-gradient(#ffffff, #dddddd);background-image: -o-linear-gradient(#ffffff, #dddddd);background-image: linear-gradient(#ffffff, #dddddd);border: 1px solid;border-color: #dddddd #bbbbbb #999999;cursor: pointer;color: #333333;display: inline-block;font: bold 12px/1.3 "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;outline: 0;overflow: visible;margin: 0;padding: 3px 10px;text-shadow: white 0 1px 1px;text-decoration: none;vertical-align: top;width: auto;*padding-top: 2px;*padding-bottom: 0;} | |
button:hover,a.button:hover,input[type="reset"]:hover,input[type="submit"]:hover,input[type="button"]:hover {background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(1px, #eeeeee), color-stop(100%, #cccccc));background-image: -webkit-linear-gradient(#ffffff, #eeeeee 1px, #cccccc);background-image: -moz-linear-gradient(#ffffff, #eeeeee 1px, #cccccc);background-image: -o-linear-gradient(#ffffff, #eeeeee 1px, #cccccc);background-image: linear-gradient(#ffffff, #eeeeee 1px, #cccccc);text-decoration: none;} | |
button:active,a.button:active,input[type="reset"]:active,input[type="submit"]:active,input[type="button"]:active {background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(100%, #eeeeee));background-image: -webkit-linear-gradient(#dddddd, #eeeeee);background-image: -moz-linear-gradient(#dddddd, #eeeeee);background-image: -o-linear-gradient(#dddddd, #eeeeee);background-image: linear-gradient(#dddddd, #eeeeee);-webkit-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;-moz-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;border-color: #999999 #bbbbbb #dddddd;} | |
button::-moz-focus-inner,a.button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner {border: 0;padding: 0;} | |
a.button {*padding-bottom: 3px;} | |
button {*padding-top: 1px;*padding-bottom: 1px;} | |
textarea,select,input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="email"],input[type="month"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="time"],input[type="url"],input[type="week"] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-background-clip: padding;-moz-background-clip: padding;background-clip: padding-box;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius: 0;-webkit-appearance: none;background-color: white;border: 1px solid;border-color: #848484 #c1c1c1 #e1e1e1;color: black;outline: 0;margin: 0;padding: 2px 3px;text-align: left;font-size: 13px;font-family: Arial, "Liberation Sans", FreeSans, sans-serif;height: 1.8em;vertical-align: top;*padding-top: 2px;*padding-bottom: 1px;*height: auto;} | |
textarea[disabled],select[disabled],input[type="date"][disabled],input[type="datetime"][disabled],input[type="datetime-local"][disabled],input[type="email"][disabled],input[type="month"][disabled],input[type="number"][disabled],input[type="password"][disabled],input[type="search"][disabled],input[type="tel"][disabled],input[type="text"][disabled],input[type="time"][disabled],input[type="url"][disabled],input[type="week"][disabled] {background-color: #eeeeee;} | |
button[disabled],input[disabled],select[disabled],select[disabled] option,select[disabled] optgroup,textarea[disabled],a.button_disabled {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;-moz-user-select: -moz-none;-webkit-user-select: none;-khtml-user-select: none;user-select: none;color: #888888;cursor: default;} | |
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #888888;} | |
input:-moz-placeholder,textarea:-moz-placeholder {color: #888888;} | |
input.placeholder_text,textarea.placeholder_text {color: #888888;} | |
textarea,select[size],select[multiple] {height: auto;} | |
select[size="0"],select[size="1"] {height: 1.8em;*height: auto;} | |
@media (-webkit-min-device-pixel-ratio: 0) {select[size],select[multiple],select[multiple][size] {background-image: none;padding-right: 3px;} | |
select,select[size="0"],select[size="1"] {background-image: url(data:image/png;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==);background-repeat: no-repeat;background-position: right center;padding-right: 20px;} | |
::-webkit-validation-bubble-message {-webkit-box-shadow: none;box-shadow: none;background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, black));border: 0;color: white;font: 13px/17px "Lucida Grande", Arial, "Liberation Sans", FreeSans, sans-serif;overflow: hidden;padding: 15px 15px 17px;text-shadow: black 0 0 1px;min-height: 16px;} | |
::-webkit-validation-bubble-arrow,::-webkit-validation-bubble-top-outer-arrow,::-webkit-validation-bubble-top-inner-arrow {-webkit-box-shadow: none;box-shadow: none;background: #666666;border-color: #666666;}} | |
textarea {min-height: 40px;overflow: auto;resize: vertical;width: 100%;} | |
optgroup {color: black;font-style: normal;font-weight: normal;font-family: Arial, "Liberation Sans", FreeSans, sans-serif;} | |
optgroup::-moz-focus-inner {border: 0;padding: 0;} | |
.ie6_button,* html button,* html a.button {background: #dddddd url('img/button.png?1298351022') repeat-x;border: 1px solid;border-color: #dddddd #bbbbbb #999999;cursor: pointer;color: #333333;font: bold 12px/1.2 Arial, sans-serif;padding: 2px 10px 0px;text-decoration: none;overflow: visible;vertical-align: top;width: auto;} | |
* html a.button {position: relative;top: 3px;padding-bottom: 2px;} | |
* html button {padding-top: 1px;padding-bottom: 1px;} | |
.ie6_input,* html textarea,* html select {background: white;border: 1px solid;border-color: #848484 #c1c1c1 #e1e1e1;color: black;padding: 2px 3px 1px;font-size: 13px;font-family: Arial, sans-serif;vertical-align: top;} | |
* html select {margin-top: 1px;} | |
.placeholder_text,.ie6_input_disabled,.ie6_button_disabled {color: #888888;} | |
.ie6_input_disabled {background: #eeeeee;} | |
/* wraps */ | |
#pagewrap{margin:0;position:absolute;top:0;bottom:0;left:0;right:0;width:100%;} | |
#header,#main,#footer{margin:0;padding: 1em .233em;} | |
/* header */ | |
#header {margin-top: 2em;} | |
#logo {text-align:center;} | |
/* nav */ | |
nav {margin:1.2em auto 1em;text-align: center;} | |
nav ol {} | |
nav li {display: inline-block;margin: auto;text-align:center;} | |
nav a {padding: 10px;} | |
/* main */ | |
#main {} | |
#main .container {height:100%;min-height:520px;padding:1.5em 0 0;} | |
/* footer */ | |
#footer {text-align:center;} | |
#footer .facebook {min-height: 72px; height: auto; overflow: hidden; margin: 0 auto .23em; } | |
#foooter h6 a, #footer h6 a[href^="mailto:"] {text-decoration:none;} | |
/* container, grids, gallery, forms, social */ | |
.container {display:block;margin:0 auto;padding:10px 0;position:relative;width:75%;} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment