|
|
Line 280: |
Line 280: |
| width: 1014px; | | width: 1014px; |
| height: 10px; | | height: 10px; |
- | background: url(https://static.igem.org/mediawiki/2012/f/f1/HKU_tb_top.jpg) right bottom no-repeat #FFFFFF;
| |
| } | | } |
| | | |
Line 400: |
Line 399: |
| padding: 13px 0px 0px 0px; | | padding: 13px 0px 0px 0px; |
| /*background: url(https://static.igem.org/mediawiki/2012/4/45/HKU.PNG_footer.png) 0px 0px no-repeat;*/ | | /*background: url(https://static.igem.org/mediawiki/2012/4/45/HKU.PNG_footer.png) 0px 0px no-repeat;*/ |
- | }
| |
- |
| |
- | /*=================================*/
| |
- | /* Nivo Slider Demo
| |
- | /* November 2010
| |
- | /* 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 638: |
Line 486: |
| <div id="wrapper"> | | <div id="wrapper"> |
| <div id="slider-wrapper"> | | <div id="slider-wrapper"> |
- | <div id="slider" class="nivoSlider"> | + | <div id="slider" class="nivoSlider"></div> |
- | <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> | | <p> </p> |
Line 679: |
Line 523: |
| <div id="left"> | | <div id="left"> |
| <p> </p> | | <p> </p> |
- | <iframe width="600" height="360" src="http://www.youtube.com/embed/n6iqs3M3LDQ?feature=player_detailpage" frameborder="0" allowfullscreen></iframe>
| + | <div class="right_b fish_10"><br /> |
- | <div class="right_b fish_10"><br />
| + | |
| <br /> | | <br /> |
| </div> | | </div> |