Team:BAU-Indonesia/Project

From 2012.igem.org

(Difference between revisions)
(Prototype team page)
 
(16 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
{{Team:BAU-Indonesia/css}}
 +
{{Team:BAU-Indonesia/nivo-slider}}
 +
{{Team:BAU-Indonesia/css_gone}}
-
<html>
 
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
 
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
 
-
This is a template page. READ THESE INSTRUCTIONS.
 
-
</div>
 
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
 
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2008.igem.org/Help:Template/Examples">HERE</a>.
 
-
</div>
 
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
 
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified.  PLEASE keep all of your pages within your teams namespace. 
 
-
</div>
 
-
</div>
 
-
</html>
 
-
<!-- *** End of the alert box *** -->
+
<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);
 +
});
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
$('#navigation > li').hover(
-
!align="center"|[[Team:BAU-Indonesia|Home]]
+
function () {
-
!align="center"|[[Team:BAU-Indonesia/Team|Team]]
+
$('a',$(this)).stop().animate({
-
!align="center"|[https://igem.org/Team.cgi?year=2012&team_name=BAU-Indonesia Official Team Profile]
+
'marginTop':'-2px'
-
!align="center"|[[Team:BAU-Indonesia/Project|Project]]
+
},200);
-
!align="center"|[[Team:BAU-Indonesia/Parts|Parts Submitted to the Registry]]
+
},
-
!align="center"|[[Team:BAU-Indonesia/Modeling|Modeling]]
+
function () {
-
!align="center"|[[Team:BAU-Indonesia/Notebook|Notebook]]
+
$('a',$(this)).stop().animate({
-
!align="center"|[[Team:BAU-Indonesia/Safety|Safety]]
+
'marginTop':'-80px'
-
!align="center"|[[Team:BAU-Indonesia/Attributions|Attributions]]
+
},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; }
-
== '''Overall project''' ==
+
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; }
-
Tell us more about your project. Give us background. Use this is the abstract of your project. Be descriptive but concise (1-2 paragraphs)
+
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>
-
== Project Details==
+
    <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">
-
=== Part 2 ===
+
<div class="wrapper">
-
 
+
-
 
+
<div class="col-3">
-
 
+
<h2><b>Follow Us: <b/></h2>
-
 
+
<ul class="list-services">
-
 
+
-
=== The Experiments ===
+
<li class="item-2"><a href="https://twitter.com/BAU_INDONESIA" target="_blank">Twitter (BAU-INDOESIA)</a></li>
-
 
+
-
 
+
</ul>
-
 
+
</div>
-
 
+
-
=== Part 3 ===
+
-
 
+
</div>
-
 
+
</div><div class="clear"></div>
-
 
+
-
 
+
  </div>
-
== Results ==
+
</div>
 +
 +
  </div>
 +
        </div>
 +
        </div>
 +
    </body>
 +
</html>

Latest revision as of 22:36, 26 September 2012


Metamorphosis Design Free Css Templates

General Scheme

Retrieved from "http://2012.igem.org/Team:BAU-Indonesia/Project"