Difference between revisions of "Template:Cologne-Duesseldorf/css"
| (16 intermediate revisions by the same user not shown) | |||
| Line 137: | Line 137: | ||
margin: auto; | margin: auto; | ||
padding: 8% 0; | padding: 8% 0; | ||
| + | } | ||
| + | |||
| + | #bodyContent .frontpage{ | ||
| + | width: 100%; | ||
| + | margin: 0% 0; | ||
| + | padding: 5%; | ||
| + | padding-top: 0%; | ||
| + | background: white; | ||
| + | box-shadow: 0 -20px 20px 20px white; | ||
} | } | ||
| Line 537: | Line 546: | ||
display: block; | display: block; | ||
max-width: 100%; | max-width: 100%; | ||
| + | padding: 20px; | ||
margin: 20px auto; | margin: 20px auto; | ||
} | } | ||
@media (min-width: 1024px){ | @media (min-width: 1024px){ | ||
| − | #bodyContent | + | #bodyContent .floatleft{ |
float:left; | float:left; | ||
margin:0; | margin:0; | ||
} | } | ||
| − | #bodyContent | + | #bodyContent .floatright{ |
| − | float: | + | float:right; |
margin:0; | margin:0; | ||
} | } | ||
| + | #bodyContent img.nomargin{ | ||
| + | margin:0; | ||
| + | } | ||
| + | |||
} | } | ||
| Line 564: | Line 578: | ||
max-width:100%; | max-width:100%; | ||
margin: 5% auto; | margin: 5% auto; | ||
| + | } | ||
| + | |||
| + | #bodyContent .max-width { | ||
| + | width: 100%; | ||
| + | } | ||
| + | |||
| + | #bodyContent .limited-height{ | ||
| + | max-height: 500px; | ||
| + | width: auto; | ||
} | } | ||
#bodyContent .half-width{ | #bodyContent .half-width{ | ||
width:100%; | width:100%; | ||
| − | |||
margin:5% auto; | margin:5% auto; | ||
} | } | ||
| + | |||
| + | #bodyContent .quarter-width{ | ||
| + | width:100%; | ||
| + | margin:5% auto; | ||
| + | } | ||
| + | |||
| + | |||
@media (min-width: 1024px){ | @media (min-width: 1024px){ | ||
#bodyContent .half-width{ | #bodyContent .half-width{ | ||
width:50%; | width:50%; | ||
| − | |||
} | } | ||
| + | #bodyContent .quarter-width{ | ||
| + | width:25%; | ||
| + | } | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
#bodyContent h1,h2,h3,h4,h5,h6 { | #bodyContent h1,h2,h3,h4,h5,h6 { | ||
color: #149375; | color: #149375; | ||
| Line 845: | Line 872: | ||
************************************************************************/ | ************************************************************************/ | ||
#bodyContent .tab { | #bodyContent .tab { | ||
| + | width: 100%; | ||
display:-webkit-box; | display:-webkit-box; | ||
display:-ms-flexbox; | display:-ms-flexbox; | ||
| Line 1,128: | Line 1,156: | ||
padding-right: 7px; | padding-right: 7px; | ||
} | } | ||
| + | |||
| + | #bodyContent ul.eric{ | ||
| + | display: flex; | ||
| + | flex-direction: column; | ||
| + | } | ||
| + | |||
| + | #bodyContent ul.eric li{ | ||
| + | text-indent: 0; | ||
| + | } | ||
| + | |||
| + | |||
| + | #bodyContent ul.eric li::before { | ||
| + | content: ""; | ||
| + | color: #149375; | ||
| + | float: left; | ||
| + | padding-right: 10px; | ||
| + | display: block; | ||
| + | height: 32px; | ||
| + | width: 32px; | ||
| + | background-image: url(https://static.igem.org/mediawiki/2017/5/50/T--Cologne-Duesseldorf--check.jpeg); | ||
| + | background-repeat: no-repeat; | ||
| + | background-position: left center; | ||
| + | background-size: 26px; | ||
| + | } | ||
| + | |||
#bodyContent ol li::before { | #bodyContent ol li::before { | ||
content: none; | content: none; | ||
| Line 1,321: | Line 1,374: | ||
-o-transition: opacity 2s linear; | -o-transition: opacity 2s linear; | ||
transition: opacity 2s linear; | transition: opacity 2s linear; | ||
| + | padding:0; | ||
} | } | ||
| + | |||
#bodyContent .slider button { | #bodyContent .slider button { | ||
Latest revision as of 20:31, 1 November 2017
