Difference between revisions of "Team:UESTC-software/css/template/reset"

(Created page with ".header-iframe { height:400px; width:100%; border:0; overflow: hidden; position: relative; z-index:10;} .banner { margin-top:-320px;position: relative;} .banner .banner-img {...")
 
 
Line 1: Line 1:
−
.header-iframe { height:400px; width:100%; border:0; overflow: hidden; position: relative; z-index:10;}
+
/* http://meyerweb.com/eric/tools/css/reset/  
−
.banner { margin-top:-320px;position: relative;}
+
  v2.0 | 20110126
−
.banner .banner-img { width:100%;}
+
  License: none (public domain)
−
.second-nav { position: absolute;width: 315px; right:0; top:310px; height:120px; background: url('../img/bg2.png') no-repeat;z-index:11; }
+
*/
−
.second-nav ul { list-style: none; margin-left: 37px; margin-top: 38px; border-left: solid 2px #5ea9f0; padding-left: 15px;}
+
−
.second-nav ul a { font-size: 14px; color:#5ea9f0; text-decoration: none; cursor: pointer; line-height: 23px;}
+
−
.detail-nav { margin-top: 50px;}
+
−
.detail-nav ul { list-style: none; overflow: hidden; width:1200px; margin: 0 auto; padding-bottom:50px;}
+
−
.detail-nav ul li { float:left;}
+
−
.detail-nav ul li a { text-decoration: none; display: block; width:200px; text-align: center; font-size:14px; color:#439ea3;}
+
−
.detail-nav ul li a span { line-height: 35px;}
+
−
.footer-iframe { width:100%; height:84px; overflow: hidden; border:0; margin-bottom:-5px;}
+
  
−
 
+
html, body, div, span, applet, object, iframe,
−
.detail-desc { text-align: center;background: #b4d6ec;margin-top:-320px;padding-top: 50px;}
+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
−
.detail-desc .logo { margin-bottom:10px;}
+
a, abbr, acronym, address, big, cite, code,
−
.detail-desc .title { color:#439ea3; font-size: 32px;letter-spacing: 3px;margin-bottom: 10px;}
+
del, dfn, em, img, ins, kbd, q, s, samp,
−
.detail-desc .line { margin-bottom:5px;}
+
small, strike, strong, sub, sup, tt, var,
−
.detail-desc .text-desc { color:#666;font-size: 14px;}
+
b, u, i, center,
−
.detail-container { background: #b4d6ec;padding-top:40px;padding-bottom: 130px;}
+
dl, dt, dd, ol, ul, li,
−
.detail-container ul { list-style: none;overflow: hidden;width:1234px;margin:0 auto;padding-bottom:10px;padding-right:10px;}
+
fieldset, form, label, legend,
−
.detail-container ul li { float:left;}
+
table, caption, tbody, tfoot, thead, tr, th, td,
−
.detail-container ul .item { background: #fff; cursor: pointer; padding-top: 20px; padding-bottom:15px;text-align: center;width:250px;height:330px;background:url('../img/bgg1.png') no-repeat; background-size:100% 100%;}
+
article, aside, canvas, details, embed,
−
.detail-container ul .item .img2 { display: none;}
+
figure, figcaption, footer, header, hgroup,
−
.detail-container ul .item .sub-title { color:#ff8838;font-size: 18px;margin-top:5px;margin-bottom:15px;}
+
menu, nav, output, ruby, section, summary,
−
.detail-container ul .item .sub-title img { vertical-align: middle;margin-left:5px;width:19px;position: relative;top:-2px;}
+
time, mark, audio, video {
−
.detail-container ul .item .sub-title .ionc2 { display: none;}
+
margin: 0;
−
.detail-container ul .item .text-description { padding:10px 30px;}
+
padding: 0;
−
.detail-container .pre-page,.detail-container .next-page { position: relative;top:140px;margin:0 20px;cursor: pointer;width:77px;text-align: center;}
+
border: 0;
−
.detail-container .pre-page img,.detail-container .next-page img { width:40px;}
+
font-size: 100%;
−
.detail-container ul .item.active { background:url('../img/bgg2.png') no-repeat;color:#fff;}
+
font: inherit;
−
.detail-container ul .item.active .sub-title { color:#fff;}
+
vertical-align: baseline;
−
.detail-container ul .item a { display: block;}
+
}
−
.detail-container ul .item.active .sub-title .ionc1 { display: none;}
+
/* HTML5 display-role reset for older browsers */
−
.detail-container ul .item.active .sub-title .ionc2 { display: inline-block;}
+
article, aside, details, figcaption, figure,
−
.detail-container ul .item.active .img1 { display: none;}
+
footer, header, hgroup, menu, nav, section, main {
−
.detail-container ul .item.active .img2 { display: inline-block;}
+
display: block;
−
.detail-container ul .li-wrap { box-shadow: 1px 1px 10px;overflow: hidden;max-width: 1000px;float: left;}
+
}
 +
body {
 +
line-height: 1;
 +
}
 +
ol, ul {
 +
list-style: none;
 +
}
 +
blockquote, q {
 +
quotes: none;
 +
}
 +
blockquote:before, blockquote:after,
 +
q:before, q:after {
 +
content: '';
 +
content: none;
 +
}
 +
table {
 +
border-collapse: collapse;
 +
border-spacing: 0;
 +
}

Latest revision as of 15:33, 28 September 2016

/* http://meyerweb.com/eric/tools/css/reset/ 

  v2.0 | 20110126
  License: none (public domain)
  • /

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, 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, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ; content: none; } table { border-collapse: collapse; border-spacing: 0; }