Difference between revisions of "Team:XMU-China/css/homeCss"
Cyclohexane (Talk | contribs) |
Cyclohexane (Talk | contribs) |
||
| Line 29: | Line 29: | ||
height: 100%; | height: 100%; | ||
font-family: sans-serif; | font-family: sans-serif; | ||
| + | padding:0;margin:0; | ||
} | } | ||
.header{ | .header{ | ||
| Line 82: | Line 83: | ||
font-size:1.8em; | font-size:1.8em; | ||
line-height: 1em; | line-height: 1em; | ||
| − | padding-top: | + | padding-top: 1%; |
font-weight: lighter; | font-weight: lighter; | ||
} | } | ||
| Line 112: | Line 113: | ||
} | } | ||
.main .main_middle p{ | .main .main_middle p{ | ||
| − | padding-top: | + | padding-top: 1%; |
| + | text-align:center; | ||
line-height: 1.25em; | line-height: 1.25em; | ||
font-size: 1.56em; | font-size: 1.56em; | ||
| Line 206: | Line 208: | ||
position: relative; | position: relative; | ||
right: 45%; | right: 45%; | ||
| + | } | ||
| + | .footer .footer_bottom .footer_bottom_2 .footer_position{ | ||
| + | min-width: 700px; | ||
} | } | ||
.footer .footer_bottom .footer_bottom_word{ | .footer .footer_bottom .footer_bottom_word{ | ||
Revision as of 14:43, 2 August 2018
- {
padding: 0; margin: 0; } .igem_2018_team_mobile_bar{ display: none !important; }
- top_title{
display: none !important; }
- globalWrapper,#content,.mw-body{
padding: 0 !important; margin: 0 !important; }
- HQ_page{
width: 100%; height: 100%; } .clear{ clear: both; } .per{ /* min-width: 1500px;*/ z-index: -2; background: white; } html body{ width: 100%； height: 100%; font-family: sans-serif; padding:0;margin:0; } .header{ /* position: fixed;*/ z-index: 5; margin: 0 auto; min-width: 1500px; } .header .headerpic{ width: 100%; height: 10em; background-color: #fff;
box-shadow: lightgrey 0.6em 0.6em 2em 0.25em;
} .header .logo img{ float: left; height: 5em; padding-top: 2.5em; padding-left: 3.75em; } .header .nav{ min-width: 1500px; } .header .nav ul li{ float:right; list-style:none; font-size: 1.3em; font-family: sans-serif; font-weight: bolder; text-align: center; color:#2500b3; padding-right: 3%; position: relative; top: -4.2em; } .header .nav ul li img{ height: 2em; position: relative; top: -0.5em; } .main{ position: relative; min-width: 1500px; } .main .main_top{ position: relative; left: 20%; padding-top: 10%; font-family: sans-serif; min-width: 1000px; } .main .main_top p{ font-size:1.8em; line-height: 1em; padding-top: 1%; font-weight: lighter; } .main .main_top div{ font-size: 5em; font-weight: bolder; color:#2500b3; } .main .bg img{ width: 100%; min-width: 1500px; z-index: -1; } /*轮播图预留*/ .main .main_middle{ /* background: blue;*/ position: absolute; width: 100%; top: 50%; text-align:center; z-index: 1; color: #fff; width: 100%; } .main .main_middle div div{ font-size: 2.8em; font-weight: bold; font-family: sans-serif; } .main .main_middle p{ padding-top: 1%; text-align:center; line-height: 1.25em; font-size: 1.56em; font-family: sans-serif; font-weight: lighter; } /*通用*/ .footer{ margin: 0 auto; width: 100%; min-width: 1500px; position: relative; } .footer .footer_top{ z-index: 1; } .footer .footer_top img{ height: 7.5em; float: left; position: relative; top: 1.5em; left: 20%; } .footer .footer_top ul{ width: 10%; min-width: 155px; height: 2em; list-style: none; float: right; position: relative; right: 20%; color:#2500b3; font-family: sans-serif; font-weight: lighter; font-size: 1.375em; line-height: 1.5em; } /*通用*/ .footer .footer_line{ position: relative; background-color:#2500b3; width: 80%; height: 1px; left: 10%; right: 10%; top: 5em; } .footer .footer_bottom{ width: 100%; } .footer .footer_bottom .footer_bottom_1{ width: 100%; padding-top: 10%; } .footer_bottom_1_pic2{ height: 7em; float: right; position: relative; right: 20%; } .footer_bottom_1_pic1{ height: 7em; float: left; position: relative; left: 20%; }
- Contact_us{
font-size: 2em; float: left; position: relative; font-family: sans-serif; left: 25%; color:#2500b3; } .footer .footer_bottom .footer_bottom_2{ padding-top: 1%; }
.footer .footer_bottom .footer_bottom_2 ul li{ list-style: none; position: relative; left: 26%; } .footer .footer_bottom .footer_bottom_2 ul li img{ width: 2.5%; float: left; padding-left: 1.5%;
}
- logo_position{
width: 2.5%; float: right; position: relative; right: 45%; } .footer .footer_bottom .footer_bottom_2 .footer_position{ min-width: 700px; } .footer .footer_bottom .footer_bottom_word{ font-size: 1em; position: relative; line-height: 1.5em; color:#2500b3; float: right; right: 15%; }