Team:USTC-China/assets/css/page.css
From 2014.igem.org
(Difference between revisions)
Line 81: | Line 81: | ||
@media (min-width: 800px){ | @media (min-width: 800px){ | ||
.title { | .title { | ||
- | padding-left: | + | padding-left: 50px; |
padding-right: 0; | padding-right: 0; | ||
margin-bottom: 30px!important; | margin-bottom: 30px!important; | ||
Line 87: | Line 87: | ||
.text { | .text { | ||
- | padding-left: | + | padding-left: 50px; |
padding-right: 0; | padding-right: 0; | ||
padding-bottom: 50px; | padding-bottom: 50px; | ||
Line 93: | Line 93: | ||
} | } | ||
+ | #side-navbar { | ||
+ | padding-left: 30px; | ||
+ | } | ||
.ustc-banner { | .ustc-banner { |
Revision as of 13:42, 17 October 2014
/* Main Layout */
- main {
max-width: 100%; padding-left: 3%; padding-right: 5%; background-color: white; padding-top: 30px;
}
/* Font */
.title h1 {
color: #333333; font-size: 64px;
}
.text p {
font-size: 20px; color: #333333; font-family: 'Noto serif', 'serif'; text-align: justify;
}
/* Responsive */
@media (max-width: 1050px){
#side-navbar{ display: none; }
.title h1 { font-size: 50px; }
}
- topcontrol {
z-index: 100;
}
.accordion-navigation a:hover {
text-decoration: none;
}
- bodyContent h3, #bodyContent h4, #bodyContent h5 {
margin-bottom: 15px; margin-top: 50px;
}
.text ul, ol, dl {
line-height: 2.3rem; font-size: 20px; font-family: sans-serif; margin-top: 10px; margin-left: 0;
}
h3 {
font-size: 1.8rem;
}
.text {
padding-left: 80px; padding-right: 80px; padding-bottom: 50px;
}
.text p {
font-size: 0.9em; color: #333333; font-family: 'Noto serif', 'serif'; line-height: 1.65em;
}
.text p {
margin-bottom: 50px;
}
@media (min-width: 800px){
.title { padding-left: 50px; padding-right: 0; margin-bottom: 30px!important; }
.text { padding-left: 50px; padding-right: 0; padding-bottom: 50px; }
}
- side-navbar {
padding-left: 30px;
}
.ustc-banner {
width: 100%; margin-top: 25px; padding-left: 5%; padding-right: 5%;
}
.text h1, h2 {
margin-bottom: 5px; border-bottom-style: ridge; border-bottom-color: white; border-bottom-width: 3px; padding-bottom: 12px;
}
.small-block-grid-5 li img{
opacity: 0.7;
}
.small-block-grid-5 li img:hover{
opacity:1.0;
} .small-block-grid-5 li {
padding: 0 0 0 0;
}
.small-block-grid-5 img {
margin-bottom: 0!important;
}
.no-bullet li {
font-family: 'Noto serif'; font-size: 15px; line-height: 25px;
}
.list-item {
font-family: 'Open Sans'; background-color: rgb(65, 186, 93); color: white; margin-right: 5px; padding-left: 5px; padding-right: 5px; padding-bottom: 2px;
}
.no-bullet {
padding-top: 15px
}
.accordion-navigation {
width: 240px;
}
.title h1 {
margin-bottom: 30px!important;
}