Team:BAU-Indonesia

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
__NOTOC__
 
<html>
<html>
-
 
<head>
<head>
-
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>
+
<meta http-equiv="content-type" content="text/html; charset=utf-8">
-
<script src='http://reader-download.googlecode.com/files/jquery.easing.1.3.js' type='text/javascript'></script>
+
<title>Chemical Reaction Template - Science and Technology Web Design - Free HTML Website Templates</title>
 +
<meta name="keywords" content="">
 +
<meta name="description" content="">
 +
<link href="styles.css" rel="stylesheet" type="text/css" media="screen">
-
<script type='text/javascript'>
+
<script type="text/javascript">
-
$(document).ready(function () {
+
function ctck()
-
    $('div.jimgMenu ul li a').hover(function() {
+
{
-
          if ($(this).is(':animated')) {
+
var sds = document.getElementById("footer");
-
              $(this).addClass("active").stop().animate({width: "310px"}, {duration: 450, easing: "easeOutQuad", complete: "callback"});
+
if(sds == null){alert("You are using a free package.\n You are not allowed to remove the tag.\n");}
-
          } else {
+
}
-
              $(this).addClass("active").stop().animate({width: "310px"}, {duration: 400, easing: "easeOutQuad", complete: "callback"});
+
-
          }
+
-
    }, function () {
+
-
          if ($(this).is(':animated')) {
+
-
              $(this).removeClass("active").stop().animate({width: "78px"}, {duration: 400, easing: "easeInOutQuad", complete: "callback"})
+
-
          } else {
+
-
              $(this).removeClass("active").stop(':animated').animate({width: "78px"}, {duration: 450, easing: "easeInOutQuad", complete: "callback"});
+
-
          }
+
-
    });
+
-
});
+
</script>
</script>
 +
