www.gusucode.com > 200套html5精品模板101_150 > 200套html5精品模板101_150/134/files/codes/css/reset.css
/* Reset and Some Default Style Sheet Document */
/*
~"~"~ e7 Under Construction ~"~"~ HTML5 & CSS3 Under Construction Theme by Nuruzzaman Sheikh (UID: palpaldal)
Please purchase a license from http://themeforest.net in order to use this template.
Developer Web Address: http://www.palpaldal.com
Theme Preview and Demo: http://themes.palpaldal.com/e7/
Themeforest profile: http://themeforest.net/user/palpaldal/
TABLE OF CONTENTS ------------------
1. Style resetting codes (using Eric Meyer's resetter) and some more of developer
http://meyerweb.com/eric/tools/css/reset/
v1.0 | 20080212
2. Default stylings of some common HTML tags/elements.
*/
/* Google web fonts */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400);
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 31, 2012 */
@font-face {
font-family: 'Bebas';
src: url('../../../assets/fonts/bebas__-webfont.eot');
src: url('../../../assets/fonts/bebas__-webfontd41d.eot?#iefix') format('embedded-opentype'),
url('../../../assets/fonts/bebas__-webfont.woff') format('woff'),
url('../../../assets/fonts/bebas__-webfont.ttf') format('truetype'),
url('../../../assets/fonts/bebas__-webfont.svg#BebasRegular') format('svg');
font-weight: normal;
font-style: normal;
}
/* ----------------- Resetting browser defaults ------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,
p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,
em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,
var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,
legend,button,table,caption,tbody,tfoot,thead,tr,th,td,
header,footer,section,figure,figcaption,article,aside,hgroup{background: transparent;border: 0;font-size: 100%;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
/* FOR IE8- families */
header,footer,section,figure,figcaption,article,aside,hgroup{display: block;}
/* We're setting our theme's default background and text colors*/
body{background: #262d36;color: #9f9e9e;font: normal 12px/18px 'Open Sans', Arial, Helvetica, sans-serif;}
ol,ul{list-style: none;}
ol li,ul li{display: inline;line-height: 0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus { outline:0;}
/* ----------------- Applying default styles to common XHTML elements ------------------- */
a{color: #f0a911;text-decoration: none;}
a:focus,a:hover {color: #000;}
h1,h2,h3,h4,h5,h6{
color: #2fa8ed;
font: normal 100%/1.3 Bebas, Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 18px 0;
}
h1 { font-size: 32px;}
h2 { font-size: 28px;}
h3 { font-size: 24px;}
h4 { font-size: 18px;}
h5 { font-size: 16px;}
h6 {
font-size: 12px;
text-transform: uppercase;
}
p {
font-size: 12px;
line-height: 18px;
margin: 18px 0;
}
strong,b { font-weight: bold;}
em,i { font-style: italic;}
em { font-weight: bold;}
small { font-size: .8em;}
big { font-size: 1.2em;}
code {
font-family: consolas, "Courier New", Courier, monospace;
padding: 2px 4px;
}
label{
color: #9f9e9e;
font: normal 14px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
input[type="text"],input[type="password"],textarea{
background-color: #000;
background-color: rgba(0,0,0,.15);
background-position: 0 0;
background-repeat: none;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,.15)), to(transparent));
background-image: -webkit-linear-gradient(top, rgba(0,0,0,.15), transparent);
background-image: -moz-linear-gradient(top, rgba(0,0,0,.15), transparent);
background-image: -ms-linear-gradient(top, rgba(0,0,0,.15), transparent);
background-image: -o-linear-gradient(top, rgba(0,0,0,.15), transparent);
background-image: linear-gradient(top, rgba(0,0,0,.15), transparent);
border: none;
color: #9f9e9e;
font: normal 14px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif;
-moz-box-shadow:
1px 1px 0px 0px rgba(255,255,255,.1),
-1px -1px 0px 0px rgba(255,255,255,.03),
inset 1px 1px 0px 0px rgba(0,0,0,.35),
inset -1px -1px 0px 0px rgba(0,0,0,.25);
-webkit-box-shadow:
1px 1px 0px 0px rgba(255,255,255,.1),
-1px -1px 0px 0px rgba(255,255,255,.03),
inset 1px 1px 0px 0px rgba(0,0,0,.35),
inset -1px -1px 0px 0px rgba(0,0,0,.25);
-ms-box-shadow:
1px 1px 0px 0px rgba(255,255,255,.1),
-1px -1px 0px 0px rgba(255,255,255,.03),
inset 1px 1px 0px 0px rgba(0,0,0,.35),
inset -1px -1px 0px 0px rgba(0,0,0,.25);
box-shadow:
1px 1px 0px 0px rgba(255,255,255,.1),
-1px -1px 0px 0px rgba(255,255,255,.03),
inset 1px 1px 0px 0px rgba(0,0,0,.35),
inset -1px -1px 0px 0px rgba(0,0,0,.25);
padding: 0 10px;
}
textarea{
line-height: 24px;
overflow: auto;
}
input[type="password"] { font: normal 12px/1 "Courier New", Courier, monospace;}
input[type="text"]:focus,input[type="text"]:hover,
input[type="password"]:focus,input[type="password"]:hover,
textarea:focus,textarea:hover{background-color: rgba(0,0,0,.05);}
button,input[type="button"],
input[type="submit"],input[type="reset"]{
background: #10347d;
border: none;
-moz-box-shadow:
inset 1px 1px 0px 0px rgba(255,255,255,.1),
inset -1px -1px 0px 0px rgba(255,255,255,.05);
-webkit-box-shadow:
inset 1px 1px 0px 0px rgba(255,255,255,.1),
inset -1px -1px 0px 0px rgba(255,255,255,.05);
-ms-box-shadow:
inset 1px 1px 0px 0px rgba(255,255,255,.1),
inset -1px -1px 0px 0px rgba(255,255,255,.05);
box-shadow:
inset 1px 1px 0px 0px rgba(255,255,255,.1),
inset -1px -1px 0px 0px rgba(255,255,255,.05);
color: #aaaaaa;
cursor: pointer;
font: normal 14px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif;
padding: 0;
}
button:focus,button:hover,
input[type="button"]:focus,input[type="button"]:hover,
input[type="submit"]:focus,input[type="submit"]:hover,
input[type="reset"]:focus,input[type="reset"]:hover{color: #fff;}