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