Template:Http://2014.igem.org/Team:Colombia

From 2013.igem.org

(Difference between revisions)
 
(20 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
 +
<!-- 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 66: Line 67:
ul.flatflipbuttons{
ul.flatflipbuttons{
-
margin:0;
+
margin-left:500px;
 +
margin-top: 1200px;
padding:0;
padding:0;
list-style:none;
list-style:none;
Line 219: 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: 32px; /* 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;
}
}
#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 639: Line 647:
</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="http://linacabal.com/juan/s3Slider.js"></script>
 +
<script type="text/javascript">
 +
    $(document).ready(function() {
 +
        $('#slider').s3Slider({
 +
            timeOut: 5000
 +
        });
 +
    });
 +
</script>
Line 658: Line 676:
<![endif]-->
<![endif]-->
 +
<style>
 +
img {
 +
    position: absolute;
 +
    left: 0px;
 +
    top: 0px;
 +
 +
 
 +
}
 +
 +
</style>
Line 664: 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 743: Line 775:
-
 
-
<!-- here you can place an image related to your project or
 
-
 
-
your logo! -->
 
-
<td width="60%" > <img
 
-
 
-
src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderima
 
-
 
-
ge.jpg" width="600px" height="300px"></td>
 
-
 
-
 
-
 
-
<tr ><td coslpan="2" height="35px"></td></tr>
 
-
</tr>
 
-
</table>
 

Latest revision as of 17:28, 22 August 2014

' Wheeltz - CSS3 Navigational Wheel Menu

  • Home
  • University
  • Facebook
  • Twitter