Difference between revisions of "Team:XMU-China/css/homeCss"

Revision as of 09:49, 3 August 2018

{

padding: 0; margin: 0; } .igem_2018_team_mobile_bar,#sideMenu, #top_title, .patrollink,#top_title{ display: none !important; }

globalWrapper,#content,.mw-body{

padding: 0 !important; margin: 0 !important; }

HQ_page{

width: 100%; height: 100%; text-align: center; margin: 0; }

HQ_page p{

font-family: unset;

   font-size: unset;
   text-align:unset;
   margin: 0；
   padding:0;

} p{ margin: 0；padding:0; display: block;

   -webkit-margin-before: 0em;
   -webkit-margin-after: 0em;
   -webkit-margin-start: 0px;
   -webkit-margin-end:

}

contract{

clear:all; width:100%; weight:200px; padding-top:10px; text-align:center; }

content {

   width: 100%;
   padding: 0;
   border: none;
   margin: 0px 0px;
   position: static;
   z-index:auto;
   margin-top:-7px;
   line-height: unset;
   background: white;
   background-color: white;

}

sideMenu, #top_title, .patrollink {

   display: none;

}

HQ_page td{

   padding: 0px !important;

}

globalWrapper {

   font-size:unset;
   font-family:unset;
   padding-bottom:0px;

} .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {

  margin: 0px;

}

HQ_page h1, h2, h3, h4, h5 {

  font-family: unset;

} body { width: 100%; margin:0; padding:0;

   overflow: auto;
   font:unset;

} .clear{ clear: both; } .per{ min-width: 1500px; z-index: -2; width: 100%; height: 100%; background: white; } html body{ width: 100%； height: 100%; font-family: sans-serif; padding:0;margin:0; list-style: none; } .header{ /* position: fixed;*/ z-index: 5; width: 100%; margin: 0 auto; min-width: 1600px; } .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; min-height: 450px; float: right; margin-top: -5.5em; } .header .nav div{ float: right; } .header .nav ul{ display: none; width: 90%; height: auto; min-width: 5em; background-color: #4e32ba; border-radius:10px; position: relative; margin: 0 5%; padding: 10% 0; margin-top: 3em; } .header .nav li{ text-align: center; overflow:hidden; height: 2em; cursor: pointer; color: white; margin: 10% 0; } .header .nav img{ height: 2em; position: relative; top: -0.5em; margin-right: 2em; } .header .nav .nav-word{ height: 2em; cursor: pointer; float: none; overflow: hidden; list-style:none; font-size: 1.3em; font-family: sans-serif; font-weight: bolder; text-align: center; color:#2500b3; position: relative; margin: 0 2em; } .header .nav li:hover{ text-decoration:underline; } .header .nav .Team:hover ul{ display: block; } .header .nav .Other_Works:hover ul{ display: block; } .header .nav .Human_Practice:hover ul{ display: block; } .header .nav .Model:hover ul{ display: block; } .header .nav .Hardwork:hover ul{ display: block; } .header .nav .Notebook:hover ul{ display: block; } .header .nav .Project:hover ul{ display: block; } .main{ position: relative; min-width: 1500px; width: 100% } .main .main_top{ position: relative; left: 20%; padding-top: 0%; font-family: sans-serif; min-width: 1000px; } .main .main_top p{ font-size:1.8em !important; line-height: 1em; padding-top: 1%; font-weight: lighter; text-align: left!important; } .main .main_top div{ text-align: left; 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 !important; line-height: 1.25em; font-size: 1.56em!important; 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_top ul{ cursor: pointer; text-align: left; } /*通用*/ .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 !important; float: left; position: relative; font-family: sans-serif !important; left: 25%; color:#2500b3; } .footer .footer_bottom .footer_bottom_2{ padding-top: 1%; }

.footer .footer_bottom .footer_bottom_2 ul li{ list-style: none; font-family: sans-serif; cursor: pointer; } .footer .footer_bottom .footer_bottom_2 ul li img{ width: 2.5%; float: left; padding-left: 1.5%; position: relative; left: 24%; } .position{ position: relative; left: 30%; }

logo_position{

width: 2.5%; position: relative; float: left; }

footer_bottom_word{

text-align: left !important; font-size: 1em; position: relative; line-height: 1.5em; color:#2500b3; float: left; left: 1%; }