|
|
(11 intermediate revisions not shown) |
Line 68: |
Line 68: |
| ul.flatflipbuttons{ | | ul.flatflipbuttons{ |
| margin-left:500px; | | margin-left:500px; |
| + | margin-top: 1200px; |
| padding:0; | | padding:0; |
| list-style:none; | | list-style:none; |
Line 220: |
Line 221: |
| font-size:13px; /* Establishes the global font size */ | | font-size:13px; /* Establishes the global font size */ |
| letter-spacing: 1px !important; /* Effects spacing between letters for all fonts in the wheel */ | | letter-spacing: 1px !important; /* Effects spacing between letters for all fonts in the wheel */ |
| + | |
| + | position: absolute; |
| + | top: 1px; |
| + | right: 10px; |
| + | |
| } | | } |
| | | |
| #menu-wrap .orbit{ | | #menu-wrap .orbit{ |
| height: 210px; | | height: 210px; |
- | margin: 35px; /* Pushes the images in the display to the center */ | + | margin: 30px; /* Pushes the images in the display to the center */ position: absolute; |
- | position: absolute;
| + | |
| width: 210px; | | width: 210px; |
| } | | } |
Line 231: |
Line 237: |
| #menu-wrap .orbit-frame{ | | #menu-wrap .orbit-frame{ |
| border:2px solid #999; /* Creates a division between the image and wrap5 */ | | border:2px solid #999; /* Creates a division between the image and wrap5 */ |
| + | |
| } | | } |
| | | |
Line 641: |
Line 648: |
| </style> | | </style> |
| | | |
- | script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> | + | <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> |
| <script type="text/javascript" src="http://linacabal.com/juan/s3Slider.js"></script> | | <script type="text/javascript" src="http://linacabal.com/juan/s3Slider.js"></script> |
| <script type="text/javascript"> | | <script type="text/javascript"> |
Line 650: |
Line 657: |
| }); | | }); |
| </script> | | </script> |
- |
| |
- | <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>
| |
- | <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>
| |
- |
| |
- |
| |
- |
| |
| | | |
| | | |
Line 765: |
Line 676: |
| <![endif]--> | | <![endif]--> |
| | | |
| + | <style> |
| + | img { |
| + | position: absolute; |
| + | left: 0px; |
| + | top: 0px; |
| + | |
| + | |
| + | } |
| + | |
| + | </style> |
| | | |
| | | |
Line 771: |
Line 692: |
| | | |
| <body> | | <body> |
| + | |
| + | |
| + | <img src="https://static.igem.org/mediawiki/2013/0/00/Colombiatop.png" width="1330px" height="450px" align="left" > |
| + | |
| <div id="menu-wrap"> | | <div id="menu-wrap"> |
| <div class="wrap1"> | | <div class="wrap1"> |
Line 850: |
Line 775: |
| | | |
| | | |
- | <table style="width:1300px">
| |
- | <tr>
| |
- | <td>
| |
- |
| |
- | <td>
| |
- |
| |
- | <a href="https://igem.org/Main_Page">
| |
- |
| |
- | <img
| |
- |
| |
- | src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"
| |
- |
| |
- | width="55px"></a>
| |
- |
| |
- |
| |
- |
| |
- | </td>
| |
| | | |
| | | |