Template:TUDelftiGEM2009

From 2009.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
__NOTOC__
<html>
<html>
 +
<style type="text/css">
 +
<!--
-
   <style type="text/css">
+
/*----------------------------------------------------------------------------*/
 +
/*   general stuff                                                            */
 +
/*----------------------------------------------------------------------------*/
-
html, body, div, span, applet, object, iframe,
+
.no-display{display:none}
-
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+
-
a, abbr, acronym, address, big, cite, code,
+
-
del, dfn, em, font, img, ins, kbd, q, s, samp,
+
-
small, strike, strong, sub, sup, tt, var,
+
-
dl, dt, dd,
+
-
fieldset, form, label, legend,
+
-
table, caption, tbody, tfoot, thead, tr, th, td {
+
-
margin: 0;
+
-
padding: 0;
+
-
outline: 0;
+
-
}
+
-
body {
+
body{margin:0;
-
font-family: "Arial", "Arial", sans-serif;
+
    padding:0;}
-
font-size: 10px;
+
-
}
+
-
+
-
a {
+
-
color: #1F527B;
+
-
text-decoration: none;
+
-
}
+
-
+
-
a:hover {
+
-
color: #009eb5;
+
-
text-decoration: underline;
+
-
}
+
-
+
-
a span {
+
-
visibility: hidden;
+
-
text-decoration: none;
+
-
}
+
 +
.noborder{border-top:0px;}
 +
/*----------------------------------------------------------------------------*/
 +
/*  header area                                                              */
 +
/*----------------------------------------------------------------------------*/
-
.selflink {
+
.logo-div{background-color:#8dcff4;  
-
color: #000000;
+
          padding-top:10px;
-
text-decoration: none;
+
          padding-bottom:3px; }
-
}
+
-
#header {
 
-
    width: 965px;
 
-
    height: 80px;
 
-
    position: relative;
 
-
    background: url(https://static.igem.org/mediawiki/2009/5/58/Bg_portal_mod.gif) no-repeat left top !important;
 
-
}
 
-
#header_left .plainlinks a {
+
#topbar-nav{background-color:#bfe2f9;
-
    width: 172px;
+
          padding-left:2%;
-
    height: 100px;
+
          padding-top:6px;
-
    position: absolute;
+
          padding-bottom:6px;  
-
    top: 0px;
+
          text-align:right  }
-
    left: 5px;
+
             
-
    text-decoration: none;
+
#topbar-nav a:link, #topbar-nav a:active, #topbar-nav a:visited, #topbar-nav a:hover{font-size:95%;  
-
    <!--background: url(https://static.igem.org/mediawiki/2008/a/a8/Tudelft_header_igem2008_logo_3.png) no-repeat left top !important;-->
+
                                                                            color:black;  
-
}
+
                                                                            text-decoration:none;
 +
                                                                            border:1px solid #bfe2f9;
 +
                                                                            padding:2px;
 +
                                                                            padding-left:4px;
 +
                                                                            padding-right:4px}
 +
                                   
-
#header_right .plainlinks a {
+
#topbar-nav a:hover{background-color:white;  
-
    width: 200px;
+
                  border:1px solid gray}
-
    height: 94px;
+
-
    z-index: 100;
+
-
    position: absolute;
+
-
    top: 36px;
+
-
    right: 0px;
+
-
    text-decoration: none;
+
-
    background: url(https://static.igem.org/mediawiki/2008/9/94/Tudelft_header_logo.png) no-repeat right top !important;
+
-
    padding: 0;
+
-
}
+
-
#menu {
+
-
height: 48px;
+
-
background: url(http://tnw.faculteiten.tudelft.nl/decoration/menu.gif) repeat-x left bottom;
+
-
width: 900px;
+
-
position: absolute;
+
-
left: 50%;
+
-
margin-left: -410px;
+
-
z-index: 1000;
+
-
}
+
-
+
-
#portal #menu {
+
-
top: 165px;
+
-
width: 785px;
+
-
margin-left: -305px;
+
-
}
+
-
+
-
+
-
#menu li {
+
-
display: block;
+
-
margin: 0px 17px 0px 22px;
+
-
float: left;
+
-
padding-left: 0px;
+
-
padding-top: 8px;
+
-
background: url(http://tnw.faculteiten.tudelft.nl/decoration/menu_bg_left.gif) no-repeat left 8px;
+
-
}
+
-
                #menu li1 {
