Template:UBCiGEM2009 menu home

From 2009.igem.org

(Difference between revisions)
(Menu first draft)
Line 1: Line 1:
 +
<html>
 +
<style type="text/css">
 +
body {
 +
    background-color: #eee;
 +
}
 +
/*----------------------------------------------------------------------------*/
 +
/*  header area                                                              */
 +
/*----------------------------------------------------------------------------*/
-
<style media="all" type="text/css">@import "/menu/menu_style.css";</style>
+
#header {
-
<!--[if lt IE 7]>
+
    width: 965px;
-
<link rel="stylesheet" type="text/css" href="/menu/includes/ie6.css" media="screen"/>
+
    height: 153px;
-
<![endif]-->
+
    position: relative;
-
<div class="wrapper1">
+
}
-
<div class="wrapper" style="width:1050px;">
+
 
-
<div class="nav-wrapper">
+
#header_left .plainlinks a {
-
<div class="nav-left"></div>
+
    width: 172px;
-
<div class="nav">
+
    height: 153px;
-
<ul id="navigation" style="width:988px";>
+
    position: absolute;
 +
    top: 0px;
 +
    left: 5px;
 +
    text-decoration: none;
 +
    background: url(https://static.igem.org/mediawiki/2008/a/a8/Tudelft_header_igem2008_logo_3.png) no-repeat left top !important;
 +
}
 +
 
 +
#header_middle .plainlinks a {
 +
    width: 325px;
 +
    height: 104px;
 +
    position: absolute;
 +
    top: 0px;
 +
    left: 179px;
 +
    text-decoration: none;
 +
    background: url(https://static.igem.org/mediawiki/2008/c/c1/Tudelft_header_library.jpg) no-repeat left top !important;
 +
}
 +
 
 +
#header_right .plainlinks a {
 +
    width: 200px;
 +
    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;
 +
}
 +
 
 +
#header_bar_empty {
 +
    width: 781px;
 +
    height: 30px;
 +
    position: absolute;
 +
    top: 105px;
 +
    left: 179px;
 +
    background-color:#00a7e7;
 +
}
 +
 
 +
#header_bar_link {
 +
    width: 781px;
 +
    height: 17px;
 +
    position: absolute;
 +
    top: 136px;
 +
    left: 179px;
 +
    background-color:#0296CF;
 +
}
 +
 
 +
#header_bar_link a, #header_bar_link .selflink {
 +
    text-decoration: none;
 +
    color:#fff;
 +
    position: relative;
 +
    float: right;
 +
    margin: 0 10px 5px 0;
 +
    height: 17px;
 +
    font-size: 87%;
 +
    font-weight: bolder;
 +
}
 +
 
 +
#header_bar_link a:hover {
 +
    color: #ccc;
 +
}
 +
 
 +
#header_bar_link .selflink {
 +
    color: #444;
 +
}
 +
 
 +
/*----------------------------------------------------------------------------*/
 +
/* menu left                                                                  */
 +
/*----------------------------------------------------------------------------*/
 +
 
 +
#menu {
 +
    width: 158px;
 +
    margin: 20px 13px 0 7px;
 +
    position: relative;
 +
    float: left;
 +
}
 +
 
 +
#menu ul {
 +
    padding: 0;
 +
    margin: 0 0 10px 0;
 +
    list-style: none;
 +
}
 +
 
 +
#menu li {
 +
    margin:0;
 +
}
 +
 
 +
#menu a {
 +
    display: block;
 +
    width: 150px;
 +
    height: 19px;
 +
    margin-top: 1px;
 +
    background: url(https://static.igem.org/mediawiki/2008/9/95/Tudelft_menu_button.png) no-repeat left top;
 +
    padding: 2px 4px;
 +
    text-decoration: none;
 +
    color: #555;
 +
}
 +
 
 +
#menu a:hover {
 +
    display: block;
 +
    width: 150px;
 +
    height: 19px;
 +
    margin-top: 1px;
 +
    background: url(https://static.igem.org/mediawiki/2008/4/40/Tudelft_menu_button_hover.png) no-repeat left top;
 +
    padding: 2px 4px;
 +
    color: #fff;
 +
}
 +
 
 +
#menu .selflink {
 +
    display: block;
 +
    width: 150px;
 +
    height: 19px;
 +
    margin-top: 1px;
 +
    background: url(https://static.igem.org/mediawiki/2008/a/a6/Tudelft_menu_button_active.png) no-repeat left top;
 +
    padding: 2px 4px;
 +
    color: #fff;
 +
}
 +
 
 +
#menu a.external {
 +
    margin: 0;
 +
    padding: 0;
 +
    width: 156px;
 +
}
 +
 
 +
