Difference between revisions of "Template:Tuebingen"

Line 1: Line 1:
 
<html>
 
<html>
−
<head>
 
−
<style type="text/css">
 
  
−
.firstHeading {
+
<!-- Start of CSS-->
−
display: none;
+
<style type="text/css">
 +
 
 +
/* WIKI SETTINGS*/
 +
/* Hide first heading */
 +
.firstHeading {
 +
display: none;
 +
}
 +
 +
/*-- Remove borders, float content left and remove padding/margin */
 +
#globalWrapper, #content{
 +
background-color: transparent;
 +
border: 0px;
 +
margin:0 auto;
 +
padding: 0px;
 +
                                width: 100%;
 +
}
 +
        /*Fixed E.coli at the site*/
 +
#fixedcoli {
 +
  position: fixed;
 +
  right: 50px;
 +
  top: 80%;
 +
  width: 100px;
 +
  height: 100px;
 +
  margin-top: -2.5em;
 +
  }
 +
 
 +
        /*Font Chalk it up*/
 +
@font-face {
 +
    font-family: chalkitup;
 +
    src: url(https://static.igem.org/mediawiki/2015/5/54/Djb_chalk_it_up.ttf);
 +
}
 +
 
 +
h2 {font-family: chalkitup;}
 +
 
 +
/* Change Background color*/
 +
body {
 +
background-image: url(https://static.igem.org/mediawiki/2015/b/ba/Team_Tuebingen_bg_palindrom.jpg);
 +
background-size: 100% auto;
 +
background-attachment: fixed;
 
}
 
}
  
−
#globalWrapper, #content{
+
/* Creates a container that will wrap all of the content inside your wiki pages. */
−
background-color: transparent;
+
#mainContainer {
−
border: 0px;
+
width: 900px;
−
margin:0 auto;
+
                        margin-top: 0px;
−
padding: 0px;
+
                        margin-left: auto;
−
            width: 100%;
+
                        margin-right: auto;
 +
                        margin-bottom: 10px;
 +
font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
background-color: rgba(255,250,240, 0.75);
 +
 
 
}
 
}
 +
/* Creates the container for the menu */
 +
#menuContainer  {
 +
height:40px;
 +
}
 +
/* Creates the container for the content */
 +
#contentContainer {
 +
padding-top:50px;
 +
padding-right:10px;
 +
margin-bottom: 20px;
 +
width: 814px;
 +
padding-left: 40px;
 +
float: left;
  
−
#fixedcoli {
 
−
  position: fixed;
 
−
  right: 50px;
 
−
  top: 80%;
 
−
  width: 100px;
 
−
  height: 100px;
 
−
  margin-top: -2.5em;
 
 
}
 
}
−
+
/*VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
−
@font-face {
+
 
−
    font-family: chalkitup;
+
/*Change the styling of text for everything inside main container*/
−
    src: url(https://static.igem.org/mediawiki/2015/5/54/Djb_chalk_it_up.ttf);
+
#mainContainer p {  
 +
font-size: 13px;
 +
color: #000000;
 
}
 
}
−
+
−
body {
+
/*This changes the color and font family */
−
font-family: chalkitup;
+
#contentContainer h1, h2, h3, h4, h5, h6 {  
−
background-image: url(https://static.igem.org/mediawiki/2015/b/ba/Team_Tuebingen_bg_palindrom.jpg);
+
color: #565656;
−
background-size: 100% auto;
+
border-bottom: none;
−
background-attachment: fixed;
+
font-weight: bold;
−
text-align:center;
+
font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
margin-top:10px;
 
}
 
}
−
 
−
div.menu {
 
  
−
font-size: 20px;
+
/*Style of the links - links are different inside the menu */
−
line-height:35px;
+
#contentContainer a {
−
height:50px;
+
font-weight: bold;
−
text-align:center;
+
color: #23b593;
−
position:absolute;
+
−
width:900px;
+
−
left:50%;
+
−
margin-left:-434px;
+
−
z-index:1000;
+
 
}
 
}
−
 
−
div.menuitem {
 
−
border:5px solid #f5fffb;
 
−
color:#ffffff;
 
−
float:left;
 
−
height:45px;
 
−
box-sizing:border-box;
 
−
min-width:100px;
 
−
margin:2px;
 
−
cursor:pointer;
 
−
transition:height 1s ease;
 
−
overflow:hidden;
 
  
 +
  /* Styling links on hover- links are different inside the menu */
 +
#contentContainer a:hover {
 +
color: #59bf92;
 
}
 
}
−
div.menusubitem:hover {
+
 
−
background-image: url(https://static.igem.org/mediawiki/2015/c/c6/Team_Tuebingen_menubg2.jpg);
+
/*Change the styling of tables */
 +
        #contentContainer table {
 +
    border: 1px solid #565656;
 +
    border-collapse: collapse;
 +
    width: 90%
 +
    margin: auto;
 +
      margin-bottom: 15px;
 +
    margin-top: 15px;
 +
    margin-right: 10px;
 +
    margin-left: 10px;
 +
    }
 +
 
 +
/*Change the styling of table cells*/
 +
    #contentContainer  td {
 +
    padding: 10px;
 +
    border: 1px solid #565656;
 +
    border-collapse: collapse;
 +
    vertical-align: text-top;
 +
    }
 +
 
 +
