Created
June 7, 2013 19:28
-
-
Save danielhaim1/5731736 to your computer and use it in GitHub Desktop.
my base.css.
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
/*************************** | |
notice how the puke cascades. | |
%%%%%% | |
%%%% = = | |
%%C > | |
_)' _( .' | |
__/ |_/\ " *. o | |
/` \_\ \/ %`= '_ . | |
/ ) \/| .^',*. , | |
/' /- o/ - " % '_ | |
/\_/ < = , ^ ~ . | |
)_o|----'| .` ' | |
___// (_ - (\ | |
///-( \' \\ | |
****************************/ | |
html { | |
} | |
body:before { position: fixed; | |
top: -10px; | |
left: 0; | |
z-index: 100; | |
width: 100%; | |
height: 10px; | |
-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8); | |
-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8); | |
box-shadow: 0px 0px 10px rgba(0,0,0,.8); | |
content: ''; | |
} | |
body { color: #111; | |
font-size: 14px; | |
font-family: sans; | |
line-height: 14px; | |
-webkit-tap-highlight-color: rgb(238, 220, 200); | |
-webkit-text-size-adjust: 100%; | |
-webkit-font-smoothing: antialiased; | |
} | |
article, | |
aside, | |
details, | |
figcaption, | |
figure, | |
footer, | |
header, | |
hgroup, | |
menu, | |
nav, | |
section { display: block } | |
* { margin: 0; | |
padding: 0; | |
outline: 0; | |
border: 0 none; | |
vertical-align: baseline; | |
font-weight: inherit; | |
font-style: inherit; | |
font-size: 100%; | |
font-family: inherit; | |
} | |
a { outline: none; | |
color: #222; | |
text-decoration: none; | |
cursor: pointer; | |
} | |
a:focus { outline: 0 } | |
label, | |
select, | |
button, | |
input[type="button"], | |
input[type="reset"], | |
input[type="submit"], | |
input[type="radio"], | |
input[type="checkbox"] { cursor: pointer } | |
input[type="search"] { -webkit-box-sizing: content-box; | |
-moz-box-sizing: content-box; | |
box-sizing: content-box; | |
-webkit-appearance: textfield; | |
} | |
input[type="search"]::-webkit-search-decoration, | |
input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none } | |
img { border: 0; | |
vertical-align: middle; | |
-ms-interpolation-mode: bicubic; | |
image-rendering: optimizeQuality; | |
} | |
a img, | |
:link img, | |
:visited img { border: none } | |
h1, | |
h2, | |
h3, | |
h4, | |
h5, | |
h6 { margin: 0 0 10px 0; | |
word-break: normal; | |
line-height: 1; | |
text-rendering: optimizelegibility; | |
} | |
/* 100 /6 * 16.66666666666667 growth */ | |
h1.sans { font: 800 296.66666666666667%/1.3em Arial, sans } | |
h2.sans { font: 800 180.66666666666667%/1.3em Arial, sans } | |
h3.sans { font: 800 164.66666666666667%/1.3em Arial, sans } | |
h4.sans { font: 800 148.66666666666667%/1.3em Arial, sans } | |
h5.sans { font: 800 132.66666666666667%/1.3em Arial, sans } | |
h6.sans { font: 800 116.66666666666667%/1.3em Arial, sans } | |
h1.serif { font: 700 296.66666666666667%/1.3em Times, serif } | |
h2.serif { font: 700 180.66666666666667%/1.3em Times, serif } | |
h3.serif { font: 700 164.66666666666667%/1.3em Times, serif } | |
h4.serif { font: 700 148.66666666666667%/1.3em Times, serif } | |
h5.serif { font: 700 132.66666666666667%/1.3em Times, serif } | |
h6.serif { font: 700 116.66666666666667%/1.3em Times, serif } | |
.serif small, | |
.sans small { display: inline-block; | |
color: #555; | |
text-transform: lowercase; | |
font-weight: normal; | |
font-size: 65%; | |
line-height: 100%; | |
} | |
h1 small a, | |
h2 small a, | |
h3 small a, | |
h4 small a, | |
h5 small a, | |
h6 small a { color: #555; | |
cursor: inherit; | |
} | |
.clearfix { *zoom: 1 } | |
.clearfix:before, | |
.clearfix:after { display: table; | |
content: ''; | |
line-height: 0; | |
} | |
.clearfix:after { clear: both } | |
.borderbox { -webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
} | |
::selection { background: rgb(238, 220, 200) } | |
::-moz-selection { background: rgb(238, 220, 200) } | |
img::selection { background: transparent } | |
img::-moz-selection { background: transparent } | |
.textleft { text-align: left } | |
.textright { text-align: right } | |
.center { text-align: center } | |
.auto { margin: 0 auto } | |
.pull-left { float: left } | |
.pull-right { float: right } | |
.widget { display: block; | |
margin: 10px auto; | |
} | |
.widget img { width: 100%; | |
height: auto; | |
} | |
.none { display: none } | |
.relative { position: relative } | |
.nomargin { margin: 0!important } | |
/*** | |
@font-face { | |
font-weight:normal; | |
font-style:normal; | |
font-family:'Font'; | |
src:url('fonts/font.eot?v=3.0.1'); | |
src:url('fonts/font.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('fonts/font.woff?v=3.0.1') format('woff'), url('fonts/font.ttf?v=3.0.1') format('truetype'); | |
} | |
***/ | |
/** Responsive **/ | |
@media only screen and (min-device-width:320px) and (max-device-width:480px) {} | |
@media only screen and (min-width:321px) {} | |
@media only screen and (max-width:320px) {} | |
@media only screen and (min-device-width:768px) and (max-device-width:1024px) {} | |
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {} | |
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {} | |
@media only screen and (min-width:1224px) {} | |
@media only screen and (min-width:1824px) {} | |
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment