|
|
Line 400: |
Line 400: |
| } | | } |
| | | |
- | /*=================================*/
| + | #footer-box{ |
- | /* Nivo Slider Demo
| + | position: relative; |
- | /* November 2010
| + | top: 1000px; |
- | /* By: Gilbert Pellegrom
| + | |
- | /* http://dev7studios.com
| + | |
- | /*=================================*/
| + | |
- | | + | |
- | | + | |
- | #slider-wrapper { | + | |
- | background:url(https://static.igem.org/mediawiki/2012/c/c8/HKU_top1.jpg) no-repeat;
| + | |
- | width: 995px;
| + | |
- | height: 239px;
| + | |
- | margin:0 auto;
| + | |
- | }
| + | |
- | | + | |
- | #slider {
| + | |
- | position:relative;
| + | |
- | width: 995px;
| + | |
- | height: 239px;
| + | |
- | background:url(images/loading.gif) no-repeat 50% 50%;
| + | |
- | }
| + | |
- | #slider img {
| + | |
- | position:absolute;
| + | |
- | top:0px;
| + | |
- | left:0px;
| + | |
- | display:none;
| + | |
- | }
| + | |
- | #slider a {
| + | |
- | border:0;
| + | |
- | display:block;
| + | |
- | }
| + | |
- | | + | |
- | .nivo-controlNav {
| + | |
- | position:absolute;
| + | |
- | left: 440px;
| + | |
- | bottom: -16px;
| + | |
- | | + | |
- | }
| + | |
- | .nivo-controlNav a {
| + | |
- | display:block;
| + | |
- | width:22px;
| + | |
- | height:22px;
| + | |
- | background:url(https://static.igem.org/mediawiki/2012/3/35/HKU_circl.png) no-repeat;
| + | |
- | text-indent:-9999px;
| + | |
- | border:0;
| + | |
- | margin-right:3px;
| + | |
- | float:left;
| + | |
- | }
| + | |
- | .nivo-controlNav a.active, .nivo-controlNav a:hover {
| + | |
- | background:url(https://static.igem.org/mediawiki/2012/5/5e/Circl_hover.png) no-repeat;
| + | |
- | }
| + | |
- | | + | |
- | .nivo-directionNav a {
| + | |
- | display:block;
| + | |
- | width:30px;
| + | |
- | height:30px;
| + | |
- | background:url(https://static.igem.org/mediawiki/2012/9/99/HKU_arr12.png) no-repeat;
| + | |
- | text-indent:-9999px;
| + | |
- | border:0;
| + | |
- | }
| + | |
- | a.nivo-nextNav {
| + | |
- | background-position:-30px 0;
| + | |
- | right:15px;
| + | |
- | }
| + | |
- | a.nivo-prevNav {
| + | |
- | left:15px;
| + | |
- | }
| + | |
- | | + | |
- | .nivo-caption {
| + | |
- | text-shadow:none;
| + | |
- | font-family: Helvetica, Arial, sans-serif;
| + | |
- | }
| + | |
- | .nivo-caption a {
| + | |
- | color:#efe9d1;
| + | |
- | text-decoration:underline;
| + | |
- | }
| + | |
- | | + | |
- | /* The Nivo Slider styles */
| + | |
- | | + | |
- | .nivoSlider {
| + | |
- | position:relative;
| + | |
- | }
| + | |
- | .nivoSlider img {
| + | |
- | position:absolute;
| + | |
- | top:0px;
| + | |
- | left:0px;
| + | |
- | }
| + | |
- | /* If an image is wrapped in a link */
| + | |
- | .nivoSlider a.nivo-imageLink {
| + | |
- | position:absolute;
| + | |
- | top:0px;
| + | |
- | left:0px;
| + | |
- | width:100%;
| + | |
- | height:100%;
| + | |
- | border:0;
| + | |
- | padding:0;
| + | |
- | margin:0;
| + | |
- | z-index:60;
| + | |
- | display:none;
| + | |
- | }
| + | |
- | /* The slices in the Slider */
| + | |
- | .nivo-slice {
| + | |
- | display:block;
| + | |
- | position:absolute;
| + | |
- | z-index:50;
| + | |
- | height:100%;
| + | |
- | }
| + | |
- | /* Caption styles */
| + | |
- | .nivo-caption {
| + | |
- | position:absolute;
| + | |
- | left:0px;
| + | |
- | bottom:0px;
| + | |
- | background:#000;
| + | |
- | color:#fff;
| + | |
- | opacity:0.8; /* Overridden by captionOpacity setting */
| + | |
- | width:100%;
| + | |
- | z-index:89;
| + | |
- | }
| + | |
- | .nivo-caption p {
| + | |
- | padding:5px;
| + | |
- | margin:0;
| + | |
- | }
| + | |
- | .nivo-caption a {
| + | |
- | display:inline !important;
| + | |
- | }
| + | |
- | .nivo-html-caption {
| + | |
- | display:none;
| + | |
- | }
| + | |
- | /* Direction nav styles (e.g. Next & Prev) */
| + | |
- | .nivo-directionNav a {
| + | |
- | position:absolute;
| + | |
- | top:45%;
| + | |
- | z-index:99;
| + | |
- | cursor:pointer;
| + | |
- | }
| + | |
- | .nivo-prevNav {
| + | |
- | left:0px;
| + | |
- | }
| + | |
- | .nivo-nextNav {
| + | |
- | right:0px;
| + | |
- | }
| + | |
- | /* Control nav styles (e.g. 1,2,3...) */
| + | |
- | .nivo-controlNav a {
| + | |
- | position:relative;
| + | |
- | z-index:99;
| + | |
- | cursor:pointer;
| + | |
- | }
| + | |
- | .nivo-controlNav a.active {
| + | |
- | font-weight:bold;
| + | |
| } | | } |
| | | |
Line 614: |
Line 468: |
| <li class="topmenu"><a href="#" style="height:26px;line-height:26px;"> Project </a> | | <li class="topmenu"><a href="#" style="height:26px;line-height:26px;"> Project </a> |
| <ul> | | <ul> |
- | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Project/Background.html">Background</a></li></font>
| + | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Project/Background.html">Background</a></li></font> |
- | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Project/Future_Implications.html">Future Implications</a></li></font>
| + | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Project/Future_Implications.html">Future Implications</a></li></font> |
| </ul> | | </ul> |
| </li> | | </li> |
| <li class="topmenu"><a href="#" style="height:26px;line-height:26px;"> Data </a> | | <li class="topmenu"><a href="#" style="height:26px;line-height:26px;"> Data </a> |
| <ul> | | <ul> |
- | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Protocols.html">Protocols</a></li></font>
| + | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Weekly_Notebook.html">Weekly Notebook</a></li></font> |
- | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Weekly_Notebook.html">Weekly Notebook</a></li></font>
| + | |
| <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Bio_Bricks.html">Bio Bricks</a></li></font> | | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Bio_Bricks.html">Bio Bricks</a></li></font> |
- | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Results.html">Results</a></li></font>
| + | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Results.html">Results</a></li></font> |
| </ul> | | </ul> |
| </li> | | </li> |
| + | <li class="topmenu"><a href="#" style="height:26px;line-height:26px;"> Protocols </a> |
| + | <ul> |
| + | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Mol_Protocols.html"> Molecular Cloning </a></li></font> |
| + | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/pvdQ_Protocols.html"> pvdQ Expression Analysis </a></li></font> |
| + | </ul> |
| + | </li> |
| <li class="topmenu"><a href="https://2012.igem.org/Team:HKU_HongKong/Safety.html" style="height:26px;line-height:26px;"> Safety </a></li> | | <li class="topmenu"><a href="https://2012.igem.org/Team:HKU_HongKong/Safety.html" style="height:26px;line-height:26px;"> Safety </a></li> |
| <li class="topmenu"><a href="https://2012.igem.org/Team:HKU_HongKong/Attributions.html" style="height:26px;line-height:26px;"> Attributions </a></li> | | <li class="topmenu"><a href="https://2012.igem.org/Team:HKU_HongKong/Attributions.html" style="height:26px;line-height:26px;"> Attributions </a></li> |
Line 631: |
Line 490: |
| </ul> | | </ul> |
| <p> </p> | | <p> </p> |
- |
| |
- | <div class="scroll_header">
| |
- | <div id="wrapper">
| |
- | <div id="slider-wrapper">
| |
- | <div id="slider" class="nivoSlider">
| |
- | <img src="https://static.igem.org/mediawiki/2012/c/c8/HKU_top1.jpg" alt="" />
| |
- | <img src="https://static.igem.org/mediawiki/2012/c/c8/HKU_top1.jpg" alt=""/>
| |
- | <img src="https://static.igem.org/mediawiki/2012/c/c8/HKU_top1.jpg" alt="" />
| |
- | </div>
| |
- | <p> </p>
| |
- | <p> </p>
| |
- | <p> </p>
| |
- | </div>
| |
- | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
| |
- | <script type="text/javascript" src="lib/jquery.nivo.slider.pack.js"></script>
| |
- | <script type="text/javascript">
| |
- | $(window).load(function() {
| |
- | $('#slider').nivoSlider();
| |
- | });
| |
- | </script>
| |
| | | |
- | </div> <div style="clear: both"></div>
| |
- |
| |
- | </div>
| |
- | <div style="clear: both"></div>
| |
- | <!-- header ends -->
| |
- | <!-- table begins -->
| |
- | <div id="tb">
| |
- | <div id="right">
| |
- | <p> </p>
| |
- | <p> </p>
| |
- | <div class="text">
| |
- | <div class="col">
| |
- | <div class="col_left">
| |
- | <div class="images" ><br />
| |
- | <br />
| |
- | <br />
| |
- | </div>
| |
- | <div class="read pad_view"><a href="#">view more</a></div>
| |
- | </div>
| |
- | <div class="col_right"></div>
| |
- | <div class="read"><a href="#"> read more</a></div>
| |
- | </div>
| |
- | </div>
| |
- |
| |
- |
| |
- | </div>
| |
- | <p> </p>
| |
- | <p> </p>
| |
- | <p> </p>
| |
- | <p> </p>
| |
- | <div id="left">
| |
- | <h1> News</h1>
| |
- | <div class="right_b fish_10"><br />
| |
- | <br />
| |
- | </div>
| |
- | <div class="right_b fish_11"><br />
| |
- | </div>
| |
- | </div>
| |
- | <div style="clear: both"><img src="images/spaser.gif" alt="" width="1" height="1" /></div>
| |
- | </div>
| |
- | <div id="bot_tb"></div>
| |
- | <!-- table ends -->
| |
- | <!-- footer begins -->
| |
- | <div id="footer">
| |
- | </div>
| |
- | <!-- footer ends -->
| |
- | </div>
| |
| </body> | | </body> |
| </html> | | </html> |