(Created page with ".igem_2019_team_menu{ display:none; } html{ position: center; overflow-x:hidden; } body{ margin: 0 auto; } a{ text-decoration: none !important; } p...") |
|||
Line 1: | Line 1: | ||
− | . | + | .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; | |
− | + | ||
− | + | ||
} | } | ||
.bg_main{ | .bg_main{ | ||
background-image:url("/Users/zhaishiyi/Downloads/home_bg.png"); | background-image:url("/Users/zhaishiyi/Downloads/home_bg.png"); | ||
− | |||
background-position:50% 0%; | background-position:50% 0%; | ||
background-size: 100% ; | background-size: 100% ; | ||
Line 33: | Line 32: | ||
.igem_top_bar { | .igem_top_bar { | ||
− | height: | + | height: 3.5rem; |
width: 100%; | width: 100%; | ||
− | margin: | + | margin:18px -65px; |
background:rgb(255, 255, 255); | background:rgb(255, 255, 255); | ||
position: fixed; | position: fixed; | ||
Line 58: | Line 57: | ||
display:inline; | display:inline; | ||
position:relative; | position:relative; | ||
− | + | text-align: center; | |
} | } | ||
.nav ul li a{ | .nav ul li a{ | ||
Line 64: | Line 63: | ||
font-family:Arial; | font-family:Arial; | ||
display:block; | display:block; | ||
− | padding:10px 18px; | + | padding-top:10px; |
+ | padding-bottom:10px; | ||
+ | padding-left:18px; | ||
+ | padding-right:18px; | ||
} | } | ||
− | .nav li a:hover{ | + | .nav ul li a:hover{ |
− | color:#FFFFFF; | + | color: #FFFFFF !important; |
− | background-color: #1c5a5a; | + | background-color: #1c5a5a !important; |
} | } | ||
.nav ul li span{ | .nav ul li span{ | ||
Line 78: | Line 80: | ||
display:none; | display:none; | ||
padding-left:0; | padding-left:0; | ||
− | margin-left: 0; | + | margin-left:0; |
+ | line-height: 0em !important; | ||
} | } | ||
.nav ul li ul li{ | .nav ul li ul li{ | ||
float:none; | float:none; | ||
text-align: center; | text-align: center; | ||
− | |||
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{ |
Revision as of 08:32, 20 September 2019
.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;
}
.bg_main{
background-image:url("/Users/zhaishiyi/Downloads/home_bg.png"); background-position:50% 0%; background-size: 100% ; position: absolute; background-repeat: no-repeat; margin:0 auto; width:1300px; height: 100%;
}
.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;
}