</head>
</head>
<style>
<style>
-
.jimgMenu {
+
 
-
  position:relative;
+
*
-
  width:630px;
+
{
-
  height:200px;
+
margin: 0px;
-
  overflow:hidden;
+
padding: 0px;
-
  margin:10px;
+
}
}
-
.jimgMenu ul {
+
a:link {
-
  list-style:none;
+
color: #c9f3ac;
-
  margin:0px;
+
-
  padding:0px;
+
-
  display:block;
+
-
  height:200px;
+
-
  width:1340px;
+
}
}
-
.jimgMenu ul li {
+
a:hover {
-
  float:left;
+
text-decoration: none;
 +
color: #FF0000;
}
}
-
.jimgMenu ul li a {
+
a:visited {
-
  text-indent:-1000px;
+
color: #A5A9B2;
-
  background:#FFFFFF none repeat scroll 0%;
+
-
  border-right:2px solid #fff;
+
-
  cursor:pointer;
+
-
  display:block;
+
-
  overflow:hidden;
+
-
  width:78px;
+
-
  height:200px;
+
}
}
-
.jimgMenu ul li.satu a  {background:url(http://3.bp.blogspot.com/-tV_WbAALyr8/ThKqb8arAiI/AAAAAAAAAXE/pT9KuebBecY/s1600/landscapes.jpg) repeat scroll 0%;}
+
body {
-
.jimgMenu ul li.dua a  {background:url(http://3.bp.blogspot.com/--Dw4kWyM3yo/ThKqfxFZvtI/AAAAAAAAAXM/1L5ODPu0OcU/s1600/people.jpg) repeat scroll 0%;}
+
-
.jimgMenu ul li.tiga a  {background:url(http://4.bp.blogspot.com/-Uib-i2TNAsc/ThKqd6uDB6I/AAAAAAAAAXI/p89exio6t8E/s1600/nature.jpg) repeat scroll 0%;}
+
background: #6A8B1A url(https://static.igem.org/mediawiki/igem.org/2/22/Back_all.gif);
-
.jimgMenu ul li.empat a {background: url(http://4.bp.blogspot.com/-53TyMk779WE/ThKqY4c6BkI/AAAAAAAAAXA/rPFPPg0J8lc/s1600/abstract.jpg) repeat scroll 0%;}
+
font: 13px Arial, Helvetica, sans-serif;
-
.jimgMenu ul li.lima a  {background: url(http://4.bp.blogspot.com/-m0l4jFx9_TM/ThKqhmjUqmI/AAAAAAAAAXQ/wAPNi03KSn0/s1600/urban.jpg) repeat scroll 0%;min-width:310px;}
+
color: #383838;
 +
}
 +
#content
 +
{
 +
width: 774px;
 +
border-left: 15px solid #5E7D06;
 +
border-right: 15px solid #5E7D06;
 +
margin: 0px auto;
 +
}
 +
#main
 +
{
 +
width: 754px;
 +
padding: 10px;
 +
padding-top: 20px;
 +
background: #080064 url(images/table_back.gif) repeat-x top;
 +
}
 +
#back
 +
{
 +
width: 774px;
 +
}
-
h1.firstHeading { display: none; }
+
#header {
 +
height: 308px;
 +
text-align: right;
 +
background: url(https://static.igem.org/mediawiki/igem.org/b/bc/Header12.jpg) no-repeat;
 +
}
-
p {text-align: justify;}
+
#logo {
-
a:link { color: #00b0e6; text-decoration: none}
+
width: 754px;
-
a:visited { color:#00b0e6; text-decoration: none}
+
height: 100px;
-
a:hover { color:#f29400; text-decoration: none}
+
text-align: left;
-
a:active { color:#f29400; text-decoration: none}
+
padding-top: 208px;
 +
padding-left: 20px;
 +
}
-
#bodyContent { padding: 10px auto; width: 910px; margin: auto; clear: none; }
 
-
table#team_members { text-align: justify; border: 0; }
+
#logo a {
-
table#team_members h2, table#team_members h3 { clear: both; }
+
text-decoration: none;
 +
font-style: italic;
 +
font-size: 18px;
 +
color: #6fff09;
 +
}
 +
#logo H2 a
 +
{
 +
font-size: 12px;
 +
}
-
/*-----------------------------------------------------------------------------------------------*/
+
#menu
-
div.MenuBar ul li ul.DropDownMenu {
+
{
-
  display: none; /* Hides all drop-down menus. */
+
width: 774px;
 +
height: 61px;
 +
background: url(images/menu.gif) repeat-x;
 +
}
 +
#menu ul {
 +
list-style: none;
}
}
-
/*
+
 
-
li:hover works in IE7 and FF2.
+
#menu li {
-
a:hover works in IE6 and FF2.
+
-
a:hover breaks li:hover in FF2.
+
display: inline;  
-
*/
+
-
div.MenuBar ul li:hover ul.DropDownMenu li ul.SideMenu,
+
-
div.MenuBar ul li a:hover ul.DropDownMenu li a ul.SideMenu {
+
-
  display: none; /* Hides all side menus. */
+
}
}
-
/*------------------------------------------------------------------------------------- Menu Bar */
+
 
-
div.MenuBar {
+
#menu a {
-
  font: arial, helvetica, sans-serif;
+
float: left;
-
  height: 30px;
+
width: 100px;
-
  width: 910px;
+
height: 61px;
-
  /*width: 100%*/
+
    display: block;
-
  margin: 0;
+
text-align: center;
-
  border-top: 0;
+
text-decoration: none;
-
  border-right: 0;
+
color: #ffffff;
-
  border-left: 0;
+
text-transform: uppercase;
-
  padding: 0;
+
font:bold 14px/61px Arial, Helvetica, sans-serif;
-
  background: black;
+
-
 
+
-
}
+
-
div.MenuBar ul {
+
-
  font: arial, helvetica, sans-serif;
+
-
  text-align: center;
+
-
  list-style-type: none;
+
-
  margin: 0.5em auto;
+
-
  border: 0;
+
-
  padding: 0;
+
-
  background: black;
+
-
}
+
-
div.MenuBar ul li {
+
-
  font: arial, helvetica, sans-serif;
+
-
  display: block;
+
-
  padding: 0;
+
-
  margin: 0;
+
-
  font-size: 1.3em;
+
-
  float: left;
+
-
  background: black;
+
-
  text-align: center;
+
-
  width: 107px;
+
-
  position: relative; /* Sets the positioning context for each drop-down menu. */
+
}
}
-
div.MenuBar ul li a {
+
#menu a:hover {
-
  font: arial, helvetica, sans-serif;
+
width: 100px;
-
  display: block;
+
    height: 61px;
-
  background: black;
+
color: #c9f3ac;
-
  height: 22px; /* Keep height + padding-top + padding-bottom sync with the menu bar height. */
+
text-decoration: underline;
-
  color: #ffffff;
+
background: url(images/menu_r.gif) repeat-x;
-
  padding-top: 4px;
+
-
  padding-bottom: 4px;
+
-
  padding-left: 1em; /* Sets the left space between top-level items. */
+
-
  padding-right: 1em; /* Sets the right space between top-level items. */
+
-
  text-decoration: none;
+
}
}
-
/*------------------------------------------------------------------------------ Drop-Down Menus */
 
-
div.MenuBar ul li:hover ul.DropDownMenu,
 
-
div.MenuBar ul li a:hover ul.DropDownMenu {
 
-
  display: block;
 
-
  width: 10em; /* Drop-down menu width.
 
-
                  Use MenuTailor.css to customize. */
 
-
  height: 1em;
 
-
  padding: 1px; /* Sets the drop-down menu "effective border" width. */
 
-
  position: absolute;
 
-
  top: 23px; /* Places the drop-down menu under the menu bar.
 
-
                Keep it sync with the menu bar height. */
 
-
  left: 0; /* Aligns the drop-down menu to its top-level item. */
 
-
  background-color: black; /* Selected item. */
 
-
  color: #FFFFFF;
 
 +
 +
 +
#right
 +
{
 +
width: 228px;
 +
float: right;
}
}
-
div.MenuBar ul li:hover ul.DropDownMenu li a,
+
 
-
div.MenuBar ul li a:hover ul.DropDownMenu li a {
+
#right H3
-
  width: 10em; /* Keep it sync with the drop-down menu width.
+
{
-
                            Use MenuTailor.css to customize. */
+
width: 228px;
-
  height: 1em;
+
height: 51px;
-
  padding-left: 0;
+
text-transform: uppercase;
-
  padding-right: 0;
+
color: #c9f3ac;
-
  background-color: black; /* Selected item. */
+
background: url(images/title.gif) no-repeat;
-
  color: #FFFFFF;
+
font:bold 14px/51px Arial, Helvetica, sans-serif;
 +
text-align:center;
}
}
-
ul.DropDownMenu li a span {
+
 
-
  display: block;
+
#right ul {
-
  padding-left: 0.75em; /* Sets the left space of each drop-down menu item. */
+
list-style: none;
-
  padding-right: 0.25em; /* Sets the right space of each drop-down menu item. */
+
-
  text-align: right; /* Aligns the >> symbol to the right. */
+
}
}
-
ul.DropDownMenu li a span span {
+
#right ul li  
-
  float: left; /* Aligns the text (back) to the left. */
+
{
-
  font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
+
font:normal 11px/18px Arial, Helvetica, sans-serif;
-
  height: 20px;
+
color:#FFFFFF;
-
  color: #FFFFFF;
+
}
}
-
/*----------------------------------------------------------------------------------- Side Menus */
+
#right .title_back
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
+
{
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
+
background: url(images/title_back.gif) repeat-y;
-
  display: block;
+
-
  width: 11em; /* Side menu width.
+
-
                  Use MenuTailor.css to customize. */
+
-
  padding: 1px; /* Sets the side menu "effective border" width. */
+
-
  position: absolute;
+
-
  top: -1px; /* Aligns the side menu to its drop-down menu item.
+
-
                Keep it sync with the side menu "effective border" width. */
+
-
  left: 13em; /* Places the side menu to the right of the drop-down menu.
+
-
                            Keep it sync with the drop-down menu width.
+
-
                            Use MenuTailor.css to customize. */
+
}
}
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
+
 
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
+
#right li {
-
  width: 11em; /* Keep it sync with the side menu width.
+
padding: 7px;
-
                            Use MenuTailor.css to customize. */
+
padding-left: 10px;
-
  font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
+
 
-
  left: 13em; /* Places the side menu to the right of the drop-down menu.
+
-
                            Keep it sync with the drop-down menu width.
+
-
                            Use MenuTailor.css to customize. */
+
}
}
-
div.MenuBar ul li ul.DropDownMenu li ul.SideMenu li a span {
+
 
-
  padding-left: 1.5em; /* Sets the left space of each side menu item. */
+
#right .sub
-
  padding-right: 0.5em; /* Sets the right space of each side menu item. */
+
{
-
  text-align: left;
+
padding-left: 30px;
-
  font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
+
-
  left: 13em; /* Places the side menu to the right of the drop-down menu.
+
-
                            Keep it sync with the drop-down menu width.
+
-
                            Use MenuTailor.css to customize. */
+
}
}
-
/*----------------------------------------------------------------------------- Browser Specific */
+
 
-
* html div.MenuBar ul li a {
+
#right a {
-
  float: left; /* Required for IE55 and IE6.
+
color: #ffffff;
-
                            Breaks O9.
+
-
                            Hidden (* html) from non-IE browsers. */
+
}
}
-
* html ul.DropDownMenu li a:hover {
+
#right a:visited {
-
  cursor: hand; /* Required for IE55.
+
color: #ffffff;
-
                  Hidden (* html) from non-IE browsers. */
+
}
}
-
ul.DropDownMenu li a:hover {
+
 
-
  cursor: pointer; /* Required for IE6 and IE7.
+
#right p
-
                      Hidding it (* html) from non-IE browsers breaks IE7!
+
{
 +
font-size: 10px;
 +
padding-left: 10px;
}
}
-
* html div.MenuBar a:hover {
+
 
-
  text-decoration: none; /* Required for IE55 and IE6.
+
.bot
-
                            Hidden (* html) from non-IE browsers. */
+
{
 +
padding: 10px;
}
}
-
* html div.MenuBar ul li table,
+
 
-
* html div.MenuBar ul li table td {
+
 
-
  border: 0; /* Required for IE55 and IE6.
+
#left
-
                Hidden (* html) from non-IE browsers. */
+
{
 +
width: 480px;
 +
background: #c9e4f3;
 +
border: 1px solid #f8ff2f;
 +
padding: 10px;
}
}
-
/*------------------------------------------------------------------------------- Default Colors */
+
 
-
div.MenuBar {
+
 
-
  background-color: Menu;
+
#left H4
-
  border-bottom: 1px solid ButtonShadow;
+
{
 +
margin: 0;
 +
padding: 0px;
 +
font-size: 12px;
 +
color: #c9f3ac;
}
}
-
div.MenuBar a {
+
 
-
  background-color: Menu; /* Top-level unselected items. */
+
#left a
-
  color: MenuText;
+
{
 +
color: #208A06;
 +
text-decoration: none;
}
}
-
div.MenuBar ul li:hover a,
+
 
-
div.MenuBar ul li a:hover {
+
#left p {
-
  color: #ea7f16;
+
margin: 5px;
-
  background-color: Highlight; /* Top-level selected item. */
+
padding: 0;
-
  color: HighlightText;
+
font-size:13px;
}
}
-
/*...............................................................................................*/
+
 
