Team:XMU-China/css/homeCss

  • {

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

  1. globalWrapper,#content,.mw-body{

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

  1. HQ_page{

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

  1. 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:

}

  1. contract{

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

  1. 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;

}

  1. sideMenu, #top_title, .patrollink {
   display: none;

}

  1. HQ_page td{
   padding: 0px !important;

}

  1. globalWrapper {
   font-size:unset;
   font-family:unset;
   padding-bottom:0px;

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

  margin: 0px;

}

  1. HQ_page h1, h2, h3, h4, h5 {
  font-family: unset;

} .clear{ clear: both; width: 0!important; height: 0!important; } html{ max-width: 1920px; margin:0; padding:0; width: 100%; } html body{ width: 100%; list-style: none; overflow: auto; margin:0; padding:0; 

   font:unset;
   font-size: 16px;

} /*以上为覆盖代码*/ .header{ position: fixed; z-index: 9999; width: 80vw; margin: 0 10vw; height: 4rem; min-width: 900px; background-color: #fff; box-shadow: lightgrey 0.6rem 0.6rem 2rem 0.25rem; } .header .logo img{ float: left; height: 3rem; margin: 0.5rem 0 0.5rem 2rem; } .header .nav { position: relative; min-width: 900px; }

  1. Team,#Other_Works,#Human_Practice,#Model,#Hardwork,#Notebook,#Project{

float: right; padding: 1.5rem 1vw; position: relative; top: -4rem; }

  1. jiannan{

float: right; position: relative; top: -4rem; padding:1rem 1vw; } .header .nav img{ height: 2rem; } .header .nav .nav-word{ line-height: 1rem; cursor: pointer; float: none; width: auto; list-style:none; font-size: 1rem; font-family: sans-serif; color:#2500b3; } .header .nav ul{ display: none; position: absolute; top: 0; margin-top: 4.1rem; margin-left: -1vw; padding-left: 1vw; width: 8vw; background-color: #4e32ba; border-top-style: #fff solid 0.1rem; } .header .nav li{ cursor: pointer; font: 1rem; line-height: 2rem; color: white; }

.header .nav li:hover{ font-weight: bolder; } .header .nav #Team:hover,#Other_Works:hover,#Human_Practice:hover,

  1. Model:hover,#Hardwork:hover,#Notebook:hover,#Project:hover{

background-color: #4e32ba; } .header .nav #Team:hover div,#Other_Works:hover div,#Human_Practice:hover div,

  1. Model:hover div,#Hardwork:hover div,#Notebook:hover div,#Project:hover div{

color: #fff; } .header .nav #Human_Practice:hover ul,.header .nav #Model:hover ul,.header .nav #Team:hover ul, .header .nav #Hardwork:hover ul,.header .nav #Notebook:hover ul,.header .nav #Project:hover ul, .header .nav #Other_Works:hover ul{ display: block; }

.main{ position: relative; } .main .main_top{ padding-top: 10vw; padding-left: 20vw; font-family: sans-serif; min-width: 900px; } .main .main_top p{ font-size:1.5vw !important; line-height: 2vw; font-weight: lighter; text-align: left!important; padding-bottom: 1.5vw; } .main .main_top div{ text-align: left; font-size: 4.5vw; font-weight: bolder; color:#2500b3; padding-bottom: 1.5vw; } .main .bg{ position: absolute; top: 30%; width: 100%; min-width: 1100px; } .main .bg img{ min-width: 900px; float: left; width: 100%; } .main .turn_1{ z-index: 999; width:1200px; height:750px; margin:30px auto; position:relative; margin-top:-0%; background: white; border-radius: 5px; -moz-box-shadow:0px 10px 20px #004A80; -webkit-box-shadow:0px 10px 20px #004A80; box-shadow:0px 10px 100px #004A80; }

  1. banner{

} .turn_1 .banner{ width:1000px; margin-left: 200px; height:750px; overflow:hidden; position:relative; } .turn_1 .introduction{ width: 200px; height: 750px; margin-left: 0; z-index: 3; position: relative; top: -750px; padding: 5% 0; } .turn_1 .introduction .headline{ width:100%; text-align: left; font-size: 2rem; color:#2500b3; padding-bottom: 20%; } .turn_1 .introduction .word{ text-align: left; font-size: 1rem; font-weight: lighter; color:black; line-height: 1.8rem; } .introduction >div{ position: absolute; padding: 0 10%; } .banner-slide{ width:1200px; height:750px; background-repeat:no-repeat; float:left; display:none; } .intro-slide{ display: none; }

.slide-active{ display:block; }

.slide1{ background-image:url(T--XMU-China--bannerbg1.png); background-size:100%; }

.slide2{ background-image:url(T--XMU-China--bannerbg2.png); background-size:100%; }

.slide3{ background-image:url(T--XMU-China--bannerbg3.png); background-size:100%; }

.button{ 

   position: absolute;
   transform:rotate(180deg);
   top: 50%;
   left: 0;
   height: 180px;
   width: 102px;
   margin-top:-90px;
   background:url(../img/arrow.png) center center no-repeat;
   z-index: 6;
   background-repeat: no-repeat;

}

.next{ transform:rotate(0deg); left:auto; right:0; } .prev{ left: 200px; }

.button:hover{ opacity: 0.1; filter:alpha(opacity=70); }

.dots { position: absolute; bottom: 24px; right: 0; text-align: right; padding-right: 24px; line-height: 12px; }

.dots span { display: inline-block; width: 12px; height: 12px; border-radius: 50%; margin-left: 8px; background-color: rgba(7, 17, 27, 0.4); cursor: pointer; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8) inset; }

.dots span.active{ box-shadow: 0 0 0 2px rgba(7, 17, 27, 0.4) inset; background-color: #ffffff; }

.main .main_middle{ min-width: 900px; position: relative; width: 100%; text-align:center; z-index: 1; color: #fff; padding-top: 5rem;

} .main .main_middle div div{ font-size: 2.8rem; font-weight: bold; font-family: sans-serif; padding-bottom: 1rem; } .main .main_middle p{ padding-top: ; text-align:center !important; line-height: 2rem; font-size: 1.56rem!important; font-family: sans-serif; font-weight: lighter; padding-bottom: 60vw; } /*通用*/ .footer{ width: 100%; position: relative; } .footer .footer_top{; z-index: 1; width: 100%; height: auto; padding-bottom: 10vw; } .footer .footer_top img{ width: 20vw; float: left; position: relative; top: 1.5em; left: 25vw; } .footer .footer_top ul{ width: 10vw; min-width: 0.9vw; list-style: none; float: left; position: relative; left: 30vw; color:#2500b3; font-family: sans-serif; font-weight: lighter; font-size: 0.9vw; line-height: 1.5vw; cursor: pointer; text-align: left; } /*通用*/ .footer .footer_line{ position: relative; background-color:#2500b3; width: 80vw; height: 0.1rem; left: 10vw; right: 10vw; } .footer .footer_bottom .footer_bottom_1{ padding-top: 2vw; padding-bottom: 5vw; width: 100%; } .footer_bottom_1_pic1{ height: 4vw; float: left; position: relative; left: 30vw; } .footer_bottom_1_pic2{ height: 4vw; float: left; position: relative; left: 33vw; }

  1. Contact_us{

font-size: 1.5vw !important; padding: 0.25vw 0; float: left; position: relative; font-family: sans-serif !important; left: 25vw; color:#2500b3; } .footer .footer_bottom .footer_bottom_2{ width: 100%; height: 5vw; }

.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{ height: 2.5vw; float: left; padding: 0 1vw; position: relative; left: 26vw; } .footer_position{ padding-left: 50vw; }

  1. logo_position{

height: 2.5vw; float: left; }

  1. footer_bottom_word{

text-align: left !important; font-size: 0.8vw; line-height: 1.25vw; color:#2500b3; float: left; }