(6 intermediate revisions by 3 users not shown) | |||
Line 18: | Line 18: | ||
padding: 0; | padding: 0; | ||
border: none; | border: none; | ||
− | background-color: | + | background-color: white; |
position: relative; | position: relative; | ||
} | } | ||
Line 74: | Line 74: | ||
} | } | ||
.nav ul li a:hover{ | .nav ul li a:hover{ | ||
− | color: | + | color: white !important; |
background-color: #1c5a5a !important; | background-color: #1c5a5a !important; | ||
} | } | ||
Line 104: | Line 104: | ||
.main { | .main { | ||
position: relative; | position: relative; | ||
+ | background-color: #eff8f8; | ||
} | } | ||
Line 112: | Line 113: | ||
.main_top .top_image{ | .main_top .top_image{ | ||
width: 100%; | width: 100%; | ||
− | + | padding-top:3.2rem; | |
} | } | ||
Line 141: | Line 142: | ||
.main_headline span { | .main_headline span { | ||
− | |||
padding: 0 5vw; | padding: 0 5vw; | ||
position: relative; | position: relative; | ||
Line 246: | Line 246: | ||
width:14rem; | width:14rem; | ||
position:absolute; | position:absolute; | ||
− | top:17. | + | top:17.9rem; |
z-index:1; | z-index:1; | ||
background:transparent; | background:transparent; | ||
Line 264: | Line 264: | ||
padding:0; | padding:0; | ||
line-height:1.9rem; | line-height:1.9rem; | ||
+ | background-color:white; | ||
+ | opacity: 0.8; | ||
} | } | ||
.table p span { | .table p span { | ||
Line 269: | Line 271: | ||
padding:0.625rem; | padding:0.625rem; | ||
line-height:1.25rem; | line-height:1.25rem; | ||
+ | background-color: white; | ||
+ | opacity: 0.8; | ||
+ | padding-bottom: 300px; | ||
+ | color: black; | ||
} | } | ||
.table a:hover { | .table a:hover { |
Latest revision as of 22:33, 21 October 2019
.igem_2019_team_menu{
display:none;
} html{
position: center; overflow-x:hidden;
} body{
margin: 0 auto;
} a{
text-decoration: none !important;
}
- content {
width: 100%; margin-left:0; padding: 0; border: none; background-color: white; position: relative;
}
- top_title {
display: none;
} p{
color:#1c5a5a; 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; font-size: 127%;
}
.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: white !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;
}
.main {
position: relative; background-color: #eff8f8;
}
a {
text-decoration: none;
}
.main_top .top_image{
width: 100%; padding-top:3.2rem;
}
- pi {
padding-bottom: 3vw;
}
- Members,
- Instructor,
- Advisors,
- Student_Leaders,
- pi {
position: relative; width: 100%; overflow: auto; z-index: 0;
}
.main_headline {
font-size: 3vw; color: #1c5a5a; text-align: center; margin: 3vw auto; line-height: 5vw;
}
.main_headline span {
padding: 0 5vw; position: relative; z-index: 2;
}
.main_headline span:before {
content: ; background: #1c5a5a; width: 15vw; height: 1px; display: inline-block; position: absolute; left: -15vw; top: 2vw;
}
.main_headline span:after {
content: ; background: #1c5a5a; width: 15vw; height: 1px; display: inline-block; position: absolute; right: -15vw; top: 2vw;
}
.line {
display: none;
}
- pi {
z-index: 1;
}
- pi img {
border-radius: 10%; width: 15vw;
}
.pi_fang{
margin-left: 9rem; margin-right: 9rem;
}
.pi_fang .fang_photo{
float:left; text-align: center; color: #1c5a5a; padding-right: 3rem;
} .pi_fang .fang_name{
font-size: 1.3rem; padding-top: 3.3rem; font-weight: bold;
} .pi_fang .fang_intro{
padding-top:1.5rem; font-size: 1rem; line-height: normal;
}
.SL_main{
width: 32rem; height:20rem; margin:0 auto;
} .table a {
display:block; width:14rem; text-decoration:none; color:#000;
} .table{
width:14rem; position: relative; overflow: hidden; font-family: arial, sans-serif; border:0; padding: 1rem 1rem; float:left; display: inline;
} .table img{
border: 0; width: 100%;
} .table i{
display:block; width:14rem; position:absolute; left:0; top:300px; z-index:1; background:#000; filter: alpha(opacity=40);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
opacity:0.40; -webkit-transition: all 0.6s ease-in-out;
} .table p {
display:block; width:14rem; position:absolute; top:17.9rem; z-index:1; background:transparent; font-size:0.75rem; color:#fff; padding:0; margin:0; line-height:1rem; -webkit-transition: all 0.6s ease-in-out;
} .table p b {
display:block; font-size:1.4rem; color:#fc0; text-align:center; margin:0; padding:0; line-height:1.9rem; background-color:white; opacity: 0.8;
} .table p span {
display:block; padding:0.625rem; line-height:1.25rem; background-color: white; opacity: 0.8; padding-bottom: 300px; color: black;
} .table a:hover {
direction:ltr;
} .table a:hover i {
top:0;
} .table a:hover p {
top:2rem;
} .clear {
clear:left;
}
.members_main{
width: 64rem; height:80rem; margin:0 auto;
} .instructors_main{
width: 64rem; height:20rem; margin:0 auto;
} .advisors_main{
width: 64rem; height:80rem; margin:0 auto;
} .footer{
padding-top: 10%; margin:0 ;
}
.footer_bottom{
padding-top: 30px; padding-bottom: 20px;
} .footer_bottom p{
text-align: center !important;
}