Team:OUC-China/css/index.css
/*css reset code */
/* for everything else */
/*字体边框等初始化*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
padding: 0; margin: 0;
} table {
border-collapse: collapse; border-spacing: 0;
} fieldset,img {
border: 0;
} img {
display: block;
} ol,ul {
list-style: none;
} caption,th {
text-align: left;
} q:before,q:after {
content: ;
} abbr,acronym {
border: 0;
} a {
color: #343434; text-decoration: none;
} a:hover {
color: #b60a0a
}
body{
font-family: "Microsoft YaHei",sans-serif;
}
.clr{
clear: both;
}
/*index*/ header{ width: 100%; position: fixed; top: 0; z-index: 1000; background: #131327; padding-top: 20px;
} .container-fluid{ padding: 0; } .navbar{ border: 0 !important; background-color: #131327; } .navbar a{ font-size: 18px; color: #fff; } .navbar-default .navbar-nav > li > a{ color: #fff; } .navbar-default .navbar-nav > li > a:hover{ background-color: #e8cc4e; color: #000; } .navbar-default .navbar-nav > li > a:focus{ color: #fff; }
- bs-example-navbar-collapse-1{
background-color: #131327 !important; } ul.navbar-nav{ margin-left: 10em; } .navbar-header{ background: #131327; } .banner-container{ width: 100%; background-color: #131327; } .banner-content{ max-width: 1200px; margin: 0 auto; } .banner-content img{ padding-top: 7em; } .banner-content h2{ font-size: 34px; color: #e8cc4e; text-align: center; padding-bottom: 100px; }
.work-header{ text-align: center; margin-bottom: 66px; } .how-work{ background-color: #f2f2f2; } @media (max-width: 1199px){ .work-content{ text-align: center; } } .work-header h2{ width: 350px; color: #0a3c63; font-weight: bold; padding-bottom: 10px; margin: 62px auto 37px auto; border-bottom: 2px solid #0a3c63; } .work-header p,.work-content{ color: #868687; } .work-header h2 span{ color: #e8cd4d; } .work-content{ margin-bottom: 50px; } @media (min-width: 1600px) { .container{ width: 1500px; } } @media screen and (device-width: 1024px) { .container{ width: 990px; } } .index-details img{ margin: 80px 0; } .index-details .caption{ margin: 30% 0; color: #868687; } .index-details .caption h3:before{ content: url(../images/h-before.jpg); position: relative; top: 20px; margin-right: 15px; } .index-details .caption h3{ margin-bottom: 40px; } .index-details .caption p:last-child{ margin-top: 20px; } .index-details .caption p:last-child a{ background-color: #0a3c63; border: none; } .index-details .caption p:last-child a:hover{ background-color: #e8cc4e; color: #000; } .index-details2{ background-color: #f2f2f2; } footer{ width: 100%; } footer address{ width: 250px; position: relative; top: 50px; } footer address:after{ content: url(../images/facebook_23.png); position: absolute; left: 19em; bottom: -4px; } .footer-img{ width: 950px; margin: 0 auto; margin-top: 70px; } .footer-img li{ float: left; margin-left: 50px; } .footer-img li:first-child{ margin: 0; } @media screen and (max-width: 992px){ .footer-img{ width: 550px; } .work-content div{ margin-bottom: 30px; } .work-content div img{ margin: 0 auto; } .index-details .caption{ margin: 5% 0; } }