Difference between revisions of "Template:BIT/css/home"
(Created page with "#main{ margin-top: 46px; } #top-zone{ width: 100%; →background-image: url("https://static.igem.org/mediawiki/2018/5/54/T--BIT--iGEM_BIT2018_ANZT_WORK_5.jpeg");: ba...") |
|||
| (2 intermediate revisions by the same user not shown) | |||
| Line 4: | Line 4: | ||
#top-zone{ | #top-zone{ | ||
width: 100%; | width: 100%; | ||
| − | + | background-image: url("https://static.igem.org/mediawiki/2018/5/54/T--BIT--iGEM_BIT2018_ANZT_WORK_5.jpeg"); | |
| − | + | ||
padding-bottom: 50%; | padding-bottom: 50%; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
| Line 20: | Line 19: | ||
} | } | ||
#big-title{ | #big-title{ | ||
| − | font-size: 5vw; | + | font-size: 5vw !important; |
margin-bottom: 0.5em; | margin-bottom: 0.5em; | ||
| − | font-family: 'Microsoft YaHei UI'; | + | font-family: 'Microsoft YaHei UI' 5vw !important; |
/*font-family: 'AP';*/ | /*font-family: 'AP';*/ | ||
} | } | ||
#small-title{ | #small-title{ | ||
| − | font-size: 2vw; | + | font-size: 2vw !important; |
} | } | ||
#main-content{ | #main-content{ | ||
| Line 41: | Line 40: | ||
} | } | ||
#main-content p{ | #main-content p{ | ||
| − | font-size: 18px; | + | font-size: 18px !important; |
| − | line-height: 27px; | + | line-height: 27px !important; |
font-family: 'quicksand medium'; | font-family: 'quicksand medium'; | ||
text-align: justify; | text-align: justify; | ||
} | } | ||
#main-content h2{ | #main-content h2{ | ||
| − | font-size: 44px; | + | font-size: 44px !important; |
| + | line-height: 50px !important; | ||
} | } | ||
.three{ | .three{ | ||
| Line 71: | Line 71: | ||
} | } | ||
.one-own p{ | .one-own p{ | ||
| − | font-size: 24px; | + | font-size: 24px !important; |
| − | font-weight: bold; | + | font-weight: bold !important; |
| − | color: black; | + | color: black !important; |
} | } | ||
a{ | a{ | ||
Latest revision as of 03:23, 18 October 2018
- main{
margin-top: 46px;
}
- top-zone{
width: 100%;
background-image: url("
");
padding-bottom: 50%;
background-repeat: no-repeat;
background-size: 100%;
}
- top-font{
position: absolute; color: white; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%;
}
- big-title{
font-size: 5vw !important; margin-bottom: 0.5em; font-family: 'Microsoft YaHei UI' 5vw !important; /*font-family: 'AP';*/
}
- small-title{
font-size: 2vw !important;
}
- main-content{
margin-top: 50px; width: 80%; max-width: 1000px; margin-bottom: 50px;
}
- main-zone{
display: flex; flex-direction: column; align-items: center; margin-bottom: 100px;
}
- main-content p{
font-size: 18px !important; line-height: 27px !important; font-family: 'quicksand medium'; text-align: justify;
}
- main-content h2{
font-size: 44px !important; line-height: 50px !important;
} .three{
display: flex; justify-content: space-between; width: 60%; max-width: 1000px; margin-bottom: 40px;
} .one-own{
width: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.3s;
} .one-own img{
width: 100%;
} .one-own:hover{
width: 70%;
} .one-own p{
font-size: 24px !important; font-weight: bold !important; color: black !important;
} a{
text-decoration: none;
} .all{
width: 30%;
}