-
div.MenuBar ul li:hover ul.DropDownMenu,
+
#left h2 {
-
div.MenuBar ul li a:hover ul.DropDownMenu {
+
margin: 0;
-
  background-color: ButtonShadow; /* Sets the drop-down menu "effective border" color. */
+
padding: 0;
 +
padding-top: 10px;
 +
color: #208A06;
 +
font-size:20px;
}
}
-
div.MenuBar ul li:hover ul.DropDownMenu li a,
+
 
-
div.MenuBar ul li a:hover ul.DropDownMenu li a {
+
#left ol, #left ul
-
  background-color: Menu;  Drop-down menu unselected items.
+
{
-
                            Sets the drop-down menu "effective background" color. */
+
margin-left: 30px;
-
  color: MenuText;
+
}
}
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover a,
+
 
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover {
+
.date {
-
  background-color: Highlight; /* Drop-down menu selected item. */
+
text-align: right;
-
  color: HighlightText;
+
color: #208A06;
-
}
+
font-size: 11px;
-
/*...............................................................................................*/
+
 
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
+
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
+
-
  background-color: ButtonShadow; /* Sets the side menu "effective border" color. */
+
-
}
+
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
+
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
+
-
  background-color: Menu; /* Side menu unselected items.
+
-
                            Sets the side menu "effective background" color. */
