Line 14: | Line 14: | ||
} | } | ||
− | + | #content { | |
+ | width: 100%; | ||
+ | padding: 0; | ||
+ | border: none; | ||
+ | background-color: #ffffff; | ||
+ | position: relative; | ||
+ | } | ||
.igem_2019_team_content | .igem_2019_team_content | ||
.igem_2019_team_column_wrapper a { | .igem_2019_team_column_wrapper a { |
Revision as of 09:01, 20 September 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%; padding: 0; border: none; background-color: #ffffff; position: relative;
} .igem_2019_team_content .igem_2019_team_column_wrapper a {
color: #3e4548; font-weight: normal !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 -65px; 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:fixed; 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;
}
.main {
position: relative;
}
a {
text-decoration: none;
}
.main_top .top_image{
width: 100%;
}
- 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 {
background-color: white; 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: 50%; -moz-box-shadow: 0px 0px 50px #B5B5B5; -webkit-box-shadow: 0px 0px 50px #B5B5B5; box-shadow: 0px 0px 50px #B5B5B5; 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_intro{
padding-top:3rem;
}
.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.8rem; 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;
} .table p span {
display:block; padding:0.625rem; line-height:1.25rem;
} .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;
}