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

(Created page with ".igem_2019_team_menu{ display:none; } html{ position: center; overflow-x:hidden; } body{ margin: 0 auto; } a{ text-decoration: none !important; } conte...")
 
 
(16 intermediate revisions by one other user not shown)
Line 1: Line 1:
 +
/*.igem_2019_team_mobile_bar{
 +
    display:none;
 +
}*/
 
.igem_2019_team_menu{
 
.igem_2019_team_menu{
−
 
+
    display:none;
−
    display:none;
+
−
} html{
+
−
 
+
−
  position: center; 
+
−
  overflow-x:hidden;
+
−
} body{
+
−
 
+
−
  margin: 0 auto;
+
−
} a{
+
−
 
+
−
  text-decoration: none !important;
+
 
}
 
}
  
−
content {
+
@media only screen and (max-width: 1800px)
−
  width: 100%;
+
.igem_2019_team_content {
−
  margin-left:0;
+
    width: 100% !important;
−
  padding: 0;
+
}
−
  border: none;
+
#content{
−
  background-color: #ffffff;
+
    line-height: normal; !important
−
  position: relative;
+
}
 +
#bodyContent a[href ^="https://"], .link-https {
 +
    padding-right: 18px !important;
 
}
 
}
  
−
top_title {
+
html{
−
  display: none;
+
    position: center; 
−
} p{
+
    overflow-x:hidden;
−
 
+
}
−
  color:#1c5a5a;
+
body{
−
  font-weight:normal；
+
    margin: 0 auto;
−
} .igem_2019_team_content .igem_2019_team_column_wrapper ul, .igem_2019_team_content .igem_2019_team_column_wrapper ol {
+
}
−
 
+
.igem_2019_team_column_wrapper h1, .igem_2019_team_content .igem_2019_team_column_wrapper h2 {
−
  padding:0px 0px !important;
+
    border-bottom: 0px;
 +
    color: #1c5a5a;
 +
    font-family: unset;
 +
    padding: 10px 0px;
 +
}
 +
a{
 +
    text-decoration: none !important;
 
}
 
}
  
−
.igem_top_bar {
+
.igem_2019_team_content
−
 
+
.igem_2019_team_column_wrapper a {
−
  height: 3.5rem;
+
    color: #3e4548;
−
  width: 100%;
+
    font-weight: normal !important;
−
  margin:18px 0px;
+
}
−
  background:rgb(255, 255, 255);
+
.igem_2019_team_content .igem_2019_team_column_wrapper {
−
  position: fixed;  
+
    margin: auto;
−
  top: 0%;
+
    max-width: 1400px;
−
  margin-bottom: 5px;
+
    width: 100%; !important
−
  display:block !important;
+
}
−
  z-index: 111;
+
p{
−
  box-shadow: 0px 3px 6px #888888;
+
    color:#1c5a5a;
−
  font-size: 127%;
+
    font-weight:normal；
 +
}
 +
.igem_2019_team_content
 +
.igem_2019_team_column_wrapper p {
 +
    font-weight:normal；
 +
}
 +
.igem_2019_team_content
 +
.igem_2019_team_column_wrapper ul,
 +
.igem_2019_team_content
 +
.igem_2019_team_column_wrapper ol {
 +
    padding:0px 0px !important;
 +
}
 +
.igem_top_bar{
 +
    height: 3.5rem;
 +
    width: 100%;
 +
    margin:18px 0px;
 +
    background:rgb(255, 255, 255);
 +
    position: fixed;  
 +
    top: 0%;
 +
    margin-bottom: 5px;
 +
    display:block !important;
 +
    z-index: 111;
 +
    box-shadow: 0px 3px 6px #888888;
 
}
 
}
  
 
.igem_top_bar img {
 
.igem_top_bar img {
−
 
+
    position:relative;
−
  position:relative;
+
    height: 50px;
−
  height: 50px;
+
    margin-left: 10px;
−
  margin-left: 10px;
+
    float: left;
−
  float: left;
+
 
}
 
}
  
 
.nav ul li{
 
.nav ul li{
−
 
+
    float:right;
−
  float:right;
+
    margin:0 10px;
−
  margin:0 10px;
+
    list-style-type:none;
−
  list-style-type:none;
+
    display:inline;
−
  display:inline;
+
    position:relative;
−
  position:relative;
+
    text-align: center;
−
  text-align: center;
+
}
−
} .nav ul li a{
+
.nav ul li a{
−
 
+
    color:#3e4548;
−
  color:#3e4548;
+
    font-family:Arial;
−
  font-family:Arial;
+
    display:block;
−
  display:block;
+
    padding-top:10px;
−
  padding-top:10px;
+
    padding-bottom:10px;
−
  padding-bottom:10px;
+
    padding-left:18px;
−
  padding-left:18px;
+
    padding-right:18px;
−
  padding-right:18px;
+
}
−
} .nav ul li a:hover{
+
.nav ul li a:hover{
−
 
+
    color: #FFFFFF !important;
−
  color: #FFFFFF !important;
+
    background-color: #1c5a5a !important;
−
  background-color: #1c5a5a !important;
+
}
−
} .nav ul li span{
+
.nav ul li span{
−
 
+
    display:block;
−
  display:block;
+
}
−
} .nav ul li ul{
+
.nav ul li ul{
−
 
+
    background:rgb(255, 255, 255);
−
  background:rgb(255, 255, 255);
+
    position: relative;
 +
    display:none;
 +
    padding-left:0;
 +
    margin-left:0;
 +
    line-height: 0em !important;
 +
}
 +
.nav ul li ul li{
 +
    float:none;
 +
    text-align: center;
 +
    padding-left:0;
 +
    padding-right:0;
 +
}
 +
.nav ul li ul li a{
 +
    padding-top:20px;
 +
    padding-bottom:20px;
 +
}
 +
.nav ul li:hover ul{
 +
    display: block;
 +
}
 +
.title .top_image{
 +
  margin: 0 20vw;
 
   position: relative;
 
   position: relative;
−
   display:none;
+
   width: 60vw;
−
  padding-left:0;
+
}
−
  margin-left:0;
+
−
  line-height: 0em !important;
+
−
} .nav ul li ul li{
+
  
−
  float:none;
+
.main {
−
  text-align: center;
+
    margin: 0 15vw 5rem;
−
  padding-left:0;
+
    width: 70vw;
−
  padding-right:0;
+
    text-align: left;
−
} .nav ul li ul li a{
+
}
  
−
  padding-top:20px;
+
p img {
−
  padding-bottom:20px;
+
    margin: 0;
−
} .nav ul li:hover ul{
+
    width: 70vw;
 +
}
 +
.Figure_word{
 +
    font-family: Microsoft JhengHei;
 +
    font-size: small;
 +
}
 +
.footer{
 +
    padding-top: 10%;
 +
    margin:0 ;
 +
}
  
−
  display: block;
+
.footer_bottom{
 +
    padding-top: 30px;
 +
    padding-bottom: 20px;
 +
}
 +
.footer_bottom p{
 +
    text-align: center !important;
 
}
 
}

