Difference between revisions of "Template:Tuebingen"

Line 1: Line 1:
 
<html>
 
<html>
−
<head>
+
 
−
<style type="text/css">
+
<!-- Start of CSS-->
−
#fixedcoli {
+
<style type="text/css">
−
  position: fixed;
+
 
−
  right: 50px;
+
/* WIKI SETTINGS*/
−
  top: 80%;
+
/* Hide first heading */
−
  width: 100px;
+
.firstHeading {
−
  height: 100px;
+
display: none;
−
  margin-top: -2.5em;
+
}
−
}
+
 
 
−
/*Font Chalk it up*/
+
/*-- Remove borders, float content left and remove padding/margin */
−
@font-face {
+
#globalWrapper, #content{
−
    font-family: chalkitup;
+
background-color: transparent;
−
    src: url(https://static.igem.org/mediawiki/2015/5/54/Djb_chalk_it_up.ttf);
+
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);
 +
}
 +
 
 +
div {
 +
    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;
 
}
 
}
−
+
 
−
/* Change Background color*/
+
/* Creates a container that will wrap all of the content inside your wiki pages. */
−
body {
+
#mainContainer {
−
font-family: chalkitup;
+
width: 900px;
−
background-image: url(https://static.igem.org/mediawiki/2015/b/ba/Team_Tuebingen_bg_palindrom.jpg);
+
                        margin-top: 0px;
−
background-size: 100% auto;
+
                        margin-left: auto;
−
background-attachment: fixed;
+
                        margin-right: auto;
 +
                        margin-bottom: 10px;
 +
background-color: rgba(255,250,240, 0.75);  
 +
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
}
 
}
−
+
/* Creates the container for the menu */
−
div.menu {
+
#menuContainer  {  
−
position:absolute;
+
−
font-size: 14px;
+
−
}
+
−
+
−
div.menuitem {
+
−
padding:4px 4px;
+
−
border:5px solid #f5fffb;
+
−
color:#ffffff;
+
−
float:left;
+
 
height:40px;
 
height:40px;
−
width:110px;
 
 
}
 
}
−
+
/* Creates the container for the content */
−
#mainContainer {
+
−
text-align:center;
+
−
}
+
−
+
 
#contentContainer {
 
#contentContainer {
−
text-align:left;
+
padding-top:50px;
 +
padding-right:10px;
 +
margin-bottom: 20px;
 +
width: 814px;
 +
padding-left: 40px;
 +
float: left;
 +
background: rgba(251,255,232, 0.6)
 +
border-top: 14px solid #565656;
 +
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
}
 
}
−
</style>
+
/*VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
−
<script src="" type="text/javascript">
+
 
−
+
/*Change the styling of text for everything inside main container*/
−
</script>
+
#mainContainer p {
−
</head>
+
font-size: 13px;
−
<body>
+
color: #000000;
 +
}
 +
 +
/*This changes the color and font family */
 +
#contentContainer h1, h2, h3, h4, h5, h6 {
 +
color: #565656;
 +
border-bottom: none;
 +
font-weight: bold;
 +
font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
margin-top:10px;
 +
}
 +
 
 +
/*Style of the links - links are different inside the menu */
 +
#contentContainer a {
 +
font-weight: bold;
 +
color: #23b593;
 +
}
 +
 
 +
  /* Styling links on hover- links are different inside the menu */
 +
#contentContainer a:hover {
 +
color: #59bf92;
 +
}
 +
 
 +
/*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;
 +
}
 +
#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: 110px;
 +
text-align:center;
 +
}
 +
 
 +
#menu .topmenu ul{
 +
display:none;
 +
}
 +
#menu .topmenu a, #menu .submenu a{
 +
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:110px;
 +
position:relative;
 +
clear:both; /* special IE6 */
 +
}
 +
 
 +
#menu a:hover, .topmenu.on a {
 +
color:#f5fffb;
 +
background-color:#2b8f53!important;
 +
}
 +
 
 +
#menu .topmenu:hover ul {
 +
display:block; z-index:1200;
 +
}
 +
 
 +
/*CLASSES */
 +
/*Clear class for all the pages, adds spacing too*/
 +
.clear{
 +
clear:both;
 +
height: 10px;
 +
}
 +
 
 +
/* highlight box for special messages */
 +
.highlightBox {
 +
width:500px; margin:auto; background-color: #E8E8E9; margin-bottom: 15px;
 +
margin-top: 15px;
 +
padding: 15px;
 +
padding-top: 5px;
 +
}
 +
</style>
 +
<!-- End of CSS -->
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<!-- Start of the template html elements. -->
 +
<div id="mainContainer"><!--The closing tag for mainContainer should be placed at the bottom of each content page.-->
 +
 
 +
<div id="menuContainer">
 +
<!-- Start of menu -->
 +
</p>
 +
<div id="menu">
 +
<ul>
 +
<li class="topmenu">
 +
    <a href="https://2015.igem.org/Team:Tuebingen">HOME</a>
 +
    <ul>
 +
    </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>
 +
<!-- End of menu -->
 +
</div>
 +
 
 +
 
 +
<img id="fixedcoli" src="https://static.igem.org/mediawiki/2015/f/fe/Team_Tuebingen_ecolifotographiert.png"/>
 +
 
  
−
<div id="mainContainer">
+
<!-- Start of content -->
−
+
<div id="contentContainer"> <!--The closing tag for contentContainer should be placed at the bottom of each content page.-->
−
<div class="menu">
+
−
<div class="menuitem">Home</div>
+
−
<div class="menuitem">Team</div>
+
−
<div class="menuitem">Project</div>
+
−
<div class="menuitem">Acknowledgement</div>
+
−
<div class="menuitem">Human Practices</div>
+
−
<div class="menuitem">Modelling</div>
+
−
<div class="menuitem">Measurement</div>
+
−
</div>
+
−
+
−
<div id="contentContainer">
+
−
+
−
</div>
+
−
+
−
</div>
+
  
−
</body>
 
 
</html>
 
</html>

Revision as of 07:54, 20 August 2015