Team:UI-Indonesia/header

From 2013.igem.org

(Difference between revisions)
 
(19 intermediate revisions not shown)
Line 48: Line 48:
<!-- *** Menu Style CSS From MIT 2012, Thankyou..!! :D *** -->
<!-- *** Menu Style CSS From MIT 2012, Thankyou..!! :D *** -->
<style>
<style>
-
#menubar {
 
-
    background-color: white;
 
-
}
 
-
#menubar ul li a {
 
-
    color: #999999; }
 
-
    .right-menu li a {
 
-
    color: black;
 
-
    background-color: white;
 
-
}
 
-
 
.nav{
.nav{
float:left;
float:left;
Line 65: Line 55:
position:relative;
position:relative;
z-index:5;
z-index:5;
 +
/*CHANGE THIS TO CENTER*/
/*CHANGE THIS TO CENTER*/
-
padding:0 12px; /*12px;*/
+
padding:0 185px; /*12px;*/
}
}
Line 81: Line 72:
padding: 0 1.3em;
padding: 0 1.3em;
color:white;
color:white;
-
background-color:#666666;
 
/*Padding: bottom, right, top, left */
/*Padding: bottom, right, top, left */
/*padding:0.2em 1.3em 0.2em 1.3em;*/
/*padding:0.2em 1.3em 0.2em 1.3em;*/
Line 89: Line 79:
.nav a:hover{
.nav a:hover{
-
background-color:#993333 !important;
+
color:#00FFFF !important;
}
}
/*--- DROPDOWN ---*/
/*--- DROPDOWN ---*/
.nav ul{
.nav ul{
-
background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
+
background:#fff;  
-
background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
+
list-style:none;
list-style:none;
position:absolute;
position:absolute;
Line 126: Line 115:
.nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
.nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
-
background:#666666;
+
 
text-decoration:none;
text-decoration:none;
}
}
.nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
.nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
 +
background:#121212;
text-decoration:none;
text-decoration:none;
}
}
.nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
.nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
-
background:#993333;
+
background:#8a8a88;
text-decoration:none;
text-decoration:none;
}
}
</style>
</style>
<!-- *** End of Menubar CSS style code from MIT, Thankyouuu :D *** -->
<!-- *** End of Menubar CSS style code from MIT, Thankyouuu :D *** -->
 +
<div id="border-top"></div>   
<div id="border-top"></div>   
Line 146: Line 137:
<li><a href="https://2013.igem.org/Team:UI-Indonesia">HOME</a></li>
<li><a href="https://2013.igem.org/Team:UI-Indonesia">HOME</a></li>
-
<li><a href="https://2013.igem.org/Team:UI-Indonesia/Team">TEAM</a></li>
+
<li><a href="https://2013.igem.org/Team:UI-Indonesia/Team">TEAM</a>
-
<li><a href="https://2013.igem.org/Team:UI-Indonesia/Project">PROJECT</a>
+
<!-- ***<ul>
 +
<li><a href="https://2013.igem.org/Team:UI-Indonesia/Member">Members</a></li>
 +
<li><a href="https://2013.igem.org/Team:UI-Indonesia/Lab">Our Lab</a></li>
 +
<li><a href="https://2013.igem.org/Team:UI-Indonesia/Gallery">Gallery</a></li>
 +
</ul>*** -->
 +
</li>
 +