+
-
  color: MenuText;
+
-
}
+
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a:hover,
+
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a:hover {
+
-
  background-color: Highlight; /* Side menu selected item. */
+
-
  color: HighlightText;
+
-
}
+
-
/*-----------------------------------------------------------------------------------------------*/
+
-
/*Script-Free 3-Level Menu 1.2 Tailor
+
-
  www.CesarDaniel.info
+
-
/*-------------------------------------------------------------------------------------- General */
+
-
body {
+
-
  background: white;
+
-
  color: black;
+
-
  margin: 0;
+
-
  border: 0;
+
-
  padding: 0;
+
}
}
 +
.date a {
 +
color: #208A06;
-
div.MenuBar {
 
-
  font: 13px arial, helvetica, sans-serif;
 
-
}
 
-
div.MenuBar ul {
 
-
  font: 13px arial, helvetica, sans-serif; /* Required for IE55. */
 
-
}
 
-
/*--------------------------------------------------------------------------------------- Colors */
 
-
div.MenuBar {
 
-
  background-color: black; /* Selected item. */
 
-
  color: #FFFFFF;
 
-
  border-bottom: 1px solid ButtonShadow;
 
}
}
-
div.MenuBar a,
 
-
div.MenuBar ul li:hover ul.DropDownMenu li a,
 
