"
Team:USTC-China/assets/css/page.css
From 2014.igem.org
(Difference between revisions)
| Line 1: | Line 1: | ||
/* Main Layout */ | /* Main Layout */ | ||
| - | |||
#main { | #main { | ||
max-width: 100%; | max-width: 100%; | ||
| Line 8: | Line 7: | ||
padding-top: 30px; | padding-top: 30px; | ||
} | } | ||
| - | |||
| - | |||
.title h1 { | .title h1 { | ||
color: #333333; | color: #333333; | ||
| - | font-size: | + | font-size: 50px; |
| + | margin-bottom: 30px!important; | ||
| + | } | ||
| + | |||
| + | .active-a { | ||
| + | background: rgba(0,0,0,0.025); | ||
} | } | ||
| Line 38: | Line 40: | ||
z-index: 100; | z-index: 100; | ||
} | } | ||
| - | |||
.accordion-navigation a:hover { | .accordion-navigation a:hover { | ||
| Line 60: | Line 61: | ||
font-size: 1.8rem; | font-size: 1.8rem; | ||
} | } | ||
| + | |||
.text { | .text { | ||
| - | padding-left: | + | padding-left: 0px; |
padding-right: 80px; | padding-right: 80px; | ||
padding-bottom: 50px; | padding-bottom: 50px; | ||
| + | margin-bottom: 50px; | ||
| + | |||
} | } | ||
| Line 73: | Line 77: | ||
line-height: 1.65em; | line-height: 1.65em; | ||
} | } | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
@media (min-width: 800px){ | @media (min-width: 800px){ | ||
| Line 114: | Line 113: | ||
.small-block-grid-5 li img{ | .small-block-grid-5 li img{ | ||
opacity: 0.7; | opacity: 0.7; | ||
| + | margin-bottom: 0!important; | ||
} | } | ||
| Line 119: | Line 119: | ||
opacity:1.0; | opacity:1.0; | ||
} | } | ||
| + | |||
.small-block-grid-5 li { | .small-block-grid-5 li { | ||
padding: 0 0 0 0; | padding: 0 0 0 0; | ||
} | } | ||
| - | . | + | .no-bullet { |
| - | + | padding-top: 15px | |
} | } | ||
| - | |||
.no-bullet li { | .no-bullet li { | ||
| Line 142: | Line 142: | ||
padding-right: 5px; | padding-right: 5px; | ||
padding-bottom: 2px; | padding-bottom: 2px; | ||
| - | |||
} | } | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
.accordion-navigation { | .accordion-navigation { | ||
width: 240px; | width: 240px; | ||
| - | |||
| - | |||
| - | |||
| - | |||
} | } | ||
Revision as of 14:59, 17 October 2014
/* Main Layout */
- main {
max-width: 100%; padding-left: 3%; padding-right: 5%; background-color: white; padding-top: 30px;
}
.title h1 {
color: #333333; font-size: 50px; margin-bottom: 30px!important;
}
.active-a {
background: rgba(0,0,0,0.025);
}
.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: 0px; padding-right: 80px; padding-bottom: 50px; margin-bottom: 50px;
}
.text p {
font-size: 0.9em; color: #333333; font-family: 'Noto serif', 'serif'; line-height: 1.65em;
}
@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; margin-bottom: 0!important;
}
.small-block-grid-5 li img:hover{
opacity:1.0;
}
.small-block-grid-5 li {
padding: 0 0 0 0;
}
.no-bullet {
padding-top: 15px
}
.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;
}
.accordion-navigation { width: 240px; }
