|
|
| Line 146: |
Line 146: |
| | | | |
| | /*resize*/ | | /*resize*/ |
| − | | + | @keyframes slidy { |
| − | | + | 0% { left: 0%; } |
| − | </style>
| + | 20% { left: 0%; } |
| − | | + | 25% { left: -100%; } |
| − | <section id="banner">
| + | 45% { left: -100%; } |
| − | <style>
| + | 50% { left: -200%; } |
| − | #slideful-16582038
| + | 70% { left: -200%; } |
| − | { | + | 75% { left: -300%; } |
| − | text-align:left;
| + | 95% { left: -300%; } |
| | + | 100% { left: -400%; } |
| | } | | } |
| | | | |
| − | #slideful-16582038 .-slideswrap | + | body { margin: 0; } |
| − | { | + | div#slider { overflow: hidden; } |
| − | position:absolute; | + | div#slider figure img { width: 20%; float: left; } |
| − | overflow:hidden;
| + | div#slider figure { |
| − | width:1024px;
| + | position: relative; |
| − | height:500px;
| + | width: 500%; |
| | + | margin: 0; |
| | + | left: 0; |
| | + | text-align: left; |
| | + | font-size: 0; |
| | + | animation: 30s slidy infinite; |
| | } | | } |
| | | | |
| − | #slideful-16582038 .-output
| |
| − | {
| |
| − | border:0;
| |
| − | margin:0;
| |
| − | padding:0 5px;
| |
| − | position:relative;
| |
| − | z-index:1;
| |
| − | font-family:Arial,sans-serif;
| |
| − | }
| |
| − |
| |
| − | #slideful-16582038 .-output_1
| |
| − | {
| |
| − | font-size:18px;
| |
| − | color:#000000}
| |
| − |
| |
| − | #slideful-16582038 .-output_2
| |
| − | {
| |
| − | font-size:12px;
| |
| − | color:#FF0000}
| |
| − |
| |
| − | #slideful-16582038 .-outputwrap
| |
| − | {
| |
| − | left:3px;width:1018px;bottom:3px;min-height:56px;
| |
| − | border: 0px none;
| |
| − | margin:0;
| |
| − | padding:0;
| |
| − | position: absolute;
| |
| − | }
| |
| − |
| |
| − | #slideful-16582038 .-outputbg
| |
| − | {
| |
| − | border: 0px none;
| |
| − | margin:0;
| |
| − | padding:0;
| |
| − | position: absolute;
| |
| − | border-radius:3px;
| |
| − | width:100%;
| |
| − | height:100%;
| |
| − | opacity:0.4;background-color:#FFFFFF}
| |
| − |
| |
| − |
| |
| − | #slideful-16582038 .-dotswrap
| |
| − | {
| |
| − | position: absolute;
| |
| − | left:40px;
| |
| − | top:8px;
| |
| − | white-space:nowrap;
| |
| − | text-align:right;
| |
| − | z-index:12000;
| |
| − | border: 0;
| |
| − | margin:0;
| |
| − | padding:0;
| |
| − | }
| |
| − |
| |
| − | #slideful-16582038 .-dot
| |
| − | {
| |
| − | width:8px;
| |
| − | height:8px;
| |
| − | border-radius:6px;
| |
| − | padding:0;
| |
| − | margin:0 0 0 5px;
| |
| − | border:1px solid #cccccc;
| |
| − | display:inline-block;
| |
| − | cursor:pointer !important;
| |
| − | border-color:#CCCCCC;background-color:#ffaaaa}
| |
| − |
| |
| − | #slideful-16582038 .-dot:hover
| |
| − | {
| |
| − | background-color:#cc0000}
| |
| − |
| |
| − | #slideful-16582038 .-dot.-on
| |
| − | {
| |
| − | background-color:#cc0000}
| |
| − |
| |
| − | #slideful-16582038 .-link
| |
| − | {
| |
| − | text-decoration:none !important;
| |
| − | border:0px none !important;
| |
| − | padding:0 !important;
| |
| − | overflow:hidden !important;
| |
| − | width:1024px !important;
| |
| − | height:500px !important;
| |
| − | position: absolute !important;
| |
| − | left:0;
| |
| − | top:0;
| |
| − | visibility:hidden;
| |
| − | }
| |
| − |
| |
| − | #slideful-16582038 .-slideimg
| |
| − | {
| |
| − | border: 0px none !important;
| |
| − | padding:0 !important;
| |
| − | position: absolute !important;
| |
| − | height:500px;
| |
| − | }
| |
| − |
| |
| − | #slideful-16582038-buttonback,#slideful-16582038-buttonforward{
| |
| − | border: 0px none !important;
| |
| − | padding:0 !important;
| |
| − | margin:0 !important;
| |
| − | position: absolute !important;
| |
| − | z-index:20000;
| |
| − | top:50%;
| |
| − | height:50px;
| |
| − | margin-top:-25px !important;
| |
| − | cursor:pointer;
| |
| − | opacity:0.8;
| |
| − | }
| |
| − | #slideful-16582038-buttonforward{
| |
| − | right:0;
| |
| − | }
| |
| − |
| |
| − | #slideful-16582038-buttonback:hover
| |
| − | ,#slideful-16582038-buttonforward:hover
| |
| − | {
| |
| − | opacity:1;
| |
| − | }
| |
| | </style> | | </style> |
| | | | |
| | + | <section id="banner"> |
| | + | <div id="slider"> |
| | + | <figure> |
| | + | <img src="https://static.igem.org/mediawiki/2015/0/03/ValenciaUPV_HOme_Overview_Image.png"> |
| | + | <img src="https://static.igem.org/mediawiki/2015/9/9a/Valencia_upv_overviewcircuito.png"> |
| | + | </figure> |
| | + | </div> |
| | </section> | | </section> |
| | | | |
