最近,新项目开发一直在寻找保留的新项目CSS在这里备份初始化代码,
@charset "utf-8"; /* -------------------------------------- *------------------------------------- *------------------------------------ *------------------------------------ *Start Reset *clear css /********************/ a, abbr, address, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, img, input, select,textarea, ins, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, label, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp{
border:0;margin:0;padding:0;} body{
font:12px/1.6 Microsoft YaHei,Arial, Helvetica;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
display:block} b, label{
font-weight:bold} h1, h2, h3, h4, h5, h6{
font-size:100%} em{
font-style:normal} img{
color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic} ol, ul{
list-style:none} li{
display:list-item;list-style:outside none} table{
border-collapse:collapse;border-spacing:0} th, td, caption{
font-weight:normal;vertical-align:top;text-align:left} q{
quotes:none} q:before, q:after{
content:'';content:none} sub, sup, small{
font-size:75%} sub, sup{
line-height:0;position:relative;vertical-align:baseline} sub{
bottom:-0.25em} sup{
top:-0.5em} svg{
overflow:hidden}
pre, code{
font-family:'DejaVu Sans Mono', Monaco, Consolas, monospace}
hr{
border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
a{
text-decoration:none; color:#000;}
a:hover{
text-decoration:none;color:#ff6600;}
/******************
*End
******************/
/******************
*Start Clear Float
******************/
.fl{
float:left;display:inline}
.fr{
float:right;display:inline}
.clear{
clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:before,.clearfix:after{
content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}
.clearfix:after{
clear:both}
.clearfix{
zoom:1}
.cl{
clear:left}
.cr{
clear:right}
.hidden{
visibility:hidden}
.visible{
visibility:visible}
.none{
display:none}
.block{
display:block}
.overHid{
overflow:hidden}
/******************
*End
******************/
/******************
*position
******************/
.pr{
position:relative}.pb{
position:absolute}.tl{
text-align:left}.tr{
text-align:right}.tc{
text-align:center}
/******************
*End
******************/
/******************
*font size
******************/
.f24{
font-size:24px}.f22{
font-size:22px}.f20{
font-size:20px}.f18{
font-size:18px}.f16{
font-size:16px}.f14{
font-size:14px}.f12{
font-size:12px}.fb{
font-weight:bold}.fn{
font-style:normal}.fbl{
font-weight:lighter}.fm{
font-family:"Microsoft Yahei"}
/******************
*End
******************/
/******************
*font color
******************/
.blue,.blue a{
color:#0068B7}
.black,.black a{
color:#000000}
.white,.white a{
color:#FFFFFF}
.green,.green a{
color:#22AC38}
.gray,.gray a{
color:#CCCCCC}
.deepGray,.deepGray a{
color:#313131}
.gold,.gold a{
color:#CFA972}
.orange,.orange a{
color:#ff6600}
.purple,.purple a{
color:#920783}
.red,.red a{
color:#D14836}
/******************
*End
******************/
/******************
*background color
******************/
.bgOrange{
background-color:#FFF3D4}
.bgWhite{
background-color:#FFFFFF}
.bgBlue{
background-color:#eef4f9}
.bgBlue1{
background-color:#e9f0f4}
.bgGray{
background-color:#f9f9f9}
.bgWhite{
background-color:#FFFFFF}
/******************
*End
******************/
/******************
*border
******************/
.borNone{
border:none}
.borNlr{
border-left:none;border-right:none}
.borNtb{
border-top:none;border-bottom:none}
.borNl{
border-left:none}
.borNt{
border-top:none}
.borNr{
border-right:none}
.borNb{
border-bottom:none}
.borRd4{
border-radius:4px}
/******************
*End
******************/
/******************
*width
******************/
.w{
width:100%}.w10{
width:10px}.w20{
width:20px}.w25{
width:25px}.w30{
width:30px}.w35{
width:35px}.w40{
width:40px}.w45{
width:45px}.w50{
width:50px}.w55{
width:55px}.w60{
width:60px}.w65{
width:65px}.w70{
width:70px}.w75{
width:75px}.w80{
width:80px}.w85{
width:85px}.w90{
width:90px}.w95{
width:95px}.w100{
width:100px}.w110{
width:110px}.w120{
width:120px}.w130{
width:130px}.w140{
width:140px}.w150{
width:150px}.w160{
width:160px}.w170{
width:170px}.w180{
width:180px}.w190{
width:190px}.w200{
width:200px}.w210{
width:210px}.w220{
width:220px}.w230{
width:230px}.w240{
width:240px}.w250{
width:250px}.w260{
width:260px}.w270{
width:270px}.w280{
width:280px}.w290{
width:290px}.w300{
width:300px}.w310{
width:310px}.w320{
width:320px}.w330{
width:330px}.w340{
width:340px}.w350{
width:350px}.w360{
width:360px}.w370{
width:370px}.w380{
width:380px}.w390{
width:390px}.w400{
width:400px}.w410{
width:410px}.w420{
width:420px}.w430{
width:430px}.w440{
width:440px}.w450{
width:450px}.w460{
width:460px}.w470{
width:470px}.w480{
width:480px}.w490{
width:490px}.w500{
width:500px}.w510{
width:510px}.w520{
width:520px}.w530{
width:530px}.w540{
width:540px}.w550{
width:550px}.w560{
width:560px}.w570{
width:570px}.w580{
width:580px}.w590{
width:590px}.w600{
width:600px}.w610{
width:610px}.w620{
width:620px}.w630{
width:630px}.w640{
width:640px}.w650{
width:650px}.w660{
width:660px}.w670{
width:670px}.w680{
width:680px}.w690{
width:690px}.w700{
width:700px}.w710{
width:710px}.w720{
width:720px}.w730{
width:730px}.w740{
width:740px}.w750{
width:750px}.w760{
width:760px}.w770{
width:770px}.w780{
width:780px}.w790{
width:790px}.w800{
width:800px}.w810{
width:810px}.w820{
width:820px}.w830{
width:830px}.w840{
width:840px}.w850{
width:850px}.w860{
width:860px}.w870{
width:870px}.w880{
width:880px}.w890{
width:890px}.w900{
width:900px}.w910{
width:910px}.w920{
width:920px}.w930{
width:930px}.w940{
width:940px}.w950{
width:950px}.w960{
width:960px}.w970{
width:970px}.w980{
width:980px}.w990{
width:990px}.w1000{
width:1000px}
/******************
*End
******************/
/******************
*height
******************/
.h{
height:100%}.h25{
height:25px}.hl25{
height:25px;line-height:25px}.h26{
height:26px}.hl26{
height:26px;line-height:26px}.h27{
height:27px}.hl27{
height:27px;line-height:27px}.h28{
height:28px}.hl28{
height:28px;line-height:28px}.h30{
height:30px}.hl30{
height:30px;line-height:30px}.h35{
height:35px}.hl35{
height:35px;line-height:35px}.h40{
height:40px}.hl40{
height:40px;line-height:40px}.h50{
height:50px}.hl50{
height:50px;line-height:50px}.h60{
height:60px}.hl60{
height:60px;line-height:60px}.h70{
height:70px}.hl70{
height:70px;line-height:70px}.h80{
height:80px}.hl80{
height:80px;line-height:80px}.h90{
height:90px}.hl90{
height:90px;line-height:90px}.h100{
height:100px}.hl100{
height:100px;line-height:100px}.h150{
height:150px}.hl150{
height:150px;line-height:150px}.h200{
height:200px}.hl200{
height:200px;line-height:200px}
/******************
*End
******************/
/******************
*margin
******************/
.mlr{
margin-left:auto;margin-right:auto}.ml{
margin-left:auto}.mr{
margin-right:auto}.m1{
margin:1px}.mtb1{
margin-top:1px;margin-bottom:1px}.mlr1{
margin-left:1px;margin-right:1px}.ml1{
margin-left:1px}.mr1{
margin-right:1px}.mt1{
margin-top:1px}.mb1{
margin-bottom:1px}.m2{
margin:2px}.mtb2{
margin-top:2px;margin-bottom:2px}.mlr2{
margin-left:2px;margin-right:2px}.ml2{
margin-left:2px}.mr2{
margin-right:2px}.mt2{
margin-top:2px}.mb2{
margin-bottom:2px}.m3{
margin:3px}.mtb3{
margin-top:3px;margin-bottom:3px}.mlr3{
margin-left:3px;margin-right:3px}.ml3{
margin-left:3px}.mr3{
margin-right:3px}.mt3{
margin-top:3px}.mb3{
margin-bottom:3px}.m4{
margin:4px}.mtb4{
margin-top:4px;margin-bottom:4px}.mlr4{
margin-left:4px;margin-right:4px}.ml4{
margin-left:4px}.mr4{
margin-right:4px}.mt4{
margin-top:4px}.mb4{
margin-bottom:4px}.m5{
margin:5px}.mtb5{
margin-top:5px;margin-bottom:5px}.mlr5{
margin-left:5px;margin-right:5px}.mt5{
margin-top:5px}.mb5{
margin-bottom:5px}.ml5{
margin-left:5px}.mr5{
margin-right:5px}.m10{
margin:10px}.mtb10{
margin-top:10px;margin-bottom:10px}.mlr10{
margin-left:10px;margin-right:10px}.mt10{
margin-top:10px}.mb10{
margin-bottom:10px}.ml10{
margin-left:10px}.mr10{
margin-right:10px}.m15{
margin:15px}.mtb15{
margin-top:15px;margin-bottom:15px}.mlr15{
margin-left:15px;margin-right:15px}.mt15{
margin-top:15px}.mb15{
margin-bottom:15px}.ml15{
margin-left:15px}.mr15{
margin-right:15px}.m20{
margin:20px}.mtb20{
margin-top:20px;margin-bottom:20px}.mlr20{
margin-left:20px;margin-right:20px}.mt20{
margin-top:20px}.mb20{
margin-bottom:20px}.ml20{
margin-left:20px}.mr20{
margin-right:20px}.m25{
margin:25px}.mtb25{
margin-top:25px;margin-bottom:25px}.mlr25{
margin-left:25px;margin-right:25px}.mt25{
margin-top:25px}.mb25{
margin-bottom:25px}.ml25{
margin-left:25px}.mr25{
margin-right:25px}.m30{
margin:30px}.mt30{
margin-top:30px}.mtb30{
margin-top:30px;margin-bottom:30px}.mlr30{
margin-left:30px;margin-right:30px}.mb30{
margin-bottom:30px}.ml30{
margin-left:30px}.mr30{
margin-right:30px}.m40{
margin:40px}.mt40{
margin-top:40px}.mtb40{
margin-top:40px;margin-bottom:40px}.mlr40{
margin-left:40px;margin-right:40px}.mb40{
margin-bottom:40px}.ml40{
margin-left:40px}.mr40{
margin-right:40px}
/******************
*End
******************/
/******************
*padding
******************/
.p0{
padding:0;}.ptb0{
padding-top:0;padding-bottom:0}.plr0{
padding-left:0;padding-right:0}.pt0{
padding-top:0}.pb0{
padding-bottom:0}.pl0{
padding-left:0}.pr0{
padding-right:0}.p1{
padding:1px}.ptb1{
padding-top:1px;padding-bottom:1px}.plr1{
padding-left:1px;padding-right:1px}.pt1{
padding-top:1px}.pb1{
padding-bottom:1px}.pl1{
padding-left:1px}.pr1{
padding-right:1px}.p2{
padding:2px}.ptb2{
padding-top:2px;padding-bottom:2px}.plr2{
padding-left:2px;padding-right:2px}.pt2{
padding-top:2px}.pb2{
padding-bottom:2px}.pl2{
padding-left:2px}.pr2{
padding-right:2px}.p3{
padding:3px}.ptb3{
padding-top:3px;padding-bottom:3px}.plr3{
padding-left:3px;padding-right:3px}.pt3{
padding-top:3px}.pb3{
padding-bottom:3px}.pl3{
padding-left:3px}.pr3{
padding-right:3px}.p4{
padding:4px}.ptb4{
padding-top:4px;padding-bottom:4px}.plr4{
padding-left:4px;padding-right:4px}.pt4{
padding-top:4px}.pb4{
padding-bottom:4px}.pl4{
padding-left:4px}.pr4{
padding-right:4px}.p5{
padding:5px}.ptb5{
padding-top:5px;padding-bottom:5px}.plr5{
padding-left:5px;padding-right:5px}.pt5{
padding-top:5px}.pb5{
padding-bottom:5px}.pl5{
padding-left:5px}.pr5{
padding-right:5px}.p10{
padding:10px}.ptb10{
padding-top:10px;padding-bottom:10px}.plr10{
padding-left:10px;padding-right:10px}.pt10{
padding-top:10px}.pb10{
padding-bottom:10px}.pl10{
padding-left:10px}.pr10{
padding-right:10px}.p15{
padding:15px}.ptb15{
padding-top:15px;padding-bottom:15px}.plr15{
padding-left:15px;padding-right:15px}.pt15{
padding-top:15px}.pb15{
padding-bottom:15px}.pl15{
padding-left:15px}.pr15{
padding-right:15px}.p20{
padding:20px}.ptb20{
padding-top:20px;padding-bottom:20px}.plr20{
padding-left:20px;padding-right:20px}.pt20{
padding-top:20px}.pb20{
padding-bottom:20px}.pl20{
padding-left:20px}.pr20{
padding-right:20px}.p25{
padding:25px}.ptb25{
padding-top:25px;padding-bottom:25px}.plr25{
padding-left:25px;padding-right:25px}.pt25{
padding-top:25px}.pb25{
padding-bottom:25px}.pl25{
padding-left:25px}.pr25{
padding-right:25px}.p30{
padding:30px}.ptb30{
padding-top:30px;padding-bottom:30px}.plr30{
padding-left:30px;padding-right:30px}.pt30{
padding-top:30px}.pb30{
padding-bottom:30px}.pl30{
padding-left:30px}.pr30{
padding-right:30px}.p35{
padding:35px}.ptb35{
padding-top:35px;padding-bottom:35px}.plr35{
padding-left:35px;padding-right:35px}.pt35{
padding-top:35px}.pb35{
padding-bottom:35px}.pl35{
padding-left:35px}.pr35{
padding-right:35px}.p40{
padding:40px}.ptb40{
padding-top:40px;padding-bottom:40px}.plr40{
padding-left:40px;padding-right:40px}.pt40{
padding-top:40px}.pb40{
padding-bottom:40px}.pl40{
padding-left:40px}.pr40{
padding-right:40px}.p50{
padding:50px}.ptb50{
padding-top:50px;padding-bottom:50px}.plr50{
padding-left:50px;padding-right:50px}.pt50{
padding-top:50px}.pb50{
padding-bottom:50px}.pl50{
padding-left:50px}.pr50{
padding-right:50px}.p100{
padding:100px}.ptb100{
padding-top:100px;padding-bottom:100px}.plr100{
padding-left:100px;padding-right:100px}.pt100{
padding-top:100px}.pb100{
padding-bottom:100px}.pl100{
padding-left:100px}.pr100{
padding-right:100px}.pl110{
padding-left:110px}.pl120{
padding-left:120px}.pl130{
padding-left:130px}.pl140{
padding-left:140px}.pl150{
padding-left:150px}.pl160{
padding-left:160px}.pl170{
padding-left:170px}.pl180{
padding-left:180px}.pl190{
padding-left:190px}.pl200{
padding-left:200px}.pl210{
padding-left:210px}.pl220{
padding-left:220px}.pl230{
padding-left:230px}.pl240{
padding-left:240px}.pl250{
padding-left:250px}.pl260{
padding-left:260px}.pl270{
padding-left:270px}.pl280{
padding-left:280px}.pl290{
padding-left:290px}.pl300{
padding-left:300px}
/******************
*End
******************/