"
Template:Team:Aachen/Gallery
From 2014.igem.org
(Difference between revisions)
m |
m |
||
| Line 1: | Line 1: | ||
| - | < | + | <html> |
| - | - | + | <style> |
| - | -- | + | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;}, table/*-- hides default wiki settings --*/ |
| - | -- | + | </style> |
| - | -- | + | |
| - | + | <style type="text/css"> | |
| + | /*------------------------------------*\ | ||
| + | $CAROUSEL | ||
| + | \*------------------------------------*/ | ||
| + | .carousel{ | ||
| + | overflow:hidden; | ||
| + | width:100%; | ||
| + | } | ||
| + | .panes{ | ||
| + | list-style:none; | ||
| + | position:relative; | ||
| + | width:500%; /* Number of panes * 100% */ | ||
| + | overflow:hidden; /* This is used solely to clear floats, it does not add functionality. */ | ||
| + | |||
| + | -moz-animation:carousel 30s infinite; | ||
| + | -webkit-animation:carousel 30s infinite; | ||
| + | animation:carousel 30s infinite; | ||
| + | } | ||
| + | .panes > li{ | ||
| + | position:relative; | ||
| + | float:left; | ||
| + | width:20%; /* 100 / number of panes */ | ||
| + | } | ||
| + | .carousel img{ | ||
| + | display:block; | ||
| + | width:100%; | ||
| + | max-width:100%; | ||
| + | } | ||
| + | .carousel h2{ | ||
| + | font-size:1em; | ||
| + | padding:0.5em; | ||
| + | position:absolute; | ||
| + | right:10px; | ||
| + | bottom:10px; | ||
| + | left:10px; | ||
| + | text-align:right; | ||
| + | color:#fff; | ||
| + | background-color:rgba(0,0,0,0.75); | ||
| + | } | ||
| + | </style> | ||
| + | |||
| + | |||
| + | |||
| + | <div class=carousel> | ||
| + | |||
| + | <ul class=panes> | ||
| + | |||
| + | <li> | ||
| + | <h2>Pane 01 title</h2> | ||
| + | <img src=[[File:Aachen_MakerFaire_09.jpg]] alt=""> | ||
| + | </li> | ||
| + | |||
| + | <li> | ||
| + | <h2>Pane 02 title</h2> | ||
| + | <img src=https://static.igem.org/mediawiki/2014/thumb/d/d0/Aachen_MakerFaire_09.jpg alt=""> | ||
| + | </li> | ||
| + | |||
| + | </ul> | ||
| + | |||
| + | </div> | ||
| + | |||
| + | </html> | ||
Revision as of 21:30, 9 October 2014
-
Pane 01 title
-
Pane 02 title