<li><a href="https://2013.igem.org/Team:UI-Indonesia/Description">PROJECT</a>
<ul>
<ul>
-
<li><a href="https://2013.igem.org/Team:UI-Indonesia/Description">Description</a></li>
+
<li><a href="https://2013.igem.org/Team:UI-Indonesia/Description">Overview</a></li>
-
<li><a href="https://2013.igem.org/Team:UI-Indonesia/Device">Device</a></li>
+
<li><a href="https://2013.igem.org/Team:UI-Indonesia/Abstract">Abstract</a></li>
<li><a href="https://2013.igem.org/Team:UI-Indonesia/Parts">Parts</a></li>
<li><a href="https://2013.igem.org/Team:UI-Indonesia/Parts">Parts</a></li>
-
<li><a href="https://2013.igem.org/Team:UI-Indonesia/Abstract">Abstract</a></li>
+
<li><a href="https://2013.igem.org/Team:UI-Indonesia/Modelling">Modelling</a></li>
-
<li><a href="https://2013.igem.org/Team:UI-Indonesia/Results">Results</a></li>
+
<!-- ***<li><a href="https://2013.igem.org/Team:UI-Indonesia/JudgingForm">Judging Form</a></li>*** -->
-
<li><a href="https://2013.igem.org/Team:UI-Indonesia/JudgingForm">Judging Form</a></li>
+
</ul></li>
</ul></li>
-
<li><a href="https://2013.igem.org/Team:UI-Indonesia/Notebook">NOTEBOOK</a></li>
+
<li><a href="https://2013.igem.org/Team:UI-Indonesia/July">NOTEBOOK</a>
 +
<ul>
 +
        <li><a href="https://2013.igem.org/Team:UI-Indonesia/July">July</a></li>
 +
        <li><a href="https://2013.igem.org/Team:UI-Indonesia/August">August</a></li>
 +
        <li><a href="https://2013.igem.org/Team:UI-Indonesia/September">September</a></li>
 +
</ul>
 +
</li>
         <li><a href="https://2013.igem.org/Team:UI-Indonesia/Safety">SAFETY</a></li>
         <li><a href="https://2013.igem.org/Team:UI-Indonesia/Safety">SAFETY</a></li>
         <li><a href="https://2013.igem.org/Team:UI-Indonesia/HumanPractices">HUMAN PRACTICES</a></li>
         <li><a href="https://2013.igem.org/Team:UI-Indonesia/HumanPractices">HUMAN PRACTICES</a></li>
-
         <li><a href="https://2013.igem.org/Team:UI-Indonesia/Sponsors">Sponsors</a></li>
+
         <li><a href="https://2013.igem.org/Team:UI-Indonesia/Attributions">ATTRIBUTIONS</a></li>
-
 
+
</ul>
-
<!-- *** <li id="nav_motivation"><a href="https://2012.igem.org/Team:MIT/Motivation">MOTIVATION</a>
+
<hr color:"white";>
-
<ul>
+
-
</ul>
+
-
</li>
+
-
<li id="nav_results"><a href="https://2012.igem.org/Team:MIT/ResultsOverview">RESULTS</a>
+
-
<ul>
+
-
  <li><a href="https://2012.igem.org/Team:MIT/ResultsOverview">Overview</a></li>
+
-
  <li><a href="https://2012.igem.org/Team:MIT/CircuitProduction">Circuit Production</a></li>
+
-
  <li><a href="https://2012.igem.org/Team:MIT/NOTGate">NOT Gate</a></li>
+
-
  <li><a href="https://2012.igem.org/Team:MIT/Sensing">Sensing</a></li>
+
-
  <li><a href="https://2012.igem.org/Team:MIT/Actuation">Actuation</a></li>
+
-
  <li><a style="background: #993333;" href="https://2012.igem.org/Team:MIT/TheKeyReaction"><em>Enabling The Key Reaction</em></a></li>
+
-
  <li><a href="https://2012.igem.org/Team:MIT/ResultsBiobricks">BioBricks</a></li>
+
-
  <li><a href="https://2012.igem.org/Team:MIT/ResultsAttributions">Attributions</a></li>
+
-
</ul>
+
-
</li>
+
-
 
+
-
<li id="nav_methods"><a href="https://2012.igem.org/Team:MIT/MaterialsAndMethods">METHODS</a>
+
-
<ul>
+
-
</ul>
+
-
</li>
+
-
 
+
-
<li id="nav_notebook"><a href="https://2012.igem.org/Team:MIT/Notebook">NOTEBOOK</a>
+
-
<ul>
+
-
  <li><a href="https://2012.igem.org/Team:MIT/Notebook#constructionbio">Construction &amp; <em>In Vitro</em></a></li>
+
-
  <li><a href="https://2012.igem.org/Team:MIT/Notebook#springtcbio">Spring Tissue Culture</a></li>
