Team:BAU-Indonesia/Project
From 2012.igem.org
(Difference between revisions)
(→Overall project) |
|||
(15 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | + | {{Team:BAU-Indonesia/css}} | |
+ | {{Team:BAU-Indonesia/nivo-slider}} | ||
+ | {{Team:BAU-Indonesia/css_gone}} | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | < | + | <html xmlns="http://www.w3.org/1999/xhtml"> |
+ | <head> | ||
+ | |||
+ | <meta http-equiv="content-type" content="text/html; charset=utf-8" /> | ||
+ | <title>Metamorphosis Design Free Css Templates</title> | ||
+ | <meta name="keywords" content="" /> | ||
+ | <meta name="description" content="" /> | ||
+ | <link href="styles.css" rel="stylesheet" type="text/css" media="screen" /> | ||
+ | <link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" /> | ||
+ | |||
+ | </head> | ||
+ | |||
+ | <script type="text/javascript" src="https://sites.google.com/site/mariozoner/gb-mario/jquery-1.3.2.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | $(function() { | ||
+ | var d=300; | ||
+ | $('#navigation a').each(function(){ | ||
+ | $(this).stop().animate({ | ||
+ | 'marginTop':'-80px' | ||
+ | },d+=150); | ||
+ | }); | ||
- | { | + | $('#navigation > li').hover( |
- | + | function () { | |
- | + | $('a',$(this)).stop().animate({ | |
- | + | 'marginTop':'-2px' | |
- | + | },200); | |
- | + | }, | |
- | + | function () { | |
- | + | $('a',$(this)).stop().animate({ | |
- | + | 'marginTop':'-80px' | |
- | + | },200); | |
- | + | } | |
+ | ); | ||
+ | }); | ||
+ | </script> | ||
+ | <style> | ||
+ | *Navigasi*/ | ||
+ | ul#navigation { position:fixed; margin:0px; padding:0px; top:-20px; left:370px; list-style:none; z-index:999999; width:675px; font:normal 16px Electrolize,Sans-Serif bold; -webkit-animation:2s fxhompinav ease-in-out; -moz-animation:2s fxhompinav ease-in-out; -ms-animation:2s fxhompinav ease-in-out; animation:2s fxhompinav ease-in-out; } | ||
+ | ul#navigation li { width:95px; display:inline; float:left; margin:0 0 0 2px; } | ||
+ | ul#navigation li a { display:block; float:left; margin-top:-74px; width:95px; height:28px; background-color: rgba(0, 0, 0, 0.6); | ||
+ | background: rgba(0, 0, 0, 0.6); | ||
+ | color: rgba(0, 0, 0, 0.6); background-repeat:no-repeat; background-position:50% 150px; border:2px solid #b9b9b9; -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5); box-shadow:0 1px 2px rgba(0, 0, 0, 0.5); -moz-border-radius:0px 0px 10px 10px; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -khtml-border-bottom-right-radius:10px; -khtml-border-bottom-left-radius:10px; border-radius:0px 0px 10px 10px; color:#333333; text-decoration:none; text-align:center;color:#f1f1f1; text-shadow:0 1px 1px #000; padding-top:95px; -webkit-transition:margin-top 0.3s ease-in-out,background-position 0.4s ease-out; -moz-transition:margin-top 0.3s ease-in-out,background-position 0.4s ease-out; -o-transition:margin-top 0.3s ease-in-out,background-position 0.4s ease-out; transition:margin-top 0.3s ease-in-out,background-position 0.4s ease-out; } | ||
+ | ul#navigation li a:hover { margin-top:-3px; background-position:100% -5px; color:#7b7b7b; position:relative; } | ||
- | + | ul#navigation li a:hover:after { content:""; width:0px; height:0px; position:absolute; top:100%; left:45%; margin-top:2px; border-width:5px; border-style:solid; border-color:transparent transparent lime transparent; } | |
- | + | ul#navigation li:nth-child(1) a { background-image:url(https://static.igem.org/mediawiki/2012/c/cb/Asyu.png); } | |
+ | ul#navigation li:nth-child(2) a { background-image:url(https://static.igem.org/mediawiki/2012/b/be/Asyu2.png); } | ||
+ | ul#navigation li:nth-child(3) a {background-image:url(https://static.igem.org/mediawiki/2012/1/18/Pr.jpg); } | ||
+ | ul#navigation li:nth-child(4) a { background-image:url(https://static.igem.org/mediawiki/2012/d/da/Icon_dna.png); } | ||
+ | ul#navigation li:nth-child(5) a { background-image:url(https://static.igem.org/mediawiki/2012/6/68/Edu-science-icon.png); } | ||
+ | ul#navigation li:nth-child(6) a { background-image:url(https://static.igem.org/mediawiki/2012/0/00/Asyu5.png); } | ||
+ | ul#navigation li:nth-child(7) a { background-image:url(https://static.igem.org/mediawiki/2012/1/19/Attributions2.png); } | ||
+ | ul#navigation li:nth-child(8) a { background-image:url(https://static.igem.org/mediawiki/2012/0/0a/Medal-icon.png); | ||
+ | } | ||
- | + | @-webkit-keyframes fxhompinav { from{margin-right:-1000px;} to {margin-right:0px;} } @-moz-keyframes fxhompinav { from{margin-right:-1000px;} to {margin-right:0px;} } @-ms-keyframes fxhompinav { from{margin-right:-1000px;} to {margin-right:0px;} } @keyframes fxhompinav { from{margin-right:-1000px;} to {margin-right:0px;} | |
- | + | /*Navigasi*/ | |
- | + | ||
- | ''' | + | </style> |
+ | |||
+ | <script language='javascript' src='https://sites.google.com/site/tutorialseoblogger/file/jquery_mini.js'></script> | ||
+ | <script language='javascript' src='https://sites.google.com/site/tutorialseoblogger/file/jquery.dimensions.js'></script> | ||
+ | |||
+ | <body> | ||
+ | <div id="bg_top"> | ||
+ | <div id="wrap_bg"> | ||
+ | |||
+ | <div id='floatMenu'> | ||
+ | <ul class='menu1'> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/1/19/Maskot_tim_iGEM_IPB.png"/> | ||
+ | <li><a href='https://2012.igem.org/Team:BAU-Indonesia/ProjectDesc' target="_blank" title='projectdesc'> Project Description </a></li> | ||
+ | <li><a href='https://2012.igem.org/Team:BAU-Indonesia/Safety' target="_blank" title='safety'> Safety </a></li> | ||
- | + | <li><a href='#' onclick='MGJS.goTop();return false;'> Back to top </a></li> | |
+ | </ul> | ||
- | '' | + | <script language='javascript'> |
+ | var name = "#floatMenu"; | ||
+ | var menuYloc = null; | ||
+ | $(document).ready(function(){ | ||
+ | menuYloc = parseInt($(name).css("top").substring(0,$(name).css("top").indexOf("px"))) | ||
+ | $(window).scroll(function () { | ||
+ | offset = menuYloc+$(document).scrollTop()+"px"; | ||
+ | $(name).animate({top:offset},{duration:500,queue:false}); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | </div> | ||
+ | |||
+ | <ul id="navigation" style="margin:40px 0 0 220px"> | ||
+ | <li class="nav1"><a href="https://2012.igem.org/Team:BAU-Indonesia">Home</a></li> | ||
+ | <li class="nav2"><a href="https://2012.igem.org/Team:BAU-Indonesia/Team">Team</a></li> | ||
+ | <li class="nav3"><a href="https://2012.igem.org/Team:BAU-Indonesia/Project">Project</a></li> | ||
+ | <li class="nav4"><a href="https://2012.igem.org/Team:BAU-Indonesia/Parts">Parts</a></li> | ||
+ | <li class="nav5"><a href="https://2012.igem.org/Team:BAU-Indonesia/Modeling">Modeling</a></li> | ||
+ | <li class="nav6"><a href="https://2012.igem.org/Team:BAU-Indonesia/Notebook">Notebook</a></li> | ||
+ | <li class="nav7"><a href="https://2012.igem.org/Team:BAU-Indonesia/Attributions">Attributions</a></li> | ||
+ | <li class="nav8"><a href="https://2012.igem.org/Team:BAU-Indonesia/Achievements">Achievement</a></li> | ||
- | + | </ul> | |
+ | <img style="margin-left:-900px" src="https://static.igem.org/mediawiki/2012/archive/9/90/20120909091254%21BAU-Indonesia_logo.png" /> | ||
+ | <div id="wrap"> | ||
+ | <div id="header"> | ||
+ | |||
+ | <div id="prew_box"> | ||
+ | <div id="wrapper"> | ||
+ | <div id="slider-wrapper"> | ||
+ | <div id="slider" class="nivoSlider"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/b/bd/Header2projek_copy.jpg" alt="" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/d/d4/Header1_tim.jpg" alt="" /> | ||
+ | <img src=" https://static.igem.org/mediawiki/2012/e/e8/Header1.jpg" alt="" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/4/48/Header9.jpg" alt=""/> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/e/e8/Header4.jpg" alt="" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/8/8c/Header3.jpg" alt="" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/0/07/Header8.jpg" alt="" /> | ||
- | + | </div> | |
+ | </div> | ||
+ | <script type="text/javascript" src="http://wiki-rian.googlecode.com/files/jquery-1.4.3.min.js"></script> | ||
- | == | + | <script type="text/javascript" src="http://wiki-rian.googlecode.com/files/jquery.nivo.slider.pack.js"></script> |
+ | |||
+ | <script type="text/javascript"> | ||
+ | $(window).load(function() { | ||
+ | $('#slider').nivoSlider(); | ||
+ | }); | ||
+ | </script> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> <div style="clear: both"></div> | ||
+ | <div id="content" style="background:url(https://static.igem.org/mediawiki/2012/6/67/A.jpg)"> | ||
+ | <!-- | ||
+ | <div class="verticalaccordion"> | ||
+ | <ul> | ||
+ | <li> | ||
+ | <h3>Daftar isi</h3> | ||
+ | <div id="isinya">isi konten di sini bisa juga dengan java script atau yang lainnya</div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <h3>F1</h3> | ||
+ | <div id="isinya">pokonya apa saja isi di sini terserah mau di isi apa</div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <h3>Free Dfloaf</h3> | ||
+ | <div id="isinya">isi apa saja terserah sobat</div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <h3>Free Dosfs</h3> | ||
+ | <div id="isinya">isi konten di sini bisa dengan gambar atau yang lainnya</div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | --> | ||
+ | <div id="left_column" style="width:auto"> | ||
+ | <!-- Start left news box --> | ||
+ | <div class="left_news_box"> | ||
+ | <div class="left_news_top"></div> | ||
+ | <div class="left_news_bg"> | ||
+ | <h2><b>General Scheme</b></h2> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/3/34/Mekasnisme_umum_kerja_iGEM_last_edited.png" /> | ||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | <div class="left_news_bot"></div> | ||
+ | </div> | ||
+ | <!-- End left news box --> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | |||
+ | <div id="footer"> | ||
+ | <!--footer begins --> | ||
- | + | <div class="row-top"> | |
- | + | <div class="row-padding"> | |
- | === | + | <div class="wrapper"> |
- | + | ||
- | + | <div class="col-3"> | |
- | + | <h2><b>Follow Us: <b/></h2> | |
- | + | <ul class="list-services"> | |
- | + | ||
- | = | + | <li class="item-2"><a href="https://twitter.com/BAU_INDONESIA" target="_blank">Twitter (BAU-INDOESIA)</a></li> |
- | + | ||
- | + | </ul> | |
- | + | </div> | |
- | + | ||
- | + | ||
- | + | </div> | |
- | + | </div><div class="clear"></div> | |
- | + | ||
- | + | </div> | |
- | + | </div> | |
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </body> | ||
+ | </html> |
Latest revision as of 22:36, 26 September 2012