Team:ETH Zurich/Templates/TestHeader

From 2012.igem.org

(Difference between revisions)
(Undo revision 301165 by Blockmoka (talk))
 
(74 intermediate revisions not shown)
Line 37: Line 37:
.toc, #toc { display: none; }
.toc, #toc { display: none; }
-
/* menu styles */
+
html {
 +
    overflow-y: scroll;
 +
}
 +
 
 +
/* Main menu */
 +
#eth_nav {
 +
    padding: 0 0 0 7px;
 +
}
 +
 
#eth_nav ul
#eth_nav ul
{ margin: 0;
{ margin: 0;
Line 49: Line 57:
}
}
-
#eth_nav ul li a
+
#eth_nav > ul > li > a
{ display: block;
{ display: block;
background: #324143;
background: #324143;
-
padding: 5px 10px;
+
padding: 5px 15px;
text-decoration: none;
text-decoration: none;
border-right: 1px solid white;
border-right: 1px solid white;
-
width: 83px;
 
color: #EAFFED;
color: #EAFFED;
white-space: nowrap;
white-space: nowrap;
Line 63: Line 70:
{ display: block;
{ display: block;
background: #324143;
background: #324143;
-
padding: 5px 10px;
+
padding: 5px 15px;
text-decoration: none;
text-decoration: none;
border-right: 1px solid white;
border-right: 1px solid white;
-
width: 83px;
 
color: #EAFFED;
color: #EAFFED;
white-space: nowrap;
white-space: nowrap;
Line 88: Line 94:
display: inline;
display: inline;
}
}
 +
#eth_nav ul li ul li a
#eth_nav ul li ul li a
-
{ width: auto;
+
{
-
background: #99CC99;
+
  width: auto;
-
color: #24313C;
+
  background: #009966;
 +
  color: #EAFFED;
 +
  display: block;
 +
  padding: 5px 15px;
 +
  text-decoration: none;
 +
  white-space: nowrap;
 +
 
}
}
 +
#eth_nav ul li ul li:last-child a {
 +
    border-radius: 0 0 8px 8px;
 +
}
#eth_nav > ul > li > ul > li > strong.selflink
#eth_nav > ul > li > ul > li > strong.selflink
{  width: auto;
{  width: auto;
-
     background: #99CC99;
+
     background: #009966;
-
     color: #24313C;
+
     color: #EAFFED;
-
    border-right: 1px solid white;
+
     display: block;
     display: block;
-
     padding: 5px 10px;
+
     padding: 5px 15px;
     text-decoration: none;
     text-decoration: none;
     white-space: nowrap;
     white-space: nowrap;
}
}
 +
#eth_nav > ul > li > ul > li:last-child > strong.selflink {
 +
    border-radius: 0 0 8px 8px;
 +
}
#eth_nav ul li ul li a:hover
#eth_nav ul li ul li a:hover
-
{ background: #009966;
+
{ background: #9ACB98;
}
}
-
#eth_page {
+
/* Submenus */
-
    border: none; margin: 0; padding: 0; width: 975px; height:100%;
+
.eth_submenu {
-
    margin: 0 auto;
+
  margin: 0 auto;
-
    position: relative;
+
  width: 50%;
-
    height: 100%;
+
}
}
-
#eth_topnav {
+
.eth_submenu ul li {
-
    width: 100%;  
+
  float: left;
-
    background: #727272;
+
  list-style: none;
-
    font-size: 9px;
+
-
    margin-bottom: 5px;
+
}
}
-
#eth_topnav a
+
.eth_submenu ul li a {
-
{ text-decoration: none;
+
  display: block;
 +
  background: #009966;
 +
  padding: 5px 20px;
 +
  text-decoration: none;
 +
  border-right: 1px solid white;
   color: #EAFFED;
   color: #EAFFED;
-
   margin-left: 2px;
+
   white-space: nowrap;
-
  margin-right: 2px;
+
}
}
-
#eth_topnav_left
+
.eth_submenu ul li strong.selflink {
-
{
+
  display: block;
-
  width: 50%;
+
  background: #009966;
-
  float: left;
+
  padding: 5px 20px;
 +
  text-decoration: none;
 +
  border-right: 1px solid white;
 +
  color: #EAFFED;
 +
  white-space: nowrap;
}
}
-
#eth_topnav_right
+
.eth_submenu ul li:last-child a {
-
{ width: 50%;
+
  border-radius: 0 8px 8px 0;
-
  text-align: right;
+
}
-
  float: right;
+
 
 +
.eth_submenu ul li:last-child strong.selflink {
 +
  border-radius: 0 8px 8px 0;
 +
}
 +
 
 +
.eth_submenu ul li:first-child {
 +
  display: block;
 +
  background: #009966;
 +
  padding: 5px 20px;
 +
  text-decoration: none;
 +
  border-right: 1px solid white;
 +
  white-space: nowrap;
 +
  border-radius: 8px 0 0 8px;
 +
}
 +
 
 +
.eth_submenu ul li a:hover {
 +
  background: #99CC99;
 +
}
 +
 
 +
/* Page main structure */
 +
#eth_page {
 +
    border: none; margin: 0; padding: 0; width: 975px; height:100%;
 +
    margin: 0 auto;
 +
    position: relative;
 +
    height: 100%;
}
}
#eth_header {
#eth_header {
 +
  background: url(https://static.igem.org/mediawiki/2012/a/a9/Eth_header_bg.jpg) repeat scroll 0 0 white;
 +
  border-radius: 8px 8px 8px 8px;
 +
}
 +
 +