Latest revision as of 12:26, 21 October 2019

/*.igem_2019_team_mobile_bar{ 

    display:none;

}*/ .igem_2019_team_menu{ 

    display:none;

}

@media only screen and (max-width: 1800px) .igem_2019_team_content { 

   width: 100% !important;

}

  1. content{
   line-height: normal; !important

}

  1. bodyContent a[href ^="https://"], .link-https {
   padding-right: 18px !important;

}

html{ 

   position: center;   
   overflow-x:hidden;

} body{ 

   margin: 0 auto;

} .igem_2019_team_column_wrapper h1, .igem_2019_team_content .igem_2019_team_column_wrapper h2 { 

   border-bottom: 0px;
   color: #1c5a5a;
   font-family: unset;
   padding: 10px 0px;

} a{ 

   text-decoration: none !important;

}

.igem_2019_team_content .igem_2019_team_column_wrapper a { 

   color: #3e4548; 
   font-weight: normal !important;

} .igem_2019_team_content .igem_2019_team_column_wrapper { 

   margin: auto;
   max-width: 1400px;
   width: 100%; !important

} p{ 

   color:#1c5a5a;
   font-weight:normal；

} .igem_2019_team_content .igem_2019_team_column_wrapper p { 

   font-weight:normal；

} .igem_2019_team_content .igem_2019_team_column_wrapper ul, .igem_2019_team_content .igem_2019_team_column_wrapper ol { 

   padding:0px 0px !important;

} .igem_top_bar{ 

   height: 3.5rem;
   width: 100%;
   margin:18px 0px;
   background:rgb(255, 255, 255);
   position: fixed; 
   top: 0%;
   margin-bottom: 5px;
   display:block !important;
   z-index: 111;
   box-shadow: 0px 3px 6px #888888;

}

.igem_top_bar img { 

   position:relative;
   height: 50px;
   margin-left: 10px;
   float: left;

}

.nav ul li{ 

   float:right;
   margin:0 10px;
   list-style-type:none;
   display:inline;
   position:relative;
   text-align: center;

} .nav ul li a{ 

   color:#3e4548;
   font-family:Arial;
   display:block;
   padding-top:10px;
   padding-bottom:10px;
   padding-left:18px;
   padding-right:18px;

} .nav ul li a:hover{ 

   color: #FFFFFF !important;
   background-color: #1c5a5a !important;

} .nav ul li span{ 

   display:block;

} .nav ul li ul{ 

   background:rgb(255, 255, 255);
   position: relative;
   display:none;
   padding-left:0;
   margin-left:0;
   line-height: 0em !important;

} .nav ul li ul li{ 

   float:none;
   text-align: center;
   padding-left:0;
   padding-right:0;

} .nav ul li ul li a{ 

   padding-top:20px;
   padding-bottom:20px;

} .nav ul li:hover ul{ 

   display: block;

} .title .top_image{ 

  margin: 0 20vw;
  position: relative;
  width: 60vw;

}

.main { 

   margin: 0 15vw 5rem;
   width: 70vw;
   text-align: left;

}

p img { 

   margin: 0;
   width: 70vw;

} .Figure_word{ 

   font-family: Microsoft JhengHei;
   font-size: small;

} .footer{ 

   padding-top: 10%;
   margin:0 ;

}

.footer_bottom{ 

   padding-top: 30px;
   padding-bottom: 20px;

} .footer_bottom p{ 

   text-align: center !important;

}