|
|
Line 1: |
Line 1: |
| <html> | | <html> |
- |
| |
- | <head>
| |
- | <style type="text/css" media="screen">
| |
- | #slider {
| |
- | width: 970px; /* important to be same as image width */
| |
- | height: 244px; /* important to be same as image height */
| |
- | position: relative; /* important */
| |
- | overflow: hidden; /* important */
| |
- | margin-left: -2px;
| |
- | }
| |
- | #sliderContent {
| |
- | width: 970px; /* important to be same as image width or wider */
| |
- | position: absolute;
| |
- | top: 0;
| |
- | margin-left: 0;
| |
- | }
| |
- | .sliderImage {
| |
- | float: left;
| |
- | position: relative;
| |
- | display: none;
| |
- | }
| |
- | .sliderImage span {
| |
- | position: absolute;
| |
- | font: 10px/15px Arial, Helvetica, sans-serif;
| |
- | width: 384px;
| |
- |
| |
- | display: none;
| |
- |
| |
- | }
| |
- | .clear {
| |
- | clear: both;
| |
- | }
| |
- | .sliderImage span strong {
| |
- | font-size: 14px;
| |
- | }
| |
- | .top {
| |
- | top: 0;
| |
- | left: 0;
| |
- | }
| |
- | .bottom {
| |
- | bottom: 0;
| |
- | left: 0;
| |
- | }
| |
- | ul { list-style-type: none;}
| |
- | </style>
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | </head>
| |
- |
| |
| | | |
| <!-- this section changes the default wiki template to a white full width background --> | | <!-- this section changes the default wiki template to a white full width background --> |
Line 93: |
Line 42: |
| | | |
| | | |
- | </style> | + | </style> /*Menu inferior*/ |
| | | |
| <link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet"> | | <link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet"> |
Line 237: |
Line 186: |
| | | |
| <div id="contentcontainer"> | | <div id="contentcontainer"> |
- |
| |
- | <body>
| |
- | <div id="slider">
| |
- | <ul id="sliderContent">
| |
- | <li class="sliderImage">
| |
- | <img src="https://static.igem.org/mediawiki/2012/a/a0/SL1.png" alt="1" />
| |
- | <span class="top"><img src="https://static.igem.org/mediawiki/2012/9/97/Logo_COL_1.png" alt="1" /></span>
| |
- | </li>
| |
- | <li class="sliderImage">
| |
- | <img src="https://static.igem.org/mediawiki/2012/e/ef/SL2.png" alt="2" />
| |
- | <span class="top"><img src="https://static.igem.org/mediawiki/2012/9/97/Logo_COL_1.png" alt="2" /></span>
| |
- | </li>
| |
- | <li class="sliderImage">
| |
- | <img src="https://static.igem.org/mediawiki/2012/7/72/SL3.png" alt="3" />
| |
- | <span class="top"><img src="https://static.igem.org/mediawiki/2012/9/97/Logo_COL_1.png" alt="3" /></span>
| |
- | </li>
| |
- | <li class="sliderImage">
| |
- | <img src="https://static.igem.org/mediawiki/2012/6/6f/SL4.png" alt="4" />
| |
- | <span class="top"><img src="https://static.igem.org/mediawiki/2012/9/97/Logo_COL_1.png" alt="4" /></span>
| |
- | </li>
| |
- | <li class="sliderImage">
| |
- | <img src="https://static.igem.org/mediawiki/2012/5/5d/SL5.png" alt="5" />
| |
- | <span class="top"><img src="https://static.igem.org/mediawiki/2012/9/97/Logo_COL_1.png" alt="5" /></span>
| |
- | </li>
| |
- | <li class="sliderImage">
| |
- | <img src="https://static.igem.org/mediawiki/2012/3/33/SL6.png" alt="6" />
| |
- | <span class="top"><img src="https://static.igem.org/mediawiki/2012/9/97/Logo_COL_1.png" alt="6" /></span>
| |
- | </li>
| |
- | <li class="sliderImage">
| |
- | <img src="https://static.igem.org/mediawiki/2012/c/c6/SL7.png" alt="7" />
| |
- | <span class="top"><img src="https://static.igem.org/mediawiki/2012/9/97/Logo_COL_1.png" alt="7" /></span>
| |
- | </li>
| |
- | <li class="sliderImage">
| |
- | <img src="https://static.igem.org/mediawiki/2012/1/1d/SL8.png" alt="8" />
| |
- | <span class="top"><img src="https://static.igem.org/mediawiki/2012/9/97/Logo_COL_1.png" alt="8" /></span>
| |
- | </li>
| |
- | <li class="sliderImage">
| |
- | <img src="https://static.igem.org/mediawiki/2012/9/9e/SL9.png" alt="9" />
| |
- | <span class="top"><img src="https://static.igem.org/mediawiki/2012/9/97/Logo_COL_1.png" alt="9" /></span>
| |
- | </li>
| |
- | <li class="sliderImage">
| |
- | <img src="https://static.igem.org/mediawiki/2012/6/6f/SL10.png" alt="10" />
| |
- | <span class="top"><img src="https://static.igem.org/mediawiki/2012/9/97/Logo_COL_1.png" alt="10" /></span>
| |
- | </li>
| |
- | <div class="clear sliderImage"></div>
| |
- | </ul>
| |
- | </div>
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | <div id="droplinetabs1" class="droplinetabs">
| |
- | <ul>
| |
- | <li><a href="http://www.dynamicdrive.com/"><span>Home</span></a></li>
| |
- | <li><a href="http://www.dynamicdrive.com/style/"><span>CSS Examples</span></a>
| |
- | <ul>
| |
- | <li><a href="#">Activities 1</a></li>
| |
- | <li><a href="#">Activities 2</a></li>
| |
- | <li><a href="#">Activities 3</a>
| |
- | <ul>
| |
- | <li><a href="#">Water Sports 1</a></li>
| |
- | <li><a href="#">Water Sports 1</a></li>
| |
- | <li><a href="#">Water Sports 1</a></li>
| |
- | <li><a href="#">Water Sports 1</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | <li><a href="#">Activities 4</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | <li><a href="http://tools.dynamicdrive.com"><span>Tools</span></a></li>
| |
- | <li><a href="http://www.javascriptkit.com/"><span>JavaScript</span></a>
| |
- | <ul>
| |
- | <li><a href="#">Traveling 1</a></li>
| |
- | <li><a href="#">Traveling 2</a></li>
| |
- | <li><a href="#">Traveling 3</a></li>
| |
- | <li><a href="#">Traveling 4</a>
| |
- | <ul>
| |
- | <li><a href="#">Africa 1</a></li>
| |
- | <li><a href="#">Africa 2</a></li>
| |
- | <li><a href="#">Africa 3</a></li>
| |
- | <li><a href="#">Africa 4</a>
| |
- | <ul>
| |
- | <li><a href="#">Kenya 1</a></li>
| |
- | <li><a href="#">Kenya 2</a></li>
| |
- | <li><a href="#">Kenya 3</a></li>
| |
- | <li><a href="#">Kenya 4</a></li>
| |
- | <li><a href="#">Kenya 5</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | </ul>
| |
- | </li>
| |
- | <li><a href="#">Traveling 5</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | <li><a href="http://www.cssdrive.com"><span>Gallery</span></a></li>
| |
- | </ul>
| |
- | </div>
| |
- |
| |
- |
| |
| | | |
| <ul class="flatflipbuttons"> | | <ul class="flatflipbuttons"> |