#eth_header_ecolipse {
 +
  float: left;
 +
}
 +
 +
#eth_header_igem {
 +
  position: relative;
 +
  top: -115px;
 +
  left: 880px;
 +
  width: 80px;
 +
  height: 80px;
}
}
#eth_menu {
#eth_menu {
-
background-color: #324143; border: none; margin: 0; padding: 0; width: 100%;
+
  background-color: #324143;
 +
  border: medium none;
 +
  left: 125px;
 +
  margin: 0;
 +
  padding: 0;
 +
  position: relative;
 +
  top: -27px;
 +
  width: 850px;
 +
  border-radius: 8px 0 8px 0;
}
}
Line 157: Line 225:
   margin: 0;
   margin: 0;
   overflow: hidden;
   overflow: hidden;
-
   padding: 10px;
+
   padding: 30px;
 +
  border-radius: 8px;
}
}
Line 174: Line 243:
#eth_content table td,th{
#eth_content table td,th{
-
    border: 1px solid #AAAAAA;
+
  border: 1px solid #AAAAAA;
-
    padding: 0.2em;
+
  padding: 0.2em;
 +
}
 +
 
 +
#eth_content .tablenoborder {
 +
  border: 0
 +
}
 +
 
 +
#eth_content .tablenoborder td {
 +
  border: 0
}
}
#eth_footer {
#eth_footer {
 +
  background: white;
 +
  height: 100%;
 +
  margin: 0;
 +
  overflow: hidden;
 +
  margin: 15px 0 30px 0;
 +
  padding: 30px;
 +
  border-radius: 8px;
 +
}
 +
#eth_sponsors {
 +
  width: 100%;
 +
  margin: 0px auto;
}
}
 +
 +
#eth_sponsors table td {
 +
  padding: 10px;
 +
}
 +
 +
#eth_references { display: none;}
 +
 +
#eth_references li { display: none;}
 +
 +
#eth_content .eth_imagetable table {
 +
  border: solid 0px black;
 +
}
 +
 +
#eth_content .eth_imagetable table td {
 +
  vertical-align: top;
 +
  border: solid 0px black;
 +
}
 +