/*Change the styling of table headers */
 +
    #contentContainer th {
 +
    background-color: #E8E8E9;
 +
    padding: 10px;
 +
    border: 1px solid #565656;
 +
    border-collapse: collapse;
 +
    vertical-align: text-top;
 +
    }
 +
 
 +
/*MENU STYLING */
 +
#menu { font-size:20px;
 +
font-family: chalkitup;
 +
position: fixed;
 +
z-index:3000;
 +
}
 +
#menu ul {
 +
list-style-type:none;
 +
list-style-image:none;
 +
margin:0 auto;
 +
padding:0px;
 +
}
 +
 
 +
#menu li.topmenu {
 +
float:left;
 +
}
 +
 
 +
#menu .topmenu a {
 +
float:left;
 +
min-width: 100px;
 +
text-align:center;
 +
background-image: url(https://static.igem.org/mediawiki/2015/2/2a/Team_Tuebingen_menubg.jpg);
 
background-size: 100% auto;
 
background-size: 100% auto;
 
background-attachment: fixed;
 
background-attachment: fixed;
 
}
 
}
  
−
div.menusubitem {
+
#menu .topmenu ul{
−
width:100%;
+
display:none;
−
height:35px;
+
}
−
font-size:16px;
+
#menu .topmenu a, #menu .submenu a{
−
background-image: url(https://static.igem.org/mediawiki/2015/2/2a/Team_Tuebingen_menubg.jpg);
+
padding:4px 4px;
 +
border:5px solid #f5fffb;
 +
border-collapse:collapse;
 +
color:#ffffff;
 +
font-weight: normal;
 +
text-decoration:none;
 +
background-color:#59BF92, 0.5;
 +
margin:0;
 +
 
 +
}
 +
.submenu a{
 +
font-size:14px;
 +
width:100px;
 +
position:relative;
 +
clear:both; /* special IE6 */
 +
}
 +
 
 +
#menu a:hover, .topmenu.on a {
 +
color:#f5fffb;
 +
background-color:#2b8f53!important;
 +
background-image: url(https://static.igem.org/mediawiki/2015/c/c6/Team_Tuebingen_menubg2.jpg);
 
background-size: 100% auto;
 
background-size: 100% auto;
 
background-attachment: fixed;
 
background-attachment: fixed;
 
}
 
}
  
−
+
#menu .topmenu:hover ul {
−
#mainContainer {
+
display:block; z-index:1200;
−
text-align:center;
+
}
−
}
+
−
+
−
#contentContainer {
+
  
−
text-align:left;
+
/*CLASSES */
−
position:absolute;
+
/*Clear class for all the pages, adds spacing too*/
−
width:900px;
+
.clear{
−
left:50%;
+
clear:both;
−
margin-left:-450px;
+
height: 10px;
−
top:50px;
+
}
−
height:450px;
+
−
background-image: url(https://static.igem.org/mediawiki/2015/8/8f/Team_Tuebingen_leinwandwei%C3%9F.png);
+
−
background-size: 100% 100%;
+
−
padding:20px 20px;
+
−
overflow:auto;
+
−
background-repeat:no-repeat;
+
−
box-sizing:border-box;
+
  
−
}
+
/* highlight box for special messages */
−
</style>
+
.highlightBox {
 +
width:500px; margin:auto; background-color: #E8E8E9; margin-bottom: 15px;
 +
margin-top: 15px;
 +
padding: 15px;
 +
padding-top: 5px;
 +
}
 +
</style>
 +
<!-- End of CSS -->
  
−
<script src="" type="text/javascript">
 
  
−
</script>
 
−
</head>
 
−
<body>
 
  
−
<div id="mainContainer">
+
 
−
+
 
−
<div class="menu">
+
 
−
<div class="menuitem" style="width:100px;"><div class="menusubitem" onclick="window.location.href='https://2015.igem.org/Team:Tuebingen';">Home</div></div>
+
<!-- Start of the template html elements. -->
−
<div class="menuitem" style="width:100px;"><div class="menusubitem" onclick="window.location.href='https://2015.igem.org/Team:Tuebingen/Team';">Team</div></div>
+
<div id="mainContainer"><!--The closing tag for mainContainer should be placed at the bottom of each content page.-->
−
<div class="menuitem" style="width:100px;"  onmouseover="this.style.height='255px'" onmouseout="this.style.height='45px'">
+
 