+
/*----------------------------------------------------------------------------*/
-
display: block;
+
/* menu left                                                                  */
-
margin: 0px 17px 0px 22px;
+
/*----------------------------------------------------------------------------*/
-
float: left;
+
-
padding-left: 0px;
+
-
padding-top: 8px;
+
-
background: url(http://tnw.faculteiten.tudelft.nl/decoration/menu_bg_left.gif) no-repeat left 8px;
+
-
}
+
-
+
-
#menu li:hover {
+
-
background: url(http://tnw.faculteiten.tudelft.nl/decoration/menu_li_hover.png) no-repeat left 8px;
+
-
}
+
-
+
-
#menu li a {
+
-
text-decoration: none;
+
-
height: 30px;
+
-
color: #FFFFFF;
+
-
display: block;
+
-
background: url(http://tnw.faculteiten.tudelft.nl/decoration/menuli_bg_a.gif) no-repeat right top;
+
-
padding: 8px 18px 0px 13px;
+
-
font-size: 14px;
+
-
}
+
-
                #menu li strong {
+
#leftsidemenu .normal, #rightsidemenu .normal, body{background-color:#ececec}
-
text-decoration: none;
+
-
height: 30px;
+
-
color: #FFFFFF;
+
-
display: block;
+
-
background: url(http://tnw.faculteiten.tudelft.nl/decoration/menuli_bg_a.gif) no-repeat right top;
+
-
padding: 8px 18px 0px 13px;
+
-
font-size: 14px;
+
-
}
+
-
+
-
#menu li a:hover, #menu li.active a {
+
-
color: #000;
+
-
background: url(http://tnw.faculteiten.tudelft.nl/decoration/menuli_bg_a_hover.gif) no-repeat right top;
+
-
}
+
-
+
-
#menu li.selected a {
+
-
background: url(http://tnw.faculteiten.tudelft.nl/decoration/menu_li_selected.gif) no-repeat right top;
+
-
display: block;
+
-
padding: 4px 18px 0px 13px;
+
-
font-size: 14px;
+
-
height: 30px;
+
-
color: #000;
+
-
}
+
-
+
-
#menu li.selected a:hover {
+
-
color: #000;
+
-
background: url(http://tnw.faculteiten.tudelft.nl/decoration/menu_li_selected.gif) no-repeat right top;
+
-
}
+
-
+
-
+
-
#menu li.selected {
+
-
margin-top: 21px;
+
-
background: url(http://tnw.faculteiten.tudelft.nl/decoration/li_selected.gif) no-repeat left bottom;
+
-
padding-left: 6px;
+
-
height: 19px;
+
-
}
+
-
+
-
#menu ul ul {
+
-
display: none;
+
-
position: absolute;
+
-
width: 150px;
+
-
margin-left: -1px;
+
-
margin-top: -10px;
+
-
padding-top: 15px;
+
-
border: solid #00769a;
+
-
border-width: 0 1px 1px;
+
-
background: #fff;
+
-
}
+
-
#menu ul ul li {
+
a.side-link:link, a.side-link:active, a.side-link:visited, a.side-link:hover{border:1px solid #ececec}
-
float: none;
+
-
margin: 0;
+
-
padding: 0;
+
-
background: transparent;
+
-
}
+
 +
#leftsidemenu .light, #rightsidemenu .light{background-color:#f5f5f5}
-
#menu ul ul a,
+
#content{padding-top:1%;}
-
#menu ul li.selected ul a {
+
-
width: auto !important;
+
-
height: auto !important;
+
-
margin: 0px !important;
+
-
padding: 0.4em 0.7em !important;
+
-
background: transparent !important;
+
-
color: #000;
+
-
font-size: 1.1em !important;
+
-
}
+
-
#menu ul ul strong {
+
#leftsidemenu {width:170px;
-
width: auto !important;
+
                  padding-top:0%;
-
height: auto !important;
+
                  line-height:150%;
-
margin: 0px !important;
+
                  float:left;
