www.gusucode.com > 200套html5精品模板1_50 > 200套html5精品模板1_50/020/css/style.css
/* Getting the new tags to behave */ article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block} mark, rp, rt, ruby, summary, time {display:inline} /* Global properties */ body {background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:100%;line-height:1em;color:#3f3f3f} html {min-width:1000px} html, body {height:100%} /* Global Structure */ .container {margin:0 auto;width:1000px;font-size:.875em} /* Header */ header .container {height:445px;position:relative;overflow:hidden;background:url(../images/header-bg.jpg) left top no-repeat} /* Content */ section#content {margin-top:-44px;position:relative} /* Footer */ footer {margin-top:-104px;text-align:center;color:#4c4c4c} footer .right {height:104px;font-size:.929em;line-height:1.538em;background:url(../images/footer-right.gif) no-repeat right top} /* Left & Right alignment */ .fleft {float:left} .fright {float:right} .clear {clear:both} .col-1, .col-2, .col-3 {float:left} .alignright {text-align:right} .aligncenter {text-align:center} .wrapper {width:100%;overflow:hidden} .wrap {height:auto !important;height:100%;min-height:100%} .ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0} /* tailings */ .tail-top {background:url(../images/tail-top.gif) left top repeat-x #ffbb00} .tail-bottom {background:url(../images/tail-bottom.gif) left bottom repeat-x} /* form defaults */ input, select, textarea {font-family:Arial, Helvetica, sans-serif;font-size:1em;vertical-align:middle;font-weight:normal;color:#3f3f3f;margin:0;padding:0} fieldset {border:0} /* lists */ .top-links {position:absolute;right:416px;top:42px;height:17px;overflow:hidden} .top-links li {float:left;background:url(../images/divider.gif) repeat-y right top;padding:2px 26px 3px 0;margin-right:25px} .top-links li.last {background:none;padding-right:0;margin:0} .banners {padding-top:45px} .banners li {padding-bottom:10px} .articles {width:100%;overflow:hidden} .articles li {width:254px;float:left;margin-right:49px} .articles li.last {margin:0} .news {margin-top:-16px} .news li {width:100%;overflow:hidden;vertical-align:top;line-height:1.429em;padding-top:30px} .news li img {float:left;margin:-14px 18px 0 0} .news li strong {font-size:.857em;line-height:1.2em;display:block;padding-bottom:3px} .news li a {text-decoration:none} .news li a:hover {text-decoration:underline} .seminars li {line-height:1.429em;min-height:86px;height:auto!important;height:86px;background:url(../images/icon-marker.gif) no-repeat left top;padding:0 0 26px 98px} .seminars li.last {padding-bottom:0} .seminars li strong {display:inline-block;padding-right:17px} .seminars li a {text-decoration:none} .seminars li a:hover {text-decoration:underline} .list {padding-bottom:16px} .list li {padding:0 0 4px 11px;background:url(../images/marker.gif) no-repeat left 5px} /* other */ .img-indent {margin:0 20px 0 0;float:left} .img-box {width:100%;overflow:hidden;padding:8px 0;line-height:1.429em} .img-box.alt {padding-bottom:20px} .img-box img {float:left;margin:-8px 16px 0 0} .extra-wrap {overflow:hidden} p {margin-bottom:16px;line-height:1.429em} .p1 {margin-bottom:8px} dl {} dl dt {} dl dd {} .address {float:left} .address dt {margin-bottom:16px} .address dd {clear:both;text-align:right} .address dd span {float:left;padding-right:25px} /* txt, links, lines, titles */ a {color:#09a1dd;outline:none} a:hover {text-decoration:none} h1 {text-indent:-9999px} h1 a {position:absolute;left:68px;top:20px;width:265px;height:65px;background:url(../images/logo.gif) no-repeat left top} h2 {font-size:30px;line-height:1.2em;color:#09a1dd;margin-bottom:18px} h3 {color:#3f3f3f;font-size:20px;line-height:1.2em;margin-bottom:10px} h4 {} h5 {} h6 {} .txt1 {} .txt2 {} .link1 {display:block;float:left;background:url(../images/link1-right.png) no-repeat right top;color:#fff;text-decoration:none;cursor:pointer} .link1 span {display:block;padding:0 12px;float:left;background:url(../images/link1-left.png) no-repeat left top} .link1:hover span {text-decoration:underline} .link1 span span {background:url(../images/link1-bgd.gif) left top repeat-x;padding:13px 15px} .button {float:right} .button span {display:block;background:url(../images/button-left.gif) no-repeat left top;padding-left:3px} .button span span {background:url(../images/button-right.gif) no-repeat right top;padding-right:4px;padding-left:0} .button span span a {display:block;background:#333743;padding:4px 5px 3px 5px;color:#fff;text-decoration:none;text-transform:uppercase} .button span span a:hover {text-decoration:underline} .line-hor {background:#3a3c52;height:1px;overflow:hidden;font-size:0;line-height:0;margin:20px 0 20px 0} .line-ver {background-image:url(../images/line-ver.gif);background-repeat:repeat-y;background-position:0 0;width:100%} /* boxes */ .box {background:url(../images/border-top.gif) repeat-x left top #f5f5f5;width:100%;color:#878787;position:relative} .box .border-bot {background:url(../images/border-bot.gif) repeat-x left bottom} .box .border-left {background:url(../images/border-left.gif) repeat-y left top} .box .border-right {background:url(../images/border-right.gif) repeat-y right top} .box .left-top-corner {background:url(../images/left-top-corner.gif) no-repeat left top} .box .right-top-corner {background:url(../images/right-top-corner.gif) no-repeat right top} .box .left-bot-corner {background:url(../images/left-bot-corner.gif) no-repeat left bottom;width:100%} .box .right-bot-corner {background:url(../images/right-bot-corner.gif) no-repeat right bottom} .box .inner {padding:26px 28px 38px 30px} .box .icon {position:absolute;right:-12px;bottom:0} /* header */ header #slogan {position:absolute;left:327px;top:172px;width:174px;height:132px;background:url(../images/slogan.png) no-repeat left top} header nav {position:absolute;top:146px;left:20px} header nav ul li {width:100%;overflow:hidden;vertical-align:top;margin-bottom:-2px} header nav ul li a {color:#fff;text-transform:uppercase;font-size:1.429em;line-height:1.6em;font-family:"trebuchet MS", Helvetica, sans-serif;text-decoration:none;letter-spacing:-1px;display:block;width:195px;text-indent:50px;text-shadow:1px 1px #10addf} header nav ul li a:hover {text-decoration:underline} header nav ul li.current a {background:url(../images/nav-act.png) no-repeat left top} header nav ul li.current a:hover {text-decoration:none} /* content */ #content .inside {padding:0 0 142px 70px} #content .indent {padding-bottom:30px} /* Sidebar */ aside .inside {} aside {} /* footer */ footer .container {background:url(../images/footer-tail.gif) repeat-x left top} footer .left {background:url(../images/footer-left.gif) no-repeat left top} footer .inside {padding-top:37px} footer a {color:#fff} /* forms */ #contacts-form {clear:right;width:100%;overflow:hidden} #contacts-form fieldset {border:none;float:left} #contacts-form .field {clear:both;height:30px} #contacts-form label {float:left;width:97px;padding-top:6px} #contacts-form .field span {float:left;background:url(../images/input-bg.gif) no-repeat left top;width:264px;height:29px} #contacts-form input {width:247px;background:none;border:0;margin:6px 0 0 8px} #contacts-form textarea {width:452px;height:383px;padding:6px 0 6px 6px;background:none;border:0;overflow:auto} #contacts-form .field.txt-area {margin-bottom:11px;height:396px} #contacts-form .field.txt-area span {background:url(../images/textarea-bg.gif) no-repeat left top;height:396px;width:459px} #contacts-form .link1 {float:right} #page1 header .container {height:488px;background-image:url(../images/1page-header-bg.jpg)} #page1 header #slogan {left:301px;top:184px} #page1 header nav ul li {padding-bottom:3px;margin:0} #page1 #content {margin-top:-60px} #page1 #content .banners {padding-top:43px}