.menu_header {
 +
    width: 148px;
 +
    border: 1px solid #bbb;
 +
    background: url(https://static.igem.org/mediawiki/2008/c/c8/Tudelft_menu_header_bg_1.gif) repeat-x bottom;
 +
    color: #111;
 +
    padding: 2px 4px;
 +
}
 +
 
 +
/*----------------------------------------------------------------------------*/
 +
/* content area                                                              */
 +
/*----------------------------------------------------------------------------*/
 +
 
 +
#tudelft_content_wrapper {
 +
    width: 593px;
 +
    position: relative;
 +
    float: left;
 +
    margin-top: 20px;
 +
}
 +
 
 +
#tudelft_content_boxtop {
 +
    width: 593px;
 +
    height: 10px;
 +
    background:url(https://static.igem.org/mediawiki/2008/a/a1/Tudelft_content_top.png) no-repeat bottom left;
 +
    position: relative;
 +
    float: left;
 +
}
 +
 
 +
#tudelft_content_boxbottom {
 +
    width: 593px;
 +
    height: 10px;
 +
    background:url(https://static.igem.org/mediawiki/2008/8/89/Tudelft_content_bottom.png) no-repeat top left;
 +
    position: relative;
 +
    float: left;
 +
}
 +
 
 +
#tudelft_content {
 +
    width: 571px;
 +
    padding: 10px;
 +
    border-left: 1px solid #ccc;
 +
    border-right: 1px solid #ccc;
 +
    position: relative;
 +
    float: left;
 +
    font-size: 9pt;
 +
    text-align: justify;
 +
}
 +
 
 +
 
 +
/*----------------------------------------------------------------------------*/
 +
/* sidebar right                                                              */
 +
/*----------------------------------------------------------------------------*/
 +
 
 +
#sidebar {
 +
    width: 172px;
 +
    margin: 20px 7px 0 13px;
 +
    position: relative;
 +
    float: left;
 +
    text-align: right;
 +
}
 +
 
 +
#sidebar_extra {
 +
    margin-top: 0px;
 +
}
 +
 
 +
#sidebar ul {
 +
    padding: 0;
 +
    margin: 0;
 +
    list-style: none;
 +
}
 +
 
 +
#sidebar a, #sidebar .selflink {
 +
    display: block;
 +
    width: 162px;
 +
    height: 40px;
 +
    margin-bottom: 4px;
 +
    padding: 4px !important;
 +
    border: 1px solid #555;
 +
    color: #fff;
 +
    font-size: larger;
 +
    text-decoration: none;
 +
}
 +
 
 +
#sidebar a:hover {
 +
    color: #fff;
 +
}
 +
 
 +
#sidebar .selflink {
 +
    border: 1px solid #00a7e7;
 +
}
 +
 
 +
#sidebar .calendar .selflink, #sidebar .calendar a:hover {
 +
    background-image: url(https://static.igem.org/mediawiki/2008/f/f0/Tudelft_sidebar_calendar_hover_4.png);
 +
}
 +
#sidebar .calendar a {
 +
    background-image: url(https://static.igem.org/mediawiki/2008/7/74/Tudelft_sidebar_calendar_4.png);
 +
}
 +
#sidebar .parts .selflink, #sidebar .parts a:hover {
 +
    background-image: url(https://static.igem.org/mediawiki/2008/a/ab/Tudelft_sidebar_parts_hover_0.png);
 +
}
 +
#sidebar .parts a {
 +
    background-image: url(https://static.igem.org/mediawiki/2008/8/8d/Tudelft_sidebar_parts_1.png);
 +
}
 +
#sidebar .notebook .selflink, #sidebar .notebook a:hover {
 +
    background-image: url(https://static.igem.org/mediawiki/2008/3/3f/Tudelft_sidebar_notebook_lab_hover.png);
 +
}
 +
#sidebar .notebook a {
 +
    background-image: url(https://static.igem.org/mediawiki/2008/a/af/Tudelft_sidebar_notebook_lab.png);
 +
}
 +
#sidebar .notebook_modeling .selflink, #sidebar .notebook_modeling a:hover {
 +
    background-image: url(https://static.igem.org/mediawiki/2008/1/1d/Tudelft_sidebar_notebook_modeling_hover.png);
 +
}
 +
#sidebar .notebook_modeling a {
 +
    background-image: url(https://static.igem.org/mediawiki/2008/0/03/Tudelft_sidebar_notebook_modeling.png);
 +
}
 +
#sidebar .team .selflink, #sidebar .team a:hover {
 +
    background-image: url(https://static.igem.org/mediawiki/2008/9/98/Tudelft_sidebar_team_hover_0.png);
 +
}
 +
