(19 intermediate revisions by 2 users not shown) | |||
Line 8: | Line 8: | ||
@media only screen and (max-width: 1800px) | @media only screen and (max-width: 1800px) | ||
.igem_2019_team_content { | .igem_2019_team_content { | ||
− | width: 100%; | + | width: 100% !important; |
+ | } | ||
+ | #content{ | ||
+ | line-height: normal; !important | ||
+ | } | ||
+ | #bodyContent a[href ^="https://"], .link-https { | ||
+ | padding-right: 18px !important; | ||
} | } | ||
Line 28: | Line 34: | ||
font-weight: normal !important; | font-weight: normal !important; | ||
} | } | ||
− | + | .igem_2019_team_content .igem_2019_team_column_wrapper { | |
+ | margin: auto; | ||
+ | max-width: 1400px; | ||
+ | width: 100%; !important | ||
+ | } | ||
p{ | p{ | ||
color:#1c5a5a; | color:#1c5a5a; | ||
Line 44: | Line 54: | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
.igem_top_bar { | .igem_top_bar { | ||
− | height: | + | height: 3.5rem; |
width: 100%; | width: 100%; | ||
− | margin: | + | margin:18px 0px; |
background:rgb(255, 255, 255); | background:rgb(255, 255, 255); | ||
position: fixed; | position: fixed; | ||
Line 69: | Line 69: | ||
.igem_top_bar img { | .igem_top_bar img { | ||
− | position: | + | position:relative; |
height: 50px; | height: 50px; | ||
margin-left: 10px; | margin-left: 10px; | ||
Line 112: | Line 112: | ||
padding-left:0; | padding-left:0; | ||
padding-right:0; | padding-right:0; | ||
+ | } | ||
+ | .nav ul li ul li a{ | ||
+ | padding-top:20px; | ||
+ | padding-bottom:20px; | ||
} | } | ||
.nav ul li:hover ul{ | .nav ul li:hover ul{ | ||
Line 122: | Line 126: | ||
font-family: myfont; | font-family: myfont; | ||
src:url('https://static.igem.org/mediawiki/2019/8/89/T--XMU-China--321Perfect.ttf'); | src:url('https://static.igem.org/mediawiki/2019/8/89/T--XMU-China--321Perfect.ttf'); | ||
+ | } | ||
+ | |||
+ | .main { | ||
+ | background:none !important; | ||
+ | background-color: #FFFFFF; | ||
} | } | ||
.main_top{ | .main_top{ | ||
position: relative; | position: relative; | ||
− | padding-top: | + | padding-top: 3vw; |
− | padding-bottom: | + | padding-bottom: 5vw; |
} | } | ||
− | + | .main_top img{ | |
− | + | width: 80%; | |
− | + | margin-left: 10%; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
Line 150: | Line 149: | ||
.project img{ | .project img{ | ||
+ | z-index: 11 !important; | ||
position: relative; | position: relative; | ||
width: 10rem; | width: 10rem; | ||
Line 167: | Line 167: | ||
font-family: myfont; | font-family: myfont; | ||
color:#1c5a5a; | color:#1c5a5a; | ||
− | font-size: | + | font-size: 1.875rem; |
text-align: left; | text-align: left; | ||
} | } | ||
Line 196: | Line 196: | ||
font-family: myfont; | font-family: myfont; | ||
color:#1c5a5a; | color:#1c5a5a; | ||
− | font-size: | + | font-size: 1.875rem; |
text-align: left; | text-align: left; | ||
} | } | ||
Line 224: | Line 224: | ||
font-family: myfont; | font-family: myfont; | ||
color:#1c5a5a; | color:#1c5a5a; | ||
− | font-size: | + | font-size: 1.875rem; |
text-align: left; | text-align: left; | ||
} | } | ||
Line 240: | Line 240: | ||
font-family: myfont; | font-family: myfont; | ||
color:#1c5a5a; | color:#1c5a5a; | ||
− | font-size: | + | font-size: 1.875rem; |
text-align: left; | text-align: left; | ||
} | } | ||
Line 283: | Line 283: | ||
font-family: myfont; | font-family: myfont; | ||
color:#1c5a5a; | color:#1c5a5a; | ||
− | font-size: | + | font-size: 1.875rem; |
text-align: left; | text-align: left; | ||
} | } | ||
Line 303: | Line 303: | ||
} | } | ||
.footer_top .footer_top_pic1{ | .footer_top .footer_top_pic1{ | ||
− | width: | + | width: 8.7rem; |
− | + | ||
position: relative; | position: relative; | ||
padding-left: 35%; | padding-left: 35%; | ||
Line 311: | Line 310: | ||
} | } | ||
.footer_top .footer_top_pic2{ | .footer_top .footer_top_pic2{ | ||
− | width: | + | width: 10rem; |
− | + | ||
position: relative; | position: relative; | ||
padding-left: 14%; | padding-left: 14%; | ||
Line 322: | Line 320: | ||
.contact_us ul li img{ | .contact_us ul li img{ | ||
− | width: | + | width: 1.7rem; |
position: relative; | position: relative; | ||
float: left; | float: left; | ||
} | } | ||
− | .contact_us ul li p{ | + | |
− | + | .contact_us ul li p { | |
− | + | font-size: 1rem!important; | |
− | + | ||
} | } | ||
Line 335: | Line 332: | ||
padding-top: 30px; | padding-top: 30px; | ||
padding-bottom: 20px; | padding-bottom: 20px; | ||
+ | } | ||
+ | .footer_bottom p{ | ||
text-align: center !important; | text-align: center !important; | ||
} | } |
Latest revision as of 03:52, 22 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;
}
- content{
line-height: normal; !important
}
- bodyContent a[href ^="https://"], .link-https {
padding-right: 18px !important;
}
html{
position: center; overflow-x:hidden;
} body{
margin: 0 auto;
}
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;
}
@font-face{
font-family: myfont; src:url('https://static.igem.org/mediawiki/2019/8/89/T--XMU-China--321Perfect.ttf');
}
.main {
background:none !important; background-color: #FFFFFF;
}
.main_top{
position: relative; padding-top: 3vw; padding-bottom: 5vw;
} .main_top img{
width: 80%; margin-left: 10%;
}
.center{
padding-top: 0;
}
.project img{
z-index: 11 !important; position: relative; width: 10rem; float: left; left:8%; cursor: pointer; transition: all 0.6s;
}
.project img:hover{
transform: scale(1.4);
}
.project div{
position: relative; left:10%; font-family: myfont; color:#1c5a5a; font-size: 1.875rem; text-align: left;
}
.project p{
position: relative; left:10%; color:#1c5a5a; line-height: 170%; font-weight:normal;
}
.modeling img{
position: relative; width: 10rem; left:32%; cursor: pointer; transition: all 0.6s;
}
.modeling img:hover{
transform: scale(1.4);
}
.modeling div{
position: relative; left:72%; font-family: myfont; color:#1c5a5a; font-size: 1.875rem; text-align: left;
} .modeling p{
position: relative; left:72%; color:#1c5a5a; line-height: 170%; font-weight:normal;
}
.software img{
position: relative; width: 10rem; left:-30%; cursor: pointer; transition: all 0.6s;
}
.software img:hover{
transform: scale(1.4);
}
.software div{
position: relative; left:9%; font-family: myfont; color:#1c5a5a; font-size: 1.875rem; text-align: left;
} .software p{
position: relative; left:9%; color:#1c5a5a; line-height: 170%; font-weight:normal;
}
.humen_practices div{
position: relative; left:67%; font-family: myfont; color:#1c5a5a; font-size: 1.875rem; text-align: left;
} .humen_practices p{
position: relative; left:67%; color:#1c5a5a; line-height: 170%; font-weight:normal;
} .humen_practices img{
position: relative; width: 10rem; left:30%; cursor: pointer; transition: all 0.6s;
}
.humen_practices img:hover{
transform: scale(1.4);
}
.team{
padding-top: 10%;
} .team img{
position: relative; width: 10rem; float:left; left:10%; cursor: pointer; transition: all 0.6s;
}
.team img:hover{
transform: scale(1.4);
}
.team div{
position: relative; left:15%; font-family: myfont; color:#1c5a5a; font-size: 1.875rem; text-align: left;
} .team p{
position: relative; left:15%; color:#1c5a5a; line-height: 170%; font-weight:normal;
}
.footer{
padding-top: 10%; margin:0 ;
} .footer_top{
float:left; width: 70%;
} .footer_top .footer_top_pic1{
width: 8.7rem; position: relative; padding-left: 35%;
}
.footer_top .footer_top_pic2{
width: 10rem; position: relative; padding-left: 14%;
}
.contact_us ul li{
display: inline;
}
.contact_us ul li img{
width: 1.7rem; position: relative; float: left;
}
.contact_us ul li p {
font-size: 1rem!important;
}
.footer_bottom{
padding-top: 30px; padding-bottom: 20px;
} .footer_bottom p{
text-align: center !important;
}