-
div.MenuBar ul li a:hover ul.DropDownMenu li a,
 
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
 
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
 
-
  background-color: black; /* Selected item. */
 
-
  color: #FFFFFF;
 
-
}
 
-
div.MenuBar ul li:hover a,
 
-
div.MenuBar ul li a:hover,
 
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover a,
 
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover,
 
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a:hover,
 
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a:hover {
 
-
  background-color: #00b0e6; /* Selected item. */
 
-
  color: #FFFFFF;
 
-
}
 
-
div.MenuBar ul li:hover ul.DropDownMenu,
 
-
div.MenuBar ul li a:hover ul.DropDownMenu,
 
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
 
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
 
-
  background-color: ButtonShadow; /* Sets the drop-down and side menus "effective border" color. */
 
-
}
 
-
/*--------------------------------------------------------------------------------------- Widths */
 
-
/*
 
-
/*
+
 
-
Menu Bar 1
+
 
-
Drop-Down Menu #2
+
 
-
*/
+
#footer {
-
div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM4,
+
height: 74px;
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM4,
+
clear: both;
-
div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM4 li a,
+
background: url(images/table_back.gif) repeat-x top;
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM4 li a {
+
-
  width: 11em; /* Drop-down menu width. */
+
-
}
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM5,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM5,
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM5 li a,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM5 li a {
+
-
  width: 12em; /* Drop-down menu width. */
+
}
}
-
/*...............................................................................................*/
+
#footer p {
-
/*
+
margin: 0;
-
Menu Bar 1
+
font-size: 10px;
-
Drop-Down Menu #2
+
text-align: center;
-
Side Menu #1
+
color: #ffffff;
-
*/
+
padding:20px;
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1 {
+
-
  left: 15.5em !important; /* Places the side menu to the right of the drop-down menu.
+
-
                            Keep it sync with the drop-down menu width. */
+
-
}
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1,
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1 li a,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1 li a {
+
-
  width: 10em; /* Side menu width. */
+
-
}
+
-
/*...............................................................................................*/
+
-
/*
+
-
Menu Bar 1
+
-
Drop-Down Menu #2
+
-
Side Menu #2
+
-
*/
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2 {
+
-
  left: 15.5em  !important; /* Places the side menu to the right of the drop-down menu.
+
-
                            Keep it sync with the drop-down menu width. */
+
-
}
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2,
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2 li a,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2 li a {
+
-
  width: 10em; /* Side menu width. */
+
}
}
-
/*...............................................................................................*/
 
