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

Line 3: Line 3:
 
margin: 0;
 
margin: 0;
 
}
 
}
−
.igem_2018_team_mobile_bar{
+
.igem_2018_team_mobile_bar,#sideMenu, #top_title, .patrollink,#top_title{
−
display: none !important;
+
−
}
+
−
#top_title{
+
 
display: none !important;
 
display: none !important;
 
}
 
}
Line 23: Line 20:
 
}
 
}
 
#contract{
 
#contract{
−
clear:all;
+
clear:all;
−
width:100%;
+
width:100%;
−
weight:200px;
+
weight:200px;
−
padding-top:10px;
+
padding-top:10px;
−
text-align:center;
+
text-align:center;
 +
}
 +
li{
 +
margin-bottom:unset;
 +
display: unset;
 +
text-align: unset;
 
}
 
}
−
 
 
#content {
 
#content {
 
     width: 100%;
 
     width: 100%;
Line 38: Line 39:
 
     z-index:auto;
 
     z-index:auto;
 
     margin-top:-7px;
 
     margin-top:-7px;
 +
    line-height: auto;
 
     background: white;
 
     background: white;
 
     background-color: white;
 
     background-color: white;
Line 44: Line 46:
 
     display: none;
 
     display: none;
 
}
 
}
−
#HQ_page p {
+
#HQ_page p{
 
     font-size:unset;
 
     font-size:unset;
 
     font-family: unset;
 
     font-family: unset;
Line 89: Line 91:
 
/* position: fixed;*/
 
/* position: fixed;*/
 
z-index: 5;
 
z-index: 5;
 +
width: 100%;
 
margin: 0 auto;
 
margin: 0 auto;
 
min-width: 1600px;
 
min-width: 1600px;
Line 106: Line 109:
 
.header .nav{
 
.header .nav{
 
min-width: 1500px;
 
min-width: 1500px;
−
min-height: 400px;
+
min-height: 450px;
 
float: right;
 
float: right;
 
margin-top: -5.5em;
 
margin-top: -5.5em;
Line 118: Line 121:
 
height: auto;
 
height: auto;
 
min-width: 5em;
 
min-width: 5em;
−
background-color: #725cff;
+
background-color: #4e32ba;
 
border-radius:10px;
 
border-radius:10px;
 
position: relative;
 
position: relative;
 
margin: 0 5%;
 
margin: 0 5%;
 
padding: 10% 0;
 
padding: 10% 0;
 +
margin-top: 3em;
 
}
 
}
 
.header .nav li{
 
.header .nav li{
Line 179: Line 183:
 
position: relative;
 
position: relative;
 
min-width: 1500px;
 
min-width: 1500px;
 +
width: 100%
 
}
 
}
 
.main .main_top{
 
.main .main_top{
Line 291: Line 296:
 
}
 
}
 
#Contact_us{
 
#Contact_us{
−
font-size: 2em;
+
font-size: 2em !important;
 
float: left;
 
float: left;
 
position: relative;
 
position: relative;
−
font-family: sans-serif;
+
font-family: sans-serif !important;
 
left: 25%;
 
left: 25%;
 
color:#2500b3;
 
color:#2500b3;
Line 304: Line 309:
 
.footer .footer_bottom .footer_bottom_2 ul li{
 
.footer .footer_bottom .footer_bottom_2 ul li{
 
list-style: none;
 
list-style: none;
−
position: relative;
+
font-family: sans-serif;
−
left: 26%;
+
 
cursor: pointer;
 
cursor: pointer;
 
}
 
}
Line 312: Line 316:
 
float: left;
 
float: left;
 
padding-left: 1.5%;
 
padding-left: 1.5%;
 +
position: relative;
 +
left: 24%;
 
}
 
}
 
.position{
 
.position{

Revision as of 09:08, 3 August 2018

  • {

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%; }

  1. HQ_page p{

font-family: unset; 

   font-size: unset;
   text-align:unset;

}

  1. contract{

clear:all; width:100%; weight:200px; padding-top:10px; text-align:center; } li{ margin-bottom:unset; display: unset; text-align: unset; }

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

}

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

}

  1. HQ_page p{
   font-size:unset;
   font-family: unset;

}

  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;

} 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; } .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_top ul{ cursor: pointer; } /*通用*/ .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%; }

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

  1. logo_position{

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

  1. footer_bottom_word{

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