#sidebar .team a {
 +
    background-image: url(https://static.igem.org/mediawiki/2008/c/c2/Tudelft_sidebar_team_0.png);
 +
}
 +
#sidebar .photos .selflink, #sidebar .photos a:hover {
 +
    background-image: url(https://static.igem.org/mediawiki/2008/3/3b/Tudelft_sidebar_photos_hover_0.png);
 +
}
 +
#sidebar .photos a {
 +
    background-image: url(https://static.igem.org/mediawiki/2008/9/91/Tudelft_sidebar_photos_0.png);
 +
}
 +
 
 +
#sidebar_extra ul {
 +
    padding: 0;
 +
    margin: 0;
 +
    list-style: none;
 +
    border: 1px solid #bbb;
 +
    border-top: 0;
 +
   
 +
}
 +
 
 +
#sidebar_extra a {
 +
    display: block;
 +
    width: 162px;
 +
    padding: 0 4px !important;
 +
    text-decoration: none;
 +
    margin: 0;
 +
    border: 0;
 +
}
 +
 
 +
#sidebar_extra li {
 +
    margin: 0;
 +
}
 +
 
 +
#sidebar_extra li#counter {
 +
    border-bottom: 0;
 +
}
 +
 
 +
#sidebar_extra .header {
 +
    width: 162px;
 +
    border: 1px solid #bbb;
 +
    background: url(https://static.igem.org/mediawiki/2008/c/c8/Tudelft_menu_header_bg_1.gif) repeat-x bottom;
 +
    color: #111;
 +
    padding: 2px 4px;
 +
    margin-top: 10px;
 +
    text-align: left;
 +
}
 +
 
 +
#sidebar_extra #kluyver a {
 +
    background: url(https://static.igem.org/mediawiki/2008/8/87/Tudelft_sponsor_kluyvercentre.png) no-repeat center !important;
 +
    height: 55px;
 +
}
 +
 
 +
#sidebar_extra #dsm a {
 +
    background: url(https://static.igem.org/mediawiki/2008/6/6a/Tudelft_sponsor_DSM.png) no-repeat center !important;
 +
    height: 55px;
 +
}
 +
 
 +
#sidebar_extra #bionano a {
 +
    background: url(https://static.igem.org/mediawiki/2008/8/8f/Tudelft_sponsor_bionano.png) no-repeat center !important;
 +
    height: 55px;
 +
}
 +
 
 +
#sidebar_extra #biotech a {
 +
    background: url(https://static.igem.org/mediawiki/2008/a/a2/Tudelft_sponsor_biotech.png) no-repeat center !important;
 +
    height: 55px;
 +
}
 +
 
 +
#sidebar_extra #counter a {
 +
    background: url(http://www.easycounter.com/counter.php?igemtudelft) no-repeat center bottom;
 +
    height: 27px;
 +
}
 +
 
 +
#sidebar_extra #visitors a {
 +
    background: url(http://www4.clustrmaps.com/stats/maps-no_clusters/2008.igem.org-Team-TUDelft-thumb.jpg) no-repeat center !important;
 +
    height: 120px;
 +
}
 +
 
 +
/*----------------------------------------------------------------------------*/
 +
/* references                                                            */
 +
/*----------------------------------------------------------------------------*/
 +
 
 +
ol.references {
 +
    text-align: left;
 +
    font-size: smaller;
 +
}
 +
 
 +
ul.references {
 +
    text-align: left;
 +
    font-size: smaller;
 +
}
 +
 
 +
/* highlight the reference to which is navigated internal */
 +
ol.references > li:target  {
 +
    background-color: #def;
 +
}
 +
 
 +
/*----------------------------------------------------------------------------*/
 +
/* core stuff                                                                */
 +
/*----------------------------------------------------------------------------*/
 +
 
 +
/*reset*/
 +
p {
 +
    margin:0;
 +
}
 +
 
 +
.editsection {
 +
    font-size: 75%;
 +
    font-weight: normal;
 +
}
 +
 
 +
body {
 +
    font-family: Tahoma,Helvetica,Arial,Verdana,sans-serif;
 +
    line-height: 1.5;
 +
    color: #222;
 +
}
 +
 
 +
/* hide table of contents */
 +
#toc {
 +
    display: none;
 +
}
 +
 
 +
h1 {
 +
    font-size: 160%;
 +
}
 +
 
 +
/* put more month on one row in lab notebook */
 +