-
padding: 0.4em 0.7em !important;
+
                  z-index:99;
-
background: transparent !important;
+
height=auto;}
-
color: #000;
+
-
font-size: 1.1em !important;
+
-
}
+
-
#menu ul ul a:hover {
 
-
background: none !important;
 
-
color: #00a6d6 !important;
 
-
}
 
-
 
-
#menu ul ul li:hover {
 
-
background: none !important;
 
-
}
 
-
 
-
#menu li.active ul {
 
-
background: #fff url(http://tnw.faculteiten.tudelft.nl/decoration/menu-bottom.png) no-repeat 73px top;
 
-
}
 
-
 
-
#menu li#menu-home.active ul {
 
-
background-position: 61px top;
 
-
}
 
-
 
-
#menu li#menu-team.active ul {
 
-
background-position: 86px top;
 
-
}
 
-
 
-
#contentTU {
 
-
position: relative;
 
-
top: 20px;
 
-
width: 960px;
 
-
margin: auto;
 
-
z-index: 3;
 
-
}
 
-
 
-
.hidden {
 
-
display: none;
 
-
}
 
-
#tudelft_content_wrapper {
 
-
    width: 940px;
 
-
    position: relative;
 
-
    float: left;
 
-
    margin-top: 20px;
 
-
}
 
-
   </style>
+
#leftsidemenu ul, #rightsidemenu ul{list-style-type:none;    
 +
                        list-style: none;                     
 +
                        margin:0;
 +
                        padding: 0 0 1.1em 0;
 +
                        }
 +
                       
 +
#leftsidemenu li, #rightsidemenu li{padding: 0.3ex 0;}
-
  <script type="text/javascript" src="http://tnw.faculteiten.tudelft.nl/scripts/jquery.js"></script>
 
-
  <script type="text/javascript" src="http://tnw.faculteiten.tudelft.nl/scripts/timers.js"></script>
 
-
  <script type="text/javascript" src="http://tnw.faculteiten.tudelft.nl/scripts/jquery.switchbox.js"></script>
 
-
  <script type="text/javascript" src="http://tnw.faculteiten.tudelft.nl/scripts/jquery.easing.js"></script>
 
-
  <script type="text/javascript" src="http://tnw.faculteiten.tudelft.nl/scripts/jquery.home.js"></script>
 
-
  <script type="text/javascript" src="http://tnw.faculteiten.tudelft.nl/scripts/jquery.scripts.js"></script>
 
-
</html>
+
#leftsidemenu a:link, #leftsidemenu a:active, #leftsidemenu a:visited, #leftsidemenu a:hover{color:black;
 +
                                                                        text-decoration:none;
 +
                                                                        padding:3px;
 +
                                                                        display:block;
 +
                                                                        border-top:1px solid #ececec;
 +
                                                                        border-bottom:1px solid #ececec;
 +
                                                                        padding-left:12px}
 +
         
-
<div id="header">
+
#leftsidemenu .counter {background-color:#ececec;
 +
padding-right:0.5%;
 +
                                  border-top:1px solid gray;
 +
                                  padding-left:1px;
 +
                                  padding-right:5px;
 +
                                  padding-bottom:10px;}
 +
                       
 +
#leftsidemenu .counter a:link, #leftsidemenu .counter a:active, #leftsidemenu .counter a:visited, #leftsidemenu .counter a:hover{color:black;
 +
                                                                        text-decoration:none;
 +
                                                                        padding:3px;
 +
                                                                        display:block;
 +
                                                                        border-top:1px solid #ececec;
 +
                                                                        border-bottom:1px solid #ececec;
 +
                                                                        padding-left:1px}
 +
                                                                                                                   
 +
#leftsidemenu a:hover{background-color:white;
 +
                  border-top:1px solid gray;
 +
                  border-bottom:1px solid gray}
-
<div id="header_left"><span class="plainlinks">  </span> </div>
 
-
<div id="header_right"><span class="plainlinks">[http://www.tudelft.nl &nbsp; ]</span></div>
+
#leftsidemenu .light, #rightsidemenu .light{padding-right:5px;;   
-
<br>  
+
                                border-top:1px solid gray;
-
<br>
+
                                padding-left:5px;
-
<br>         
+
                                padding-right:5px; 
-
<br>
+
                                padding-bottom:10px;
-
<br>
+
                                }