-
/*
 
-
Menu Bar 1
 
-
Drop-Down Menu #2
 
-
Side Menu #3
 
-
*/
 
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3,
 
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3 {
 
-
  left: 15.5em  !important; /* Places the side menu to the right of the drop-down menu.
 
-
                            Keep it sync with the drop-down menu width. */
 
-
}
 
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3,
 
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3,
 
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3 li a,
 
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3 li a {
 
-
  width: 10em; /* Side menu width. */
 
-
}
 
-
/*...............................................................................................*/
 
 +
#footer a {
 +
color: #ffffff;
 +
}
</style>
</style>
-
 
+
<body><table align="center" style="margin:0 auto;">
-
<body>
+
  <tr>
-
<div class='jimgMenu'>
+
    <td>
-
    <ul>
+
<div id="content">
-
          <li class='satu'><a href='#'>Landscapes</a></li>
+
<div id="back">
-
          <li class='dua'><a href='#'>People</a></li>
+
<!-- header begins -->
-
          <li class='tiga'><a href='#'>Nature</a></li>
+
<div id="header">  
-
          <li class='empat'><a href='#'>Abstract</a></li>
+
<div id="logo">
-
          <li class='lima'><a href='#'>Urban</a></li>
+
<h1><a href="#">Chemical Reaction</a></h1>
-
    </ul>
+
<h2><a href="http://www.freedesignertemplates.com/">Free Designer Templates</a></h2>
 +
</div>
 +
 
</div>
</div>
-
<div class='MenuBar' id="navi">
+
<div id="menu">
-
<ul>
+
<ul>
-
<li>
+
<li id="button1"><a href="#" title="home">Home</a></li>
-
<a href="https://2012.igem.org/Team:BAU-Indonesia" style="color: white">Home
+
<li id="button2"><a href="#" title="tables">Tables</a></li>
-
<!--[if gt IE 6]><!--></a><!--<![endif]-->
+
<li id="button3"><a href="#" title="reactions">Reactions</a></li>
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
<li id="button4"><a href="#" title="atom">ATom</a></li>
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
<li id="button5"><a href="#" title="contact us">Contact</a></li>
-
</li>
+
</ul>
-
<li>
+
  </div>
-
<a href="https://2012.igem.org/Team:BAU-Indonesia/Team" style="color: white">Team<!--[if gt IE 6]><!--></a><!--<![endif]-->
+
<!-- header ends -->
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
<!-- content begins -->
-
+
<div id="main">
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
<div id="right">
-
</li>
+
 