−
<div class="menusubitem" onclick="window.location.href='https://2015.igem.org/Team:Tuebingen/Description';">Project</div>
+
<!-- Start of menu -->
−
<div class="menusubitem" onclick="window.location.href='https://2015.igem.org/Team:Tuebingen/Experiments';">Experiments</div>
+
<div id="menu">
−
<div class="menusubitem" onclick="window.location.href='https://2015.igem.org/Team:Tuebingen/Results';">Results</div>
+
<ul>
−
<div class="menusubitem" onclick="window.location.href='https://2015.igem.org/Team:Tuebingen/Design';">Design</div>
+
<li class="topmenu">
−
<div class="menusubitem" onclick="window.location.href='https://2015.igem.org/Team:Tuebingen/Parts';">Parts</div>
+
    <a href="https://2015.igem.org/Team:Tuebingen">HOME</a>
−
<div class="menusubitem" onclick="window.location.href='https://2015.igem.org/Team:Tuebingen/Safety';">Safety</div>
+
    <ul>
−
<div class="menusubitem" onclick="window.location.href='https://2015.igem.org/Team:Tuebingen/Notebook';">Notebook</div>
+
    </ul>
 +
  </li>
 +
 
 +
<li class="topmenu">
 +
    <a href="https://2015.igem.org/Team:Tuebingen/Team">Team</a>
 +
    <ul>
 +
    </ul>
 +
  </li>
 +
 
 +
  <li class="topmenu">
 +
    <a href="https://2015.igem.org/Team:Tuebingen/Description">Project</a>
 +
    <ul>
 +
      <li class="submenu"><a href="https://2015.igem.org/Team:Tuebingen/Experiments">Experiments</a></li>
 +
      <li class="submenu"><a href="https://2015.igem.org/Team:Tuebingen/Results">Results</a></li>
 +
      <li class="submenu"><a href="https://2015.igem.org/Team:Tuebingen/Design">Design</a></li>
 +
      <li class="submenu"><a href="https://2015.igem.org/Team:Tuebingen/Parts">Parts</a></li>
 +
      <li class="submenu"><a href="https://2015.igem.org/Team:Tuebingen/Safety">Safety</a></li>
 +
      <li class="submenu"><a href="https://2015.igem.org/Team:Tuebingen/Notebook">Notebook</a></li>
 +
    </ul>
 +
  </li>
 +
 
 +
<li class="topmenu">
 +
    <a href="">Acknowledgement</a>
 +
    <ul>
 +
      <li class="submenu"><a href="https://2015.igem.org/Team:Tuebingen/Attributions">Attributions</a></li>
 +
      <li class="submenu"><a href="https://2015.igem.org/Team:Tuebingen/Collaborations">Collaboration</a></li>
 +
    </ul>
 +
  </li>
 +
 
 +
  <li class="topmenu">
 +
<a href="https://2015.igem.org/Team:Tuebingen/Practices">Human Practices</a>
 +
    <ul>
 +
    </ul>
 +
  </li>
 +
  <li class="topmenu">
 +
<a href="https://2015.igem.org/Team:Tuebingen/Modeling">Modeling</a>
 +
    <ul>
 +
    </ul>
 +
  </li>
 +
  <li class="topmenu">
 +
<a href="https://2015.igem.org/Team:Tuebingen/Measurement">Measurement</a>
 +
    <ul>
 +
    </ul>
 +
  </li>
 +
    </ul>
 
</div>
 
</div>
−
<div class="menuitem" style="width:155px;" onmouseover="this.style.height='115px'" onmouseout="this.style.height='45px'">
+
<!-- End of menu -->
−
<div class="menusubitem" onclick="">Acknowledgement</div>
+
 
−
<div class="menusubitem" onclick="window.location.href='https://2015.igem.org/Team:Tuebingen/Attributions';">Attributions</div>
+
 
−
<div class="menusubitem" onclick="window.location.href='https://2015.igem.org/Team:Tuebingen/Collaboration';">Collaboration</div>
+
<img id="fixedcoli" src="https://static.igem.org/mediawiki/2015/f/fe/Team_Tuebingen_ecolifotographiert.png"/>
−
</div>
+
 
−
<div class="menuitem" style="width:155px;"><div class="menusubitem" onclick="window.location.href='https://2015.igem.org/Team:Tuebingen/Practices';">Human Practices</div></div>
+
−
<div class="menuitem" style="width:100px;"><div class="menusubitem" onclick="window.location.href='https://2015.igem.org/Team:Tuebingen/Modeling';">Modeling</div></div>
+
−
<div class="menuitem" style="width:130px;"><div class="menusubitem" onclick="window.location.href='https://2015.igem.org/Team:Tuebingen/Measurement';">Measurement</div></div>
+
−
</div>
+
  
−
<div id="contentContainer">
+
<!-- Start of content -->
−
+
<div id="contentContainer"> <!--The closing tag for contentContainer should be placed at the bottom of each content page.-->
−
+
  
−
</body>
 
 
</html>
 
</html>

Revision as of 22:44, 20 August 2015