Difference between revisions of "Team:Duesseldorf/Test3"
| Line 4: | Line 4: | ||
<head> | <head> | ||
<style> | <style> | ||
| − | + | #sliderwrapper { | |
| − | + | float: left; | |
| − | + | width: 100%; | |
| − | # | + | margin-bottom: 50px; |
| − | + | ||
} | } | ||
.rslides { | .rslides { | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
margin: 0 auto; | margin: 0 auto; | ||
} | } | ||
| − | . | + | .rslides_container { |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
margin-bottom: 50px; | margin-bottom: 50px; | ||
position: relative; | position: relative; | ||
| Line 80: | Line 21: | ||
} | } | ||
| − | . | + | .large-btns_nav { |
| − | position: | + | z-index: 3; |
| − | + | position: absolute; | |
| + | -webkit-tap-highlight-color: rgba(0,0,0,0); | ||
| + | opacity: 0.6; | ||
| + | text-indent: -9999px; | ||
overflow: hidden; | overflow: hidden; | ||
| − | + | top: 0; | |
| − | + | bottom: 0; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
left: 0; | left: 0; | ||
| − | + | background: #000 url("https://static.igem.org/mediawiki/2016/1/18/T--Duesseldorf--themes.gif") no-repeat left 50%; | |
| + | width: 38px; | ||
} | } | ||
| − | . | + | .large-btns_nav:active { |
| − | + | opacity: 1.0; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | . | + | .large-btns_nav.next { |
| − | + | left: auto; | |
| − | position: | + | background-position: right 50%; |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
right: 0; | right: 0; | ||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | . | + | .centered-btns_nav:focus, |
| − | + | .transparent-btns_nav:focus, | |
| − | + | .large-btns_nav:focus { | |
| − | + | outline: none; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | . | + | .centered-btns_tabs, |
| − | + | .transparent-btns_tabs, | |
| + | .large-btns_tabs { | ||
| + | margin-top: 10px; | ||
| + | text-align: center; | ||
} | } | ||
| − | . | + | .centered-btns_tabs li, |
| − | + | .transparent-btns_tabs li, | |
| − | + | .large-btns_tabs li { | |
| − | right: | + | display: inline; |
| + | float: none; | ||
| + | _float: left; | ||
| + | *float: left; | ||
| + | margin-right: 5px; | ||
} | } | ||
| − | + | ||
| − | + | .centered-btns_tabs a, | |
| − | + | .transparent-btns_tabs a, | |
| + | .large-btns_tabs a { | ||
| + | text-indent: -9999px; | ||
overflow: hidden; | overflow: hidden; | ||
| − | + | -webkit-border-radius: 15px; | |
| − | + | -moz-border-radius: 15px; | |
| − | + | border-radius: 15px; | |
| + | background: #ccc; | ||
| + | background: rgba(0,0,0, .2); | ||
| + | display: inline-block; | ||
| + | _display: block; | ||
| + | *display: block; | ||
| + | -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); | ||
| + | -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); | ||
| + | box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); | ||
| + | width: 9px; | ||
| + | height: 9px; | ||
} | } | ||
| − | . | + | .centered-btns_here a, |
| − | + | .transparent-btns_here a, | |
| − | + | .large-btns_here a { | |
| − | + | background: #222; | |
| − | + | background: rgba(0,0,0, .8); | |
| − | + | ||
| − | + | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</style> | </style> | ||
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> | <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> | ||
| Line 306: | Line 225: | ||
<div class="article"> | <div class="article"> | ||
| − | <div id=" | + | <div id="sliderwrapper"> |
<!-- Slideshow 4 --> | <!-- Slideshow 4 --> | ||
<div class="callbacks_container"> | <div class="callbacks_container"> | ||
Revision as of 20:16, 18 October 2016