-
<li>
+
<h3>EXPERIMENTS</h3>
-
<a href="https://2012.igem.org/Team:BAU-Indonesia/Project" style="color: white">Project<!--[if gt IE 6]><!--></a><!--<![endif]-->
+
<div class="title_back">
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
<ul>
-
+
<li class="sub"><a href="http://chemistry.about.com/od/fireworksprojects/ss/howtomakefirecrackers.htm" onClick="zT(this,'18/1]Z');">Make Your Own Firecrackers</a></li>
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
<li class="sub"><a href="http://chemistry.about.com/od/4thofjulychemistry/a/waterfireworks.htm" onClick="zT(this,'18/1]Z');">Fireworks in a Glass</a><a href="#"></a></li>
-
 
+
<li class="sub"><a href="http://chemistry.about.com/od/homechemistrykit/Home_Chemistry_Kit_Projects_Experiments.htm" onClick="zT(this,'18/1]Z');">Home Chemistry Kit</a><a href="#"></a></li>
-
<ul class="DropDownMenu" id="MB1-DDM1">
+
<li class="sub"><a href="http://chemistry.about.com/od/growingcrystals/tp/quickcrystals.htm" onClick="zT(this,'18/1]Z');">Grow Crystals FAST</a><a href="#"></a></li>
-
+
<li class="sub"><a href="http://chemistry.about.com/cs/howtos/ht/exothermic.htm" onClick="zT(this,'18/1]Z');">Safe Exothermic Reaction</a><a href="#"></a></li>
-
<li><a href="https://2012.igem.org/Team:BAU-Indonesia/ProjectDesc"><span><span>Project Description</span></span></a></li>
+
        </ul>
-
<li><a href="https://2012.igem.org/Team:BAU-Indonesia/Abstract"><span><span>Abstract</span></span></a></li>
+
    </div>
-
+
<h3>Chain Reactions</h3>
 +
<div class="title_back">
 +
  <ul>
 +
  <li>
 +
      <p><a href="#">Learn about chemistry as it relates to everyday life. You'll find out how things work, see the humorous side of science,&#8230;</a></p>
 +
  </li>
 +
      <li>
 +
        <p><a href="#">These are questions an educated person should be able to answer relating to chemistry in the everyday world.</a></p>
 +
          </li>
 +
              <li>
 +
        <p><a href="#">A <strong>chain reaction</strong> is a sequence of reactions where reactive  product or by-product causes additional reactions to take place. In a  chain reaction, positive feedback leads a self-amplifying chain of events</a></p>
 +
          </li>
</ul>
</ul>
-
</li>
+
    </div>
 +
  </div>
 +
<div id="left">
 +
<div class="left_box">
 +
<h2>Welcome To Chemical Reaction</h2>
 +
<h4><a href="#">Hiox Free Design</a></h4>
 +
<p>This is Free Chemical reaction template for your website design which is under Science and Technology Template category you can add. You can customize the layout of the html page any way you like.<br>
-
<li>
+
<p>Freedesignertemplates.com is a free collection of pre-designed with html layouts for your websites. These different categorized website design are developed by professional designers for you to make your task easy in creating a website. <p>There are categories like Art, Business, Nature, Music, Religious, Fashion, Holiday and Travel, Health and medicine templates etc under which there are different pages.<br>
-
<a href="https://2012.igem.org/Team:BAU-Indonesia/Parts" style="color: white">Parts<!--[if gt IE 6]><!--></a><!--<![endif]-->
+
This Chemical reaction web design layouts are built using XHTML and CSS.</p>
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
 
-
+
<p>The entire website are pre-designed websites all you need to do is adding your own personal content and start your own website.<br> </p>
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
    <p>Start with a creative design from <strong>FreeDesignerTemplates.com</strong> and jump-start your development process.</p>
-
</li>
+
    <p>Each people plan their site layouts depending upon their  business type. Here comes a free designer template which provides you with a selection  of different kinds of webdesign templates starting from business template,  fashion template, media template, Science template, Arts template and much  more.<br></p>
