Template:Http://2014.igem.org/Team:Colombia
From 2013.igem.org
(Difference between revisions)
(70 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 44: | Line 45: | ||
} | } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | <style> | ||
+ | table,th,td | ||
+ | { | ||
+ | Background:#C68E17; | ||
+ | } | ||
</style> | </style> | ||
Line 49: | Line 58: | ||
+ | <!-- Inferior Menu--> | ||
<link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet"> | <link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet"> | ||
Line 57: | Line 67: | ||
ul.flatflipbuttons{ | ul.flatflipbuttons{ | ||
- | margin: | + | margin-left:500px; |
+ | margin-top: 1200px; | ||
padding:0; | padding:0; | ||
list-style:none; | list-style:none; | ||
Line 180: | Line 191: | ||
</style> | </style> | ||
+ | |||
+ | |||
+ | <!-- Navigation Menu --> | ||
<style> | <style> | ||
+ | |||
@font-face { | @font-face { | ||
font-family: 'FranklinGothicMediumRegular'; /* For non-web-standard fonts, define the font name here */ | font-family: 'FranklinGothicMediumRegular'; /* For non-web-standard fonts, define the font name here */ | ||
Line 206: | 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: 30px; /* Pushes the images in the display to the center */ position: absolute; | |
- | + | ||
- | + | 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 273: | Line 294: | ||
ul.menuBuild ul.submenu li.second{ | ul.menuBuild ul.submenu li.second{ | ||
- | -webkit-transform:rotate(- | + | -webkit-transform:rotate(-8deg); /* webkit browsers */ |
- | -moz-transform:rotate(- | + | -moz-transform:rotate(-8deg); /* firefox */ |
- | -o-transform:rotate(- | + | -o-transform:rotate(-8deg); /* opera */ |
- | -ms-transform: rotate(- | + | -ms-transform: rotate(-8deg); /* for IE9 and future versions */ |
- | transform: rotate(- | + | transform: rotate(-8deg); /* For older broswers */ |
margin-left:-3px; | margin-left:-3px; | ||
opacity: 0.85; | opacity: 0.85; | ||
Line 283: | Line 304: | ||
ul.menuBuild ul.submenu li.third{ | ul.menuBuild ul.submenu li.third{ | ||
- | -webkit-transform:rotate( | + | -webkit-transform:rotate(-4deg); /* webkit browsers */ |
- | -moz-transform:rotate( | + | -moz-transform:rotate(-4deg); /* firefox */ |
- | -o-transform:rotate( | + | -o-transform:rotate(-4deg); /* opera */ |
- | -ms-transform: rotate( | + | -ms-transform: rotate(-4deg); /* for IE9 and future versions */ |
- | transform: rotate( | + | transform: rotate(-4deg); /* For older broswers */ |
+ | margin-left:-1px; | ||
+ | opacity: 0.85; | ||
+ | } | ||
+ | |||
+ | ul.menuBuild ul.submenu li.fourth{ | ||
+ | -webkit-transform:rotate(0deg); /* webkit browsers */ | ||
+ | -moz-transform:rotate(0deg); /* firefox */ | ||
+ | -o-transform:rotate(0deg); /* opera */ | ||
+ | -ms-transform: rotate(0deg); /* for IE9 and future versions */ | ||
+ | transform: rotate(0deg); /* For older broswers */ | ||
margin-left:-3px; | margin-left:-3px; | ||
opacity: 0.85; | opacity: 0.85; | ||
Line 321: | Line 352: | ||
ul.menuBuild li:hover span{display:block;}**/ | ul.menuBuild li:hover span{display:block;}**/ | ||
- | ul.menuBuild li#menu1, ul.menuBuild li#menu2, ul.menuBuild li#menu3, ul.menuBuild li#menu4, ul.menuBuild li#menu5{ | + | ul.menuBuild li#menu1, ul.menuBuild li#menu2, ul.menuBuild li#menu3, ul.menuBuild li#menu4, ul.menuBuild li#menu5, ul.menuBuild li#menu6{ |
-webkit-border-radius: 4px 0 0 4px; /* webkit */ | -webkit-border-radius: 4px 0 0 4px; /* webkit */ | ||
-moz-border-radius: 4px 0 0 4px; /* firefox */ | -moz-border-radius: 4px 0 0 4px; /* firefox */ | ||
Line 334: | Line 365: | ||
-pie-background: linear-gradient(left, #464646 78%, #363636 97%, #222222 100%); /*IE fix using Pie*/ | -pie-background: linear-gradient(left, #464646 78%, #363636 97%, #222222 100%); /*IE fix using Pie*/ | ||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#464646', endColorstr='#222222',GradientType=1 ); /* ie */ | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#464646', endColorstr='#222222',GradientType=1 ); /* ie */ | ||
- | + | height: 18px; | |
- | + | padding: 8px; | |
- | + | position: absolute; | |
- | margin-top: | + | margin-top:145px; |
- | width:138px; | + | width:138px; |
+ | margin-left:14px; | ||
+ | |||
+ | |||
} | } | ||
ul.menuBuild li#menu2{ | ul.menuBuild li#menu2{ | ||
- | -webkit-transform:rotate( | + | -webkit-transform:rotate(20deg); /* webkit */ |
- | -moz-transform:rotate( | + | -moz-transform:rotate(20deg); /* firefox */ |
- | -o-transform:rotate( | + | -o-transform:rotate(20deg); /* opera */ |
- | -ms-transform: rotate( | + | -ms-transform: rotate(20deg); /* ie9 and future versions */ |
- | transform: rotate( | + | transform: rotate(20deg); /* older browsers */ |
- | margin-top: | + | margin-top: 0px; |
- | margin-left: | + | margin-left:35px; |
} | } | ||
ul.menuBuild li#menu3{ | ul.menuBuild li#menu3{ | ||
- | -webkit-transform:rotate( | + | -webkit-transform:rotate(15deg); /* webkit */ |
- | -moz-transform:rotate( | + | -moz-transform:rotate(15deg); /* firefox */ |
- | -o-transform:rotate( | + | -o-transform:rotate(15deg); /* opera */ |
- | -ms-transform: rotate( | + | -ms-transform: rotate(15deg); /* ie9 and future versions */ |
- | transform: rotate( | + | transform: rotate(15deg); /* older browsers */ |
- | margin-top: | + | margin-top: 35px; |
- | margin-left: | + | margin-left:20px; |
} | } | ||
ul.menuBuild li#menu4{ | ul.menuBuild li#menu4{ | ||
- | -moz-transform: rotate( | + | -moz-transform: rotate(10deg); /* firefox */ |
- | -ms-transform: rotate( | + | -ms-transform: rotate(10deg); /* ie9 and future versions */ |
- | transform: rotate( | + | transform: rotate(10deg); /* older browsers */ |
- | -webkit-transform: rotate( | + | -webkit-transform: rotate(10deg); /* webkit */ |
- | -o-transform: rotate( | + | -o-transform: rotate(10deg); /* opera */ |
- | margin-top: | + | margin-top: 70px; |
- | margin-left: | + | margin-left:16px; |
} | } | ||
ul.menuBuild li#menu5{ | ul.menuBuild li#menu5{ | ||
- | -moz-transform: rotate( | + | -moz-transform: rotate(5deg); /* firefox */ |
- | -ms-transform: rotate( | + | -ms-transform: rotate(5deg); /* ie9 and future versions */ |
- | transform: rotate( | + | transform: rotate(5deg); /* older browsers */ |
- | -webkit-transform: rotate( | + | -webkit-transform: rotate(5deg); /* webkit */ |
- | -o-transform: rotate( | + | -o-transform: rotate(5deg); /* opera */ |
- | margin-top: | + | margin-top: 108px; |
- | margin-left: | + | margin-left:12px; |
} | } | ||
+ | |||
+ | ul.menuBuild li#menu6{ | ||
+ | -moz-transform: rotate(-6deg); /* firefox */ | ||
+ | -ms-transform: rotate(-6deg); /* ie9 and future versions */ | ||
+ | transform: rotate(-6deg); /* older browsers */ | ||
+ | -webkit-transform: rotate(-6deg); /* webkit */ | ||
+ | -o-transform: rotate(-6deg); /* opera */ | ||
+ | margin-top: 183px; | ||
+ | margin-left:21px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
/*********************************** | /*********************************** | ||
Line 386: | Line 433: | ||
ul.menuBuild li#menu1 > ul{ | ul.menuBuild li#menu1 > ul{ | ||
- | margin-top:- | + | margin-top:-55px; |
- | left: | + | left:0px; |
} | } | ||
Line 394: | Line 441: | ||
-moz-transform:rotate(10deg); /* firefox */ | -moz-transform:rotate(10deg); /* firefox */ | ||
-o-transform:rotate(10deg); /* opera */ | -o-transform:rotate(10deg); /* opera */ | ||
- | -ms-transform: rotate( | + | -ms-transform: rotate(10deg); /* ie9 and future versions */ |
- | transform: rotate( | + | transform: rotate(10deg); /* older browsers */ |
- | left: | + | left: 17px; |
margin-top: -38px; | margin-top: -38px; | ||
} | } | ||
Line 411: | Line 458: | ||
ul.menuBuild li#menu4 > ul{ | ul.menuBuild li#menu4 > ul{ | ||
- | -webkit-transform:rotate( | + | -webkit-transform:rotate(0deg); /* webkit */ |
- | -moz-transform:rotate( | + | -moz-transform:rotate(0deg); /* firefox */ |
- | -o-transform:rotate( | + | -o-transform:rotate(0deg); /* opera */ |
- | -ms-transform: rotate( | + | -ms-transform: rotate(0deg); /* ie9 and future versions */ |
- | transform: rotate( | + | transform: rotate(0deg); /* older browsers */ |
- | left: | + | left: 0px; |
margin-top: -40px; | margin-top: -40px; | ||
} | } | ||
ul.menuBuild li#menu5> ul{ | ul.menuBuild li#menu5> ul{ | ||
+ | -webkit-transform:rotate(0deg); /* webkit */ | ||
+ | -moz-transform:rotate(0deg); /* firefox */ | ||
+ | -o-transform:rotate(0deg); /* opera */ | ||
+ | -ms-transform: rotate(0deg); /* ie9 and future versions */ | ||
+ | transform: rotate(0deg); /* older browsers */ | ||
+ | left: 0px; | ||
+ | margin-top: -50px; | ||
+ | } | ||
+ | |||
+ | ul.menuBuild li#menu6> ul{ | ||
-webkit-transform:rotate(42deg); /* webkit */ | -webkit-transform:rotate(42deg); /* webkit */ | ||
-moz-transform:rotate(42deg); /* firefox */ | -moz-transform:rotate(42deg); /* firefox */ | ||
Line 426: | Line 483: | ||
-ms-transform: rotate(42deg); /* ie9 and future versions */ | -ms-transform: rotate(42deg); /* ie9 and future versions */ | ||
transform: rotate(42deg); /* older browsers */ | transform: rotate(42deg); /* older browsers */ | ||
- | left: | + | left: 0px; |
- | margin-top: - | + | margin-top: -50px; |
} | } | ||
+ | |||
+ | |||
+ | |||
ul.menuBuild li:hover > ul { /* one of the most important declarations - the browser must detect hovering over arbitrary elements, the > targets only the child ul, not any child uls of that child ul */ | ul.menuBuild li:hover > ul { /* one of the most important declarations - the browser must detect hovering over arbitrary elements, the > targets only the child ul, not any child uls of that child ul */ | ||
display: block; /* makes the child block visible - one of the most important declarations */ | display: block; /* makes the child block visible - one of the most important declarations */ | ||
Line 586: | Line 646: | ||
+ | </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> | ||
- | + | <!-- beginning of your page --> | |
- | < | + | |
Line 607: | Line 676: | ||
<![endif]--> | <![endif]--> | ||
+ | <style> | ||
+ | img { | ||
+ | position: absolute; | ||
+ | left: 0px; | ||
+ | top: 0px; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | </style> | ||
Line 613: | 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 625: | Line 708: | ||
<div class="nav-holder"> | <div class="nav-holder"> | ||
- | <!-- start menu !--> | + | <!-- start navigation menu !--> |
<ul class="menuBuild"> | <ul class="menuBuild"> | ||
- | <li id="menu1"><a href="https://2014.igem.org/Team:Colombia/ | + | <li id="menu1"><a href="https://2014.igem.org/Team:Colombia/Modeling">Modelling</a> |
- | + | ||
- | + | <ul class="submenu sub1"> | |
- | <ul class="submenu | + | <li class="first"><a href="https://2014.igem.org/Team:Colombia/Deterministic">Deterministic</a></li> |
- | <li class="first"><a href="https://2014.igem.org/Team:Colombia/ | + | |
<li class="second"><a href="https://2014.igem.org/Team:Colombia/Stochastic">Stochastic </a></li> | <li class="second"><a href="https://2014.igem.org/Team:Colombia/Stochastic">Stochastic </a></li> | ||
<li class="third"><a href="https://2014.igem.org/Team:Colombia/Parameters">Parameters</a></li> | <li class="third"><a href="https://2014.igem.org/Team:Colombia/Parameters">Parameters</a></li> | ||
<li class="fourth"><a href="https://2014.igem.org/Team:Colombia/Scripting">Scripting</a></li> | <li class="fourth"><a href="https://2014.igem.org/Team:Colombia/Scripting">Scripting</a></li> | ||
</ul> | </ul> | ||
+ | |||
</li> | </li> | ||
- | <li id="menu3"><a href="https://2014.igem.org/Team:Colombia/Parts">Parts</a> | + | <li id="menu2"><a href="https://2014.igem.org/Team:Colombia/Projectt">Project</a> |
+ | </li> | ||
+ | |||
+ | <li id="menu3"><a href="https://2014.igem.org/Team:Colombia/Parts">Parts</a> | ||
+ | |||
</li> | </li> | ||
- | <li id="menu4"><a href="https://2014.igem.org/Team:Colombia/ | + | <li id="menu4"><a href="https://2014.igem.org/Team:Colombia/WetLab">Wet Lab</a> |
- | <ul class="submenu sub4"> | + | |
+ | <ul class="submenu sub4"> | ||
- | <li class="first"><a href=" | + | <li class="first"><a href="https://2014.igem.org/Team:Colombia/Notebook"></a>Notebook</li> |
- | <li class="second"><a href=" | + | <li class="second"><a href="https://2014.igem.org/Team:Colombia/Interlabb">Interlab</a></li> |
- | <li><a href=" | + | <li class="third"><a href="https://2014.igem.org/Team:Colombia/Safety">Safety</a></li> |
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | <li id="menu5"><a href="https://2014.igem.org/Team:Colombia/Team">Team</a> | ||
+ | |||
+ | <ul class="submenu sub5"> | ||
+ | |||
+ | <li class="first"><a href="https://2014.igem.org/Team:Colombia/Attributions"></a>Attributions</li> | ||
+ | <li class="second"><a href="https://2014.igem.org/Team:Colombia/Members">Members</a></li> | ||
+ | <li class="third"><a href="https://2014.igem.org/Team:Colombia/Judging">Judging</a></li> | ||
+ | <li class="fourth"><a href="https://igem.org/Team.cgi?id=1455">Oficial site</a></li> | ||
</ul> | </ul> | ||
+ | |||
+ | |||
</li> | </li> | ||
- | + | <li id="menu6"><a href="https://2014.igem.org/Team:Colombia/HPPt">Human Practices</a> | |
- | + | ||
</li> | </li> | ||
+ | |||
+ | |||
</ul> | </ul> | ||
Line 670: | Line 772: | ||
- | <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> | + | <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | |||
- | |||
- | |||
Latest revision as of 17:28, 22 August 2014
'