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

From 2013.igem.org

(Difference between revisions)
 
(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>
 

Latest revision as of 17:28, 22 August 2014

' Wheeltz - CSS3 Navigational Wheel Menu

  • Home
  • University
  • Facebook
  • Twitter