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

From 2013.igem.org

(Difference between revisions)
 
(16 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 54: Line 55:
</style>
</style>
-
 
-
 
-
/* Webfont link */
 
-
@import url(http://fonts.googleapis.com/css?family=Unica+One);
 
-
 
-
/* Plugin base styles */
 
-
 
-
.slider {
 
-
  position: relative;
 
-
  width: 100%;
 
-
  overflow: hidden;
 
-
}
 
-
 
-
.slides {
 
-
  position: relative;
 
-
  padding: 0;
 
-
  list-style: none;
 
-
  letter-spacing: 0;
 
-
  word-spacing: 0;
 
-
  font-size: 0;
 
-
  -webkit-backface-visibility: hidden;
 
-
  -webkit-transform: translate3d(0,0,0);
 
-
}
 
-
 
-
.slides li {
 
-
  display: inline-block;
 
-
  -webkit-backface-visibility: hidden;
 
-
}
 
-
 
-
.slides li img {
 
-
  width: 100%;
 
-
  height: auto;
 
-
}
 
-
 
-
/* Non-plugin styles */
 
-
 
-
* {
 
-
  margin: 0;
 
-
  padding: 0;
 
-
}
 
-
 
-
body {
 
-
  position: relative;
 
-
  width: 90%;
 
-
  max-width: 600px;
 
-
  margin: 0 auto;
 
-
  font-family: 'Unica One', sans-serif;
 
-
}
 
-
 
-
.slide-nav {
 
-
  position: absolute;
 
-
  bottom: 20px;
 
-
  right: 20px;
 
-
  z-index: 1;
 
-
}
 
-
 
-
.slide-nav ul {
 
-
  letter-spacing: 0;
 
-
  word-spacing: 0;
 
-
  font-size: 0;
 
-
}
 
-
 
-
.slide-nav li { display: inline-block; }
 
-
 
-
.slide-nav li a {
 
-
  display: block;
 
-
  color: #444;
 
-
  background: #FFF;
 
-
  text-decoration: none;
 
-
  border-radius: 50%;
 
-
  width: 26px;
 
-
  height: 26px;
 
-
  line-height: 26px;
 
-
  font-size: 12px;
 
-
  text-align: center;
 
-
  margin: 0 0 0 6px;
 
-
}
 
-
 
-
.slide-nav li a.active { color: #DEBB1E; }
 
-
 
-
 
Line 148: 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 300: 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 311: 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 720: 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 739: Line 676:
<![endif]-->
<![endif]-->
 +
<style>
 +
img {
 +
    position: absolute;
 +
    left: 0px;
 +
    top: 0px;
 +
 +
 
 +
}
 +
 +
</style>
Line 745: 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 824: 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>
 
-
 
-
 
-
<section class="slider">
 
-
 
-
  <nav class="slide-nav">
 
-
    <ul>
 
-
      <li><a href="#">01</a></li>
 
-
      <li><a href="#">02</a></li>
 
-
      <li><a href="#">03</a></li>
 
-
      <li><a href="#">04</a></li>
 
-
      <li><a href="#">05</a></li>
 
-
      <li><a href="#">06</a></li>
 
-
    </ul>
 
-
  </nav>
 
-
 
 
-
  <ul class="slides">
 
-
    <li><img src="http://kylefoster.me/cp/Up01.jpg" alt="Slide One"></li>   
 
-
    <li><img src="http://kylefoster.me/cp/Up02.jpg" alt="Slide Two"></li>
 
-
    <li><img src="http://kylefoster.me/cp/Up03.jpg" alt="Slide Three"></li>
 
-
    <li><img src="http://kylefoster.me/cp/Up04.jpg" alt="Slide Four"></li>
 
-
    <li><img src="http://kylefoster.me/cp/Up05.jpg" alt="Slide Five"></li>
 
-
    <li><img src="http://kylefoster.me/cp/Up06.jpg" alt="Slide Five"></li>
 
-
  </ul>
 
-
 
 
-
</section>
 

Latest revision as of 17:28, 22 August 2014

' Wheeltz - CSS3 Navigational Wheel Menu

  • Home
  • University
  • Facebook
  • Twitter


Retrieved from "http://2013.igem.org/Template:Http://2014.igem.org/Team:Colombia"