oracle css 初始化,CSS-PC reset模板

@charset "utf-8";

/* CSS Document author:dreambreeze*/

/** reset **/

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img, div{

border:medium none;

margin:0;

padding:0;

-moz-box-sizing:border-box; /*Firefox3.5+*/

-webkit-box-sizing:border-box; /*Safari3.2+*/

-o-box-sizing:border-box; /*Opera9.6*/

-ms-box-sizing:border-box; /*IE8*/

box-sizing:border-box;

/*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/

}

body, button, input, select, textarea{

font:14px / 1.4286 'Microsoft Yahei', tahoma, Arial, helvetica,

sans-serif;

}

h1, h2, h3, h4, h5, h6{

font-size:100%;

}

em{

font-style:normal;

}

ul, ol{

list-style:none;

}

a{

text-decoration:none;

color:#333333;

}

a:hover{

text-decoration:none;

color:#368DDA;

-moz-transition:all 0.3s ease-in;

-webkit-transition:all 0.3s ease-in;

-o-transition:all 0.3s ease-in;

transition:all 0.3s ease-in;

}

input, textarea, select, a{

outline:none;

}

input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], textarea, select

{

background-color:#FFFFFF;

border:1px solid #CCCCCC;

-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);

-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);

box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);

-webkit-transition:border linear .2s, box-shadow linear .2s;

-moz-transition:border linear .2s, box-shadow linear .2s;

-o-transition:border linear .2s, box-shadow linear .2s;

transition:border linear .2s, box-shadow linear .2s;

display:inline-block;

height:30px;

padding:4px 6px;

font-size:14px;

color:#333333;

line-height:20px;

vertical-align:middle;

-webkit-border-radius:4px;

-moz-border-radius:4px;

border-radius:4px;

}

img, li{

border:0px;

outline-width:0px;

vertical-align:top;

}

html{

height:100%;

width:100%;

overflow-y:scroll;

}

:root{

overflow-y:auto;

overflow-x:hidden;

}

:root body{

position:absolute;

}

body{

width:100vw;

height:100%;

background:#E4E6E9;

color:#222222;

}

button, input[type="button"]{

cursor:pointer;

}

[disabled='disabled']{

cursor:not-allowed;

}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/

::-webkit-scrollbar{

width:16px;

height:16px;

background-color:#F5F5F5;

}

/*定义滚动条轨道 内阴影+圆角*/

::-webkit-scrollbar-track{

-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3);

border-radius:10px;

background-color:#F5F5F5;

}

/*定义滑块 内阴影+圆角*/

::-webkit-scrollbar-thumb{

border-radius:10px;

-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, .3);

background-color:#666666;

}