.month {
 +
    position: relative;
 +
    float: left;
 +
    margin: 7px 7px 27px 7px;
 +
}
   
   
-
<li class="#">
+
/* add margin beneath a paragraph */
-
<a href="https://2009.igem.org/Team:British_Columbia" target="_self">
+
p {
-
<span class="menu-left"></span>
+
    margin-bottom: 10px;
-
<span class="menu-mid">Home</span>
+
}
-
<span class="menu-right"></span>
+
 
-
</a>
+
/* colors lab notebook */
-
</li>
+
.day-empty {
-
+
    color: red;
-
<li class="#">
+
}
-
<a href="https://2009.igem.org/Team:British_Columbia/Team" target="_self">
+
.day-active {
-
<span class="menu-left"></span>
+
    color: green;
-
<span class="menu-mid">Team</span>
+
}
-
<span class="menu-right"></span>
+
.today {
-
</a>
+
    background-color: #ccc;
-
</li>
+
}
-
+
/* link color */
-
<li class="#">
+
a, a:visited {
-
<a href="https://2009.igem.org/Team:British_Columbia/Project" target="_self">
+
    color: #27809f;
-
<span class="menu-left"></span>
+
}
-
<span class="menu-mid">Project</span>
+
a:hover {
-
<span class="menu-right"></span>
+
    color: #00a7e7;
-
</a>
+
    text-decoration: none;
-
              <div class="sub">
+
}
-
  <ul>
+
ul {
-
          <li>
+
    margin-bottom: 5px;
-
<a href="https://2009.igem.org/Team:British_Columbia/pBAD" target="_self">pBAD promotors</a>
+
}
-
</li>
+
 
-
          <li>
+
#element {
-
<a href="https://2009.igem.org/Team:British_Columbia/LockandKey" target="_self">Lock and Key</a>
+
    overflow: hidden;
-
</li>
+
}
-
          <li>
+
.gallery {
-
<a href="https://2009.igem.org/Team:British_Columbia/Jammer" target="_self">Jammer</a>
+
    margin: 10px 2px !important;
-
</li>
+
}
-
  </ul>
+
.gallerytext {
-
</li>
+
    text-align: left;
-
+
}
-
<li class="#">
+
.footnote {
-
<a href="https://2009.igem.org/Team:British_Columbia/Parts" target="_self">
+
    text-align: left;
-
<span class="menu-left"></span>
+
    font-size: smaller;
-
<span class="menu-mid">Parts</span>
+
}
-
<span class="menu-right"></span>
+
</style>
-
</a>
+
</html>
-
</li>
+
 
-
+
<div id="header">
-
<li class="#">
+
 
-
<a href="https://2009.igem.org/Team:British_Columbia/Sponsor_Us" target="_self">
+
<div id="header_left"><span class="plainlinks">[https://2008.igem.org/Team:TUDelft &nbsp; ]</span></div>
-
<span class="menu-left"></span>
+
<div id="header_middle"><span class="plainlinks">[http://www.tudelft.nl &nbsp; ]</span></div>
-
<span class="menu-mid">Sponsors</span>
+
<div id="header_right"><span class="plainlinks">[http://www.tudelft.nl &nbsp; ]</span></div>
-
<span class="menu-right"></span>
+
<div id="header_bar_empty"></div>
-
</a>
+
 
-
</li>
+
<div id="header_bar_link">
-
+
[[Team:TUDelft/Contact | Contact]]
-
<li class="#">
+
[[Team:TUDelft/InTheNews | In the news]]
-
<a href="https://2009.igem.org/Team:British_Columbia/Lab_Notebook" target="_self">
+
[[Team:TUDelft/Acknowledgements | Acknowledgements]]
-
<span class="menu-left"></span>
+
[[Team:TUDelft/Papers | References]]
-
<span class="menu-mid">Notebook</span>
+
[[Team:TUDelft/Links | Links]]
-
<span class="menu-right"></span>
+
[[Team:TUDelft/Downloads | Downloads]]
-
</a>
+
[[Team:TUDelft/Protocols | Protocols]]
-
</li>
+
[[Team:TUDelft/Brainstorm | Brainstorm]]
-
+
[[Team:TUDelft/Meetings | Meetings]]
-
<li class="#">
+
</div>
-
<a href="https://2009.igem.org/Team:British_Columbia/Bibliography" target="_self">
+
-
<span class="menu-left"></span>
+
-
<span class="menu-mid">References</span>
+
-
<span class="menu-right"></span>
+
-
</a>
+
-
</li>
+
-
  </ul>
 
-
</div>
 
-
<div class="nav-right"></div>
 
-
<br><br>
 
-
</div>
 
-
</div>
 
</div>
</div>

Revision as of 20:57, 17 October 2009

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