-
<div id="menu">
+
-
+
-
              <h3 class="hidden">menu</h3>
+
-
+
-
<ul>
+
-
<li class="" id="menu-team">[[Team:TUDelft|&nbsp;&nbsp;&nbsp;Home &nbsp;&nbsp;&nbsp;]]
+
-
<!--<ul style="display: none;">
+
-
<li>[http://www.google.com Change me!]</li>
+
-
<li>[http://www.yahoo.com I am ugly]</li>
+
-
<li>[http://www.msn.com I am empty]</li>
+
-
<li>[http://www.facebook.com I am disgusting...]</li>
+
-
<li>[http://www.twitter.com I am lonely]</li>
+
-
</ul>-->
+
                               
-
</li>
+
-
<li class="" id="menu-team">[[Team:TUDelft/Team|&nbsp;&nbsp;&nbsp;Team &nbsp;&nbsp;&nbsp;]]
+
-
<!--<ul style="display: none;>
+
-
<li>[http://www.google.com Change me!]</li>
+
-
<li>[http://www.yahoo.com I am ugly]</li>
+
-
<li>[http://www.msn.com I am empty]</li>
+
-
<li>[http://www.facebook.com I am disgusting...]</li>
+
-
<li>[http://www.twitter.com I am lonely]</li>
+
-
</ul>-->
+
#leftsidemenu .normal, #rightsidemenu .normal{padding-right:0.5%;
-
</li>
+
                                  border-top:1px solid gray;
-
<li class="" id="menu-team">[[Team:TUDelft/Project|&nbsp;&nbsp;&nbsp;Project &nbsp;&nbsp;&nbsp;]]
+
                                  padding-left:5px;
-
<!--<ul style="display: none;">
+
                                  padding-right:5px;  
-
<li>[http://www.google.com Change me!]</li>
+
                                  padding-bottom:10px;}
-
<li>[http://www.yahoo.com I am ugly]</li>
+
 
-
<li>[http://www.msn.com I am empty]</li>
+
                                 
-
<li>[http://www.facebook.com I am disgusting...]</li>
+
 
-
<li>[http://www.twitter.com I am lonely]</li>
+
#leftsidemenu span, #rightsidemenu span{font-size:90%;  
-
  </ul>-->
+
                            font-weight:700}
-
</li>
+
 
-
<li class="" id="menu-team">[[Team:TUDelft/Parts|&nbsp;&nbsp;&nbsp;Parts &nbsp;&nbsp;&nbsp;]]
+
                           
-
<!-- <ul style="display: none;">
+
 
-
<li>[http://www.google.com Change me!]</li>
+
#leftsidemenu .no-padding{padding:0}
-
<li>[http://www.yahoo.com I am ugly]</li>
+
 
-
<li>[http://www.msn.com I am empty]</li>
+
 
-
<li>[http://www.facebook.com I am disgusting...]</li>
+
 
-
<li>[http://www.twitter.com I am lonely]</li>
+
#leftsidemenu .subnav, #rightsidemenu .subnav{border:0;
-
  </ul>-->
+
                                  padding-left:0;
-
</li>
+
                                  padding-right:0}
-
<li class="" id="menu-team">[[Team:TUDelft/Modeling|&nbsp;Modeling&nbsp;]]
+
 
-
  <!-- <ul style="display: none;">
+
 
-
<li>[http://www.google.com Change me!]</li>
+
/*----------------------------------------------------------------------------*/
-
<li>[http://www.yahoo.com I am ugly]</li>
+
/* content                                                                */
-
<li>[http://www.msn.com I am empty]</li>
+
/*----------------------------------------------------------------------------*/
-
<li>[http://www.facebook.com I am disgusting...]</li>
+
 
-
<li>[http://www.twitter.com I am lonely]</li>
+
#content-container{background-color:white;  
-
  </ul>-->
+
                  margin-left:170px;  
-
</li>
+
                  margin-right:1px;
-
<li class="" id="menu-team">[[Team:TUDelft/Notebook|Notebook]]
+
                  border-left:2px solid #cccccc;
-
  <ul style="display: none;">
+
                  padding-top:1%; padding-left:8px; padding-right:1px;}
-
<li>[[Team:TUDelft/Brainstorm|Brainstorm]]</li>
+
 
-
<!--<li>[http://www.google.com Change me!]</li>
+
#content-container div{padding-bottom:40px;
-
<li>[http://www.yahoo.com I am ugly]</li>
+
                      text-align:justify;  
-
<li>[http://www.msn.com I am empty]</li>
+
                      padding-left:8px;  
-
<li>[http://www.facebook.com I am disgusting...]</li>
+
                      padding-right:8px;
-
<li>[http://www.twitter.com I am lonely]</li>-->
+
                      line-height:170%}
-
  </ul>
+
 
-
</li>
+
 
-
</ul>
+
-->
-
 
+
</style>
 +
 
 +
 
 +
<!-- *** HEADER *** -->
 +
<div class="logo-div">
 +
 +
<img src=https://static.igem.org/mediawiki/2008/9/94/Tudelft_header_logo.png>
 +
</div>
</div>
 +
<!--end header-->
 +
 +
<!-- *** TOPBAR *** -->
 +
<div id="topbar-nav">
 +
<span class="no-display">Top Menu Bar</span>
 +
<a href="https://2008.igem.org/Team:TUDelft/Brainstorm" class="topbar-link">brainstorm</a>&nbsp;&nbsp;
 +
<a href="https://2008.igem.org/Team:TUDelft/Calendar" class="topbar-link">calendar</a>&nbsp;&nbsp;
 +
<a href="https://2008.igem.org/Team:TUDelft/Contact" class="topbar-link">contact</a>
 +
</div>
 +
<!--end topbar-->
 +
 +
<!-- *** LEFTSIDEMENU *** -->
 +
<div id="leftsidemenu">
 +
 +
<!--links div-->
 +
<div class="normal subnav">
 +
  <ul>
 +
  <li><a href="https://2008.igem.org/Team:TUDelft">Home</a></li>
 +
  <li><a href="https://2008.igem.org/Team:TUDelft/Team">Team</a></li>
 +
  <li><a href="https://2008.igem.org/Team:TUDelft/Notebook">Notebook</a></li>
 +
  </ul>
 +
 +
  <span style="padding-left: 5px;">Project</span><br>
 +
  <ul>
 +
  <li><a href="https://2008.igem.org/Team:TUDelft/Project">Overview</a></li>
 +
  <li><a href="http://partsregistry.org/cgi/partsdb/pgroup.cgi?pgroup=iGEM2009&group=TUDelft">Parts</a></li>
 +
  <li><a href="https://2008.igem.org/Team:TUDelft/Modeling">Modeling</a></li>
 +
  </ul>
 +
</div>
 +
<!--end links div-->
 +
 
 +
<div class="light">
 +
  <span>Sponsors</span><br>
 +
add sponsors logos here
 +
</div>
 +
 +
<div class="counter">
 +
  <span>Visitors</span><br>
 +
  <a href="http://www2.clustrmaps.com/user/086882d9" class="external text" title="http://www2.clustrmaps.com/user/086882d9" rel="nofollow"><img src="http://www2.clustrmaps.com/stats/maps-no_clusters/2009.igem.org-Team-TUDelft-thumb.jpg" alt="2009.igem.org-Team-TUDelft-thumb.jpg"></a> 
</div>
</div>
-
__NOTOC__
 
 +
</div>
 +
<!--end leftsidemenu-->
-
<!-- start content area -->
+
 
-
<div id="tudelft_content_wrapper">
+
<!--
 +
////////////////////////////////////////////////////////////////////////
 +
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
 +
-->
 +
 
 +
 
 +
<!--//// CONTENT \\\\-->
 +
<div id="content-container">
 +
 
 +
</html>

Revision as of 19:55, 2 June 2009

Top Menu Bar brainstorm   calendar   contact
Project
Sponsors
add sponsors logos here
Visitors
2009.igem.org-Team-TUDelft-thumb.jpg

Retrieved from "http://2009.igem.org/Template:TUDelftiGEM2009"