-
<li>
+
    <p class="date">readmore</p>
-
<a href="https://2012.igem.org/Team:BAU-Indonesia/Modeling" style="color: white">Modeling<!--[if gt IE 6]><!--></a><!--<![endif]-->
+
</div>
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
<div class="left_box">
-
+
<h4><a href="#">FREE TUTORIALS ABOUT CHEMICAL REACTION EXPERIMENTS</a></h4>
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
<p>Click and browse our selection list to locate the template  that meets your websites needs.</p>
-
</li>
+
<p>Select Chemical reaction template. <br>
-
<li>
+
  Click on the “image or preview” button to see a larger  version of the template. <br>
-
<a href="https://2012.igem.org/Team:BAU-Indonesia/Notebook" style="color: white">Notebook<!--[if gt IE 6]><!--></a><!--<![endif]-->
+
  Click on the “Download” button to open or save the design  layout to your computer.</p>
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
<p>You are provided with an ample collection of entertainment  templates, choose the one that perfectly suits your company needs. We provide  you with professionally designed layouts to make your company deserves no less  in the internet market.</p>
-
+
<p class="date"><a href="#">more</a></p>
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
</div>
-
</li>
+
</div>
-
<li>
+
<div style="clear: both;">&nbsp;</div>
-
<a href="https://2012.igem.org/Team:BAU-Indonesia/Safety" style="color: white">Safety<!--[if gt IE 6]><!--></a><!--<![endif]-->
+
<!--content ends -->
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
<!--footer begins -->
-
+
</div>
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
 
-
</li>
+
<div id="footer">
-
        <li>
+
<p>Designed by <a href="http://www.freedesignertemplates.com/" title="Free Designer Templates">Free Designer Templates</a>
-
<a "href=https://2012.igem.org/Team:BAU-Indonesia/Attributions" style="color: white">Attributions<!--[if gt IE 6]><!--></a><!--<![endif]-->
+
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
</div>
-
+
</div>
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
-
</li>
+
-
+
<script type="text/javascript">
-
</ul>
+
document.onload = ctck();
 +
</script>  
</div>
</div>
-
<div id="header_bottom"><img src="https://static.igem.org/mediawiki/2008/e/ef/Navi_bg.gif" alt="" / ></div>
+
<!-- footer ends-->
 +
</td>
 +
  </tr>
 +
</table>
</body>
</body>
</html>
</html>

Revision as of 09:26, 9 September 2012

Chemical Reaction Template - Science and Technology Web Design - Free HTML Website Templates

Welcome To Chemical Reaction

Hiox Free Design

This is Free Chemical reaction template for your website design which is under Science and Technology Template category you can add. You can customize the layout of the html page any way you like.

Freedesignertemplates.com is a free collection of pre-designed with html layouts for your websites. These different categorized website design are developed by professional designers for you to make your task easy in creating a website.

There are categories like Art, Business, Nature, Music, Religious, Fashion, Holiday and Travel, Health and medicine templates etc under which there are different pages.
This Chemical reaction web design layouts are built using XHTML and CSS.

The entire website are pre-designed websites all you need to do is adding your own personal content and start your own website.

Start with a creative design from FreeDesignerTemplates.com and jump-start your development process.

Each people plan their site layouts depending upon their business type. Here comes a free designer template which provides you with a selection of different kinds of webdesign templates starting from business template, fashion template, media template, Science template, Arts template and much more.

readmore

FREE TUTORIALS ABOUT CHEMICAL REACTION EXPERIMENTS

Click and browse our selection list to locate the template that meets your websites needs.

Select Chemical reaction template.
Click on the “image or preview” button to see a larger version of the template.
Click on the “Download” button to open or save the design layout to your computer.

You are provided with an ample collection of entertainment templates, choose the one that perfectly suits your company needs. We provide you with professionally designed layouts to make your company deserves no less in the internet market.

more

 

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