Difference between revisions of "Template:Cologne-Duesseldorf/css"
| (13 intermediate revisions by the same user not shown) | |||
| Line 546: | 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 567: | Line 572: | ||
#bodyContent svg.fullscreen{ | #bodyContent svg.fullscreen{ | ||
padding: 10% 0; | padding: 10% 0; | ||
| − | margin: 0 | + | margin: 0 5%; |
} | } | ||
| Line 573: | 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 1,138: | 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,331: | 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