</style>
</style>
Line 206: Line 312:
$(document).ready(function()
$(document).ready(function()
{
{
 +
  // Hide partsregistry/igem stuff
 +
  $('.compatibility_div').hide();
 +
  $('.editsection').hide();
 +
   // Navigation
   // Navigation
   $('#eth_nav > ul > li').bind('mouseover', eth_nav_open);
   $('#eth_nav > ul > li').bind('mouseover', eth_nav_open);
-
   $('#eth_nav > ul > li').bind('mouseout',  eth_nav_timer);
+
   $('#eth_content > ul > li').bind('mouseout',  eth_nav_timer);
   // Enable/disable login/wiki
   // Enable/disable login/wiki
Line 215: Line 325:
   else
   else
       $('#eth_nav > ul > li:last').hide(); // Hide last menu entry
       $('#eth_nav > ul > li:last').hide(); // Hide last menu entry
 +
 +
  // Prepare references
 +
  $('#eth_references li').each(function (index, domEle) {
 +
    $(this).prepend('<a name="'+$(this).attr('id')+'"></a>');
 +
    });
 +
 +
  $('.eth_reference').each(function (index, domEle) {
 +
    var refId = $(this).text().replace('[', '').replace(']', '');
 +
    $(this).html('[<a href="#'+refId+'">'+refId+'</a>]');
 +
    $("#"+refId).show();
 +
    $("#eth_references").show();
 +
    });
 +
 +
  $('.eth_dontlink a').each(function (index, domEle) {
 +
      var $t = jQuery(this);
 +
      $t.after($t.html());
 +
      $t.remove();
 +
    });
});
});
Line 222: Line 350:
<div id="eth_page">
<div id="eth_page">
-
<div id="eth_topnav">
+
<div id="eth_header"><div id="eth_header_ecolipse">[[Image:eth_ecolipseeth_logo.png|200px|link=https://2012.igem.org/Team:ETH_Zurich]]</div><div id="eth_header_igem">[[Image:eth_igem_logo.png|80px|link=https://2012.igem.org/Main_Page]]</div><div class="clear"></div></div>
-
  <div id="eth_topnav_left"></div>
+
-
  <div id="eth_topnav_right"></div><div class="clear"> </div>
+
-
</div>
+
-
<div id="eth_header">[[Image:eth_page_header.png|link=https://2012.igem.org/Main_Page]]</div>
+
<div id="eth_menu">
<div id="eth_menu">
<div id="eth_nav">
<div id="eth_nav">
* [[Team:ETH_Zurich|Home]]
* [[Team:ETH_Zurich|Home]]
-
* [[Team:ETH_Zurich/Project|Project]]
+
* [[Team:ETH_Zurich/Project_overview|Project]]
-
** [[Project|Overview]]
+
**[[Team:ETH_Zurich/Project_overview|Overview]]
-
** [[Circuit Design]]
+
**[[Team:ETH_Zurich/Motivation|Motivation]]
-
* [[Parts]]
+
**[[Team:ETH_Zurich/Applications|Applications]]
-
** [[Team:ETH_Zurich/Parts|Parts Submitted to the Registry]]
+
**[[Team:ETH_Zurich/Interplay|Lab & Modelling]]
-
** [[Team:ETH_Zurich/UsedParts|Parts used from the Registry]]
+
* [[Team:ETH_Zurich/Project|Parts]]
 +
**[[Team:ETH_Zurich/Project|Overview]]
 +
** [[Team:ETH_Zurich/UVR8|Direct: UVR8-TetR<sub>DBD</sub>]]
 +
** [[Team:ETH_Zurich/Decoder|Indirect: Decoder]]
 +
** [[Team:ETH_Zurich/PABA|Output: PABA]]
 +
** [[Team:ETH_Zurich/Parts|Parts]]
* [[Team:ETH_Zurich/Modeling|Modeling]]
* [[Team:ETH_Zurich/Modeling|Modeling]]
** [[Team:ETH_Zurich/Modeling|Overview]]
** [[Team:ETH_Zurich/Modeling|Overview]]
** [[Team:ETH_Zurich/Modeling/Photoinduction|Photoinduction]]
** [[Team:ETH_Zurich/Modeling/Photoinduction|Photoinduction]]
-
** [[Team:ETH_Zurich/Modeling/ODE System|ODE Systems]]
+
** [[Team:ETH_Zurich/Modeling/UVR8|UVR8-TetR<sub>DBD</sub> Circuit]]
 +
** [[Team:ETH_Zurich/Modeling/SPF_model|Sun Protection Factor]]
 +
<!-- ** [[Team:ETH_Zurich/Modeling/Construct1|Construct 1: UVR8-TetR<sub>DBD</sub>/LovTAP]] -->
 +
** [[Team:ETH_Zurich/Modeling/Construct2|Decoder Circuit: LovTAP/Cph8]]
** [[Team:ETH_Zurich/Modeling/Parameters|Parameters]]
** [[Team:ETH_Zurich/Modeling/Parameters|Parameters]]
* [[Team:ETH_Zurich/Notebook|Notebook]]
* [[Team:ETH_Zurich/Notebook|Notebook]]
 +
** [[Team:ETH_Zurich/Notebook|Overview]]
 +
** [[Team:ETH_Zurich/MaterialMethods|Material & Methods]]
 +
*[[Team:ETH_Zurich/Achievements|Achievements]]
 +
**[[Team:ETH_Zurich/Achievements|Medal Achievements]]
 +
**[[Team:ETH_Zurich/Achievements_overall|Project Achievements]]
* [[Team:ETH_Zurich/Safety|Safety]]
* [[Team:ETH_Zurich/Safety|Safety]]
* [[Team:ETH_Zurich/HumanPractice|Human practice]]
* [[Team:ETH_Zurich/HumanPractice|Human practice]]
* [[Team:ETH_Zurich/Team|Team]]
* [[Team:ETH_Zurich/Team|Team]]
 +
** [[Team:ETH_Zurich/Team|Team description]]
 +
** [[Team:ETH_Zurich/Attributions|Attributions & Acknowledgements]]
** [https://igem.org/Team.cgi?year=2012&team_name=ETH_Zurich Official Team Profile]
** [https://igem.org/Team.cgi?year=2012&team_name=ETH_Zurich Official Team Profile]
-
** [[Team:ETH_Zurich/Team_description|Team description]]
 
-
** [[Team:ETH_Zurich/Attributions|Attributions]]
 
* [{{fullurl:Special:UserLogin|returnto={{PAGENAMEE}}}} Login]
* [{{fullurl:Special:UserLogin|returnto={{PAGENAMEE}}}} Login]
-
* [[WIKI]]
+
* [{{fullurl:{{PAGENAME}}}} WIKI]
** [{{fullurl:{{PAGENAME}}}} View page]
** [{{fullurl:{{PAGENAME}}}} View page]
** [{{fullurl:{{PAGENAME}}|action=edit}} Edit page]  
** [{{fullurl:{{PAGENAME}}|action=edit}} Edit page]  

Latest revision as of 16:09, 8 July 2013

Eth ecolipseeth logo.png
Eth igem logo.png