+
-
  <li><a href="https://2012.igem.org/Team:MIT/Notebook#summertcbio">Summer Tissue Culture</a></li>
+
-
  <li><a href="https://2012.igem.org/Team:MIT/Notebook#falltcbio">Fall Tissue Culture</a></li>
+
-
</ul>
+
-
</li>
+
-
 
+
-
<li id="nav_human_practices"><a href="https://2012.igem.org/Team:MIT/HumanPractices">HUMAN PRACTICES</a>
+
-
<ul>
+
-
</ul>
+
-
</li>
+
-
 
+
-
 
+
-
<li id="nav_safety"><a href="https://2012.igem.org/Team:MIT/Safety">SAFETY</a>
+
-
<ul>
+
-
</ul>
+
-
</li>
+
-
 
+
-
 
+
-
<li id="nav_team"><a href="https://2012.igem.org/Team:MIT/Team">TEAM</a>
+
-
<ul>
+
-
</ul>
+
-
</li>
+
-
 
+
-
<li id="nav_partners"><a href="https://2012.igem.org/Team:MIT/Partners">SPONSORS</a>
+
-
<ul>
+
-
</ul>
+
-
</li>
+
-
 
+
-
<li id="nav_contact"><a href="https://2012.igem.org/Team:MIT/Contact">CONTACT US</a>
+
-
<ul>
+
-
</ul>
+
-
</li>
+
-
 
+
-
</ul> *** -->
+
-
<!-- *** Percobaan kode menu dropdown MIT *** -->
+
-
 
+
-
<!-- *** Percobaan ikon menu oleh Teguh *** -->
+
-
<!-- *** <div>
+
-
<a href="https://2013.igem.org/Team:UI-Indonesia"><img src="http://i1273.photobucket.com/albums/y401/motegum/Home_zps0c8ea51e.jpg" width="auto" height="70" border="0" alt=" photo ButtonHome_zps97ec748e.png"/>Home</a>
+
-
 
+
-
<a href="https://2013.igem.org/Team:UI-Indonesia/Parts"><img src="http://i1273.photobucket.com/albums/y401/motegum/puzzle-vector_zps2833a421.jpg" width="auto" height="70" border="0" alt=" photo ButtonParts_zpscad1bf3f.png"/>Parts</a>
+
-
 
+
-
<a href="https://2013.igem.org/Team:UI-Indonesia/Team"><img src="http://i1273.photobucket.com/albums/y401/motegum/Team_zpsc7153c46.jpg" width="auto" height="70" border="0" alt=" photo ButtonBackground2_zps5baf8876.png"/>Team</a>
+
-
 
+
-
<a href="https://2013.igem.org/Team:UI-Indonesia/Project"><img src="http://i1273.photobucket.com/albums/y401/motegum/project_zps19a8e841.jpg" width="auto" height="70" border="0" alt=" photo ButtonBackground2_zps5baf8876.png"/>Project</a>
+
-
 
+
-
<a href="https://2013.igem.org/Team:UI-Indonesia/HumanPractices"><img src="http://i1273.photobucket.com/albums/y401/motegum/HumanPractise_zpse76245c0.jpg" width="auto" height="70" border="0" alt=" photo ButtonBackground2_zps5baf8876.png"/>Human Practices</a>
+
-
 
+
-
<a href="https://2013.igem.org/Team:UI-Indonesia/Notebook"><img src="http://i1273.photobucket.com/albums/y401/motegum/Notebook_zps2f87faf7.jpg" width="auto" height="70" border="0" alt=" photo ButtonBackground2_zps5baf8876.png"/>Notebook</a> *** -->
+
-
<!-- *** Percobaan ikon menu oleh Teguh *** -->
+
-
</div>
+
-
 
+
-
+
-
+
-
+
-
<!-- body navigation bar -->
+
-
<!-- di sini kodenya ada yang diambil dari wiki Edinburgh, yang dari contoh -->
+
-
 
+
-
 
+
-
 
+
-
<!-- body section -->
+
-
<div id= "section" style= "width: 960px; height: auto; text-align: justify">
+
</html>
</html>

Latest revision as of 01:56, 19 October 2013