Team:Baskent-Meds/test
From 2012.igem.org
(Difference between revisions)
BurakGulsen (Talk | contribs) |
BurakGulsen (Talk | contribs) |
||
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | <head> | ||
+ | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> | ||
+ | <title>Smooth Animated jQuery Menu</title> | ||
+ | <link rel="stylesheet" href="http://buildinternet.com/live/smoothmenu/animated-menu.css"/> | ||
+ | <script src="http://jqueryjs.googlecode.com/files/jquery-1.3.js" type="text/javascript"></script> | ||
+ | <script src="http://buildinternet.com/live/smoothmenu/js/jquery.easing.1.3.js" type="text/javascript"></script> | ||
+ | <script src="http://buildinternet.com/live/smoothmenu/animated-menu.js" type="text/javascript"></script> | ||
+ | <link rel="stylesheet" type="text/css" media="screen" href="http://www.bustack.com/wiki/css/coda-slider.css"> | ||
- | + | <!-- | |
- | + | I would suggest using these for production, because of better caching | |
- | + | ||
- | + | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> | |
- | + | <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script> | |
- | + | --> | |
- | + | <!-- Definitely use these for development --> | |
- | + | <script src="http://www.bustack.com/wiki/js/jquery-1.7.2.min.js"></script> | |
+ | <script src="http://www.bustack.com/wiki/js/jquery-ui-1.8.20.custom.min.js"></script> | ||
+ | <!-- This of course is required. The full version (not .min) is also included in the js directory --> | ||
+ | <script src="http://www.bustack.com/wiki/js/jquery.coda-slider-3.0.min.js"></script> | ||
+ | |||
+ | <script> | ||
+ | $(document).ready(function(){ | ||
+ | |||
+ | $('#slider-id').codaSlider({ | ||
+ | autoSlide:true, | ||
+ | autoHeight:false, | ||
+ | dynamicArrowsGraphical:true, | ||
+ | dynamicTabs: false, | ||
+ | dynamicArrows: true | ||
+ | }); | ||
+ | |||
+ | |||
+ | }); | ||
+ | |||
+ | </script> | ||
+ | <script language="JavaScript" type="text/JavaScript"> | ||
+ | <!-- | ||
+ | function MM_reloadPage(init) { //reloads the window if Nav4 resized | ||
+ | if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { | ||
+ | document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} | ||
+ | else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); | ||
+ | } | ||
+ | MM_reloadPage(true); | ||
+ | //--> | ||
+ | </script> | ||
+ | </head> | ||
+ | <style type="text/css"> | ||
+ | h1{margin:100px;}.style1 {font-family: "Gill Sans MT", Helvetica} | ||
+ | #top-section {height: 20px;border-left: none;border-right: none;} | ||
+ | #siteSub {display:none;} | ||
+ | #search-controls {display:none;} | ||
+ | .firstHeading {display:none;} | ||
+ | #search-controls {margin-top:0px;} | ||
+ | #footer-box {display:none;} | ||
+ | #contentSub {display:none;} | ||
+ | #siteSub {display:none;} | ||
+ | #search-controls {display:none;} | ||
+ | .firstHeading {display:none;} | ||
+ | #search-controls {margin-top:0px;} | ||
+ | #footer-box {display:none;} | ||
+ | #top-section {height: 20px;border-left: none;border-right: none;} | ||
+ | .left-menu {margin-top:-12px; | ||
+ | }.right-menu {margin-top:-12px;} | ||
+ | .left-menu ul {border: none;} | ||
+ | #menubar li a { color:#8C8984; background-color:transparent;} | ||
+ | #menubar ul { color:transparent; background-color:transparent;} | ||
+ | #menubar { background-color:transparent; font-size:85%; line-height:1em; position:absolute; top:10px; white-space:nowrap; width:50%; z-index:5; height:20px; overflow:hidden} | ||
+ | .left-menu { left:0; padding-left: 0px;} | ||
+ | .right-menu { right:0; } | ||
+ | .firstHeading { display:none; } | ||
+ | #menubar{color: #transparent;} | ||
+ | #menubar.right-menu {margin-top:-12px;} | ||
+ | .right-menu ul {border: none;} | ||
+ | #menubar{top:15px;z-index:25;} | ||
+ | #menubar { background-color:f5f6f7; font-size:85%; line-height:1em; position:absolute; top:10px; white-space:nowrap; width:50%; z-index:5; height:20px; overflow:hidden}img[src*="/wiki/skins/common/images/wiki.png"]{ width:0; height:60px; padding-right:975px; background:#transparent;} | ||
+ | #p-logo a{color:#transparent;} | ||
+ | #catlinks { height: 0px; overflow: hidden; display: none; border: } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
body{ | body{ | ||
font-family:"Gill Sans MT", Helvetica; | font-family:"Gill Sans MT", Helvetica; | ||
Line 118: | Line 146: | ||
font-size: 18px; | font-size: 18px; | ||
} | } | ||
+ | .style2 { | ||
+ | font-size: 16px; | ||
+ | color: #FFFFFF; | ||
+ | } | ||
a:link { | a:link { | ||
text-decoration: none; | text-decoration: none; | ||
Line 133: | Line 165: | ||
color: #FFFFFF; | color: #FFFFFF; | ||
} | } | ||
+ | .style1 {font-family: "Gill Sans MT", Helvetica} | ||
.style3 {color: #000000} | .style3 {color: #000000} | ||
- | + | </style> | |
- | + | </head> | |
- | + | <body> | |
- | + | <div id="Layer2" style="position:absolute; left:-2px; top:0px; width:975px; height:1801px; z-index:2"> | |
- | + | <div id="Layer1" style="position:absolute; left:-1px; top:-35px; width:906px; height:91px; z-index:1"> | |
- | + | <p> </p> | |
- | + | <ul><li class="green"><p><a href="/Team:Baskent-Meds">Home</a></p> | |
- | + | <p class="subtext"> | |
- | + | <span class="style2">Where we started</span></p> | |
- | + | </li> | |
- | + | <li class="yellow"> | |
- | + | <p><a href="/Team:Baskent-Meds/Project">Project</a></p> | |
- | + | <p class="style2">Our lovely project</p> | |
- | + | </li> | |
- | + | <li class="red"> | |
- | + | <p><a href="/Team:Baskent-Meds/Notebook">Notebook</a></p> | |
- | + | <p class="style2">Our beloved Notebook</p> | |
- | + | </li> | |
- | + | <li class="blue"> | |
- | + | <p><a href="/Team:Baskent-Meds/Results">Results</a></p> | |
- | + | <p class="style2">Yeah, that's all, for now </p> | |
- | + | </li> | |
- | + | <li class="purple"> | |
- | </ | + | <p><a href="/Team:Baskent-Meds/Gallery">Gallery</a></p> |
- | < | + | <p class="style2">Our little time capsule</p> |
- | + | </li> | |
- | + | <li class="pink"> | |
- | + | <p><a href="/Team:Baskent-Meds/Team">Team</a></p> | |
+ | <p class="style2">Shall we meet? </p> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="Layer3" style="position:absolute; left:38px; top:114px; width:354px; height:71px; z-index:3"> | ||
+ | <div id="Layer1" class="style3" style="position:absolute; left:-43px; top:-17px; width:793px; height:45px; z-index:1"> | ||
+ | |||
<div class="coda-slider" id="slider-id"> | <div class="coda-slider" id="slider-id"> | ||
Line 182: | Line 223: | ||
</div> | </div> | ||
</div> | </div> | ||
- | + | </div> | |
+ | </body> | ||
</html> | </html> |
Revision as of 21:40, 31 July 2012