Difference between revisions of "Template:TU Delft"

 
(9 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{Template_All_Teams}}
+
{{TU_Delft_All_pages}}
  
 
<!-- Declare that you are going to use html code instead of wiki code -->
 
<!-- Declare that you are going to use html code instead of wiki code -->
Line 11: Line 11:
 
/* Change Background color*/
 
/* Change Background color*/
 
body {  
 
body {  
  background: url("https://static.igem.org/mediawiki/2015/5/56/TU_Delft_Background_geometricHoneyCombCyan.png") 50% 0 repeat fixed; min-height: 1000px;  
+
  background: url("https://static.igem.org/mediawiki/2015/5/56/TU_Delft_Background_geometricHoneyCombCyan.png") 50% 0 repeat fixed; min-height: 1000px;  
  height: 1000px;  
+
  height: 1000px;  
  margin: 0 auto;  
+
  margin: 0 auto;  
  width: 100%;  
+
  width: 100%;  
  max-width: 1920px;  
+
  max-width: 100%;  
  position: relative;  
+
  position: relative;  
 
}
 
}
  
Line 24: Line 24:
 
   background: url("https://static.igem.org/mediawiki/2015/5/56/TU_Delft_Background_geometricHoneyCombCyan.png") 50% 0 repeat fixed; min-height: 1000px;  
 
   background: url("https://static.igem.org/mediawiki/2015/5/56/TU_Delft_Background_geometricHoneyCombCyan.png") 50% 0 repeat fixed; min-height: 1000px;  
 
   height: 1000px;  
 
   height: 1000px;  
   margin-left: 20px;  
+
   /*margin-left: 20px;*/
   width: 15;  
+
  margin-right: 20px;
 +
   width: 100%;  
 
margin-bottom:10px
 
margin-bottom:10px
   max-width: 1920px;  
+
   max-width: 100%;  
 
   position: relative;   
 
   position: relative;   
 
}
 
}
 
/* Creates the container for the menu */
 
#menuContainer  {
 
float:left;
 
width: 134px;
 
padding: 20px 0px;
 
border-top: 14px solid #565656;
 
background-color: #E8E8E9;
 
}
 
  
 
/* Creates the container for the content */
 
/* Creates the container for the content */
 
#contentContainer {
 
#contentContainer {
 +
 +
position: absolute;
 
padding-top:20px;
 
padding-top:20px;
 
padding-right:10px;
 
padding-right:10px;
margin-bottom: 20px;
 
width: 814px;
 
 
padding-left: 20px;
 
padding-left: 20px;
float: left;
+
background-color: #fff;
+
font-family: Arial, Helvetica, sans-serif;
border-top: 14px solid #565656;
+
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
 
}
 
}
  
Line 56: Line 46:
 
#bannerContainer {
 
#bannerContainer {
 
height:200px;
 
height:200px;
 +
                                width: 100%;
 
margin:auto;
 
margin:auto;
 
text-align:center;
 
text-align:center;
Line 74: Line 65:
 
border-bottom: none;
 
border-bottom: none;
 
font-weight: bold;
 
font-weight: bold;
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
font-family: Arial, Helvetica, sans-serif;
 
margin-top:10px;
 
margin-top:10px;
 
}
 
}
Line 93: Line 84:
 
     border: 1px solid #565656;
 
     border: 1px solid #565656;
 
     border-collapse: collapse;
 
     border-collapse: collapse;
     width: 90%
+
     width: 100%
 
     margin: auto;
 
     margin: auto;
 
     margin-bottom: 15px;
 
     margin-bottom: 15px;
Line 121: Line 112:
  
 
/*MENU STYLING */
 
/*MENU STYLING */
 +
/* Creates the container for the menu */
 +
#menuContainer  {
 +
width: 965px;
 +
padding: 0px 0px;
 +
border-top: 2px solid #565656;
 +
height: 35px;
 +
text-align: center;
 +
line-height: 35px;
 +
vertical-align: middle;
 +
}
  
 
/*Styling for the links in the menu */
 
/*Styling for the links in the menu */
Line 127: Line 128:
 
text-decoration:none;
 
text-decoration:none;
 
font-weight: bold;
 
font-weight: bold;
 +
float:left;
 +
    width: 321.5px;
 +
height: 35px;
 +
background-color: #62CFE8;
 
}
 
}
  
 
/* Sets the style for lists inside menuContainer  */
 
/* Sets the style for lists inside menuContainer  */
 
#menuContainer ul {  
 
#menuContainer ul {  
list-style: none;
+
float: left;
margin-left:0px;
+
    width: 100%;
 +
    padding: 0;
 +
    margin: 0;
 +
    list-style-type: none;
 
}
 
}
  
Line 138: Line 146:
 
#menuContainer ul li {  
 
#menuContainer ul li {  
 
text-align: center;
 
text-align: center;
display: block;
+
display: inline;
 
width: 100%;
 
width: 100%;
 
height:30px;
 
height:30px;
padding-top:10px;
+
padding-top:0px;
 
}
 
}
  
 
/*For the menu buttons, changes the color when hovering*/
 
/*For the menu buttons, changes the color when hovering*/
#menuContainer li:hover {
+
#menuContainer a:hover {
 
color:  #FFF;
 
color:  #FFF;
 
background-color: #24B694;
 
background-color: #24B694;
 +
width:321.5px;
 
}
 
}
  
Line 209: Line 218:
  
 
<div id="bannerContainer">
 
<div id="bannerContainer">
<br><br>
+
<img src="https://static.igem.org/mediawiki/2015/8/8b/TU_Delft_Banner_Team1.jpg" height="200" width="965px">
<img src="https://static.igem.org/mediawiki/2015/8/8b/TU_Delft_Banner_Team1.jpg" height="200" width="950">
+
+
<p>You can make the image 980px  by  200px</p>
+
<p> Remember to call the file: "<i>Team_TU_Delft_banner.jpg</i>" </p>
+
 
</div>
 
</div>
  
Line 221: Line 226:
 
<!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons -->
 
<!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons -->
 
<ul>
 
<ul>
<a href="https://2015.igem.org/Team:TU_Delft"><li>HOME</li></a>
+
<a href="https://2015.igem.org/Team:TU_Delft"><li>Home</li></a>
  
<a href="https://2015.igem.org/Team:TU_Delft/Team"><li>TEAM</li></a>
+
<a href="https://2015.igem.org/Team:TU_Delft/Team"><li>Team</li></a>
  
<a href="#"><li>PROJECT
+
<a href="https://2015.igem.org/Team:TU_Delft/Description"><li>Project
             <ul>
+
             <!-- <ul>
 
<a href="https://2015.igem.org/Team:TU_Delft/Description"><li>Description</li></a>
 
<a href="https://2015.igem.org/Team:TU_Delft/Description"><li>Description</li></a>
 
<a href="https://2015.igem.org/Team:TU_Delft/Experiments"><li>Experiments &amp; Protocols</li></a>   
 
<a href="https://2015.igem.org/Team:TU_Delft/Experiments"><li>Experiments &amp; Protocols</li></a>   
 
<a href="https://2015.igem.org/Team:TU_Delft/Results"><li>Results</li></a>   
 
<a href="https://2015.igem.org/Team:TU_Delft/Results"><li>Results</li></a>   
 
<a href="https://2015.igem.org/Team:TU_Delft/Design"><li>Design</li></a>
 
<a href="https://2015.igem.org/Team:TU_Delft/Design"><li>Design</li></a>
</ul>
+
</ul>-->
 
</li></a>
 
</li></a>
  
<a href="#"><li>PARTS
+
<!-- <a href="#"><li>Parts
 
             <ul>
 
             <ul>
 
<a href="https://2015.igem.org/Team:TU_Delft/Parts"><li>Team Parts</li></a>
 
<a href="https://2015.igem.org/Team:TU_Delft/Parts"><li>Team Parts</li></a>
Line 243: Line 248:
 
</li></a>
 
</li></a>
  
<a href="https://2015.igem.org/Team:TU_Delft/Notebook"><li>NOTEBOOK</li></a>
+
<a href="https://2015.igem.org/Team:TU_Delft/Notebook"><li>Notebook</li></a>
 
        
 
        
<a href="https://2015.igem.org/Team:TU_Delft/Attributions"><li>ATTRIBUTIONS</li></a>
+
<a href="https://2015.igem.org/Team:TU_Delft/Attributions"><li>Attributions</li></a>
 
+
<a href="https://2015.igem.org/Team:TU_Delft/Collaborations"><li>COLLABORATIONS</li></a>
+
  
<a href="https://2015.igem.org/Team:TU_Delft/Practices"><li>HUMAN PRACTICES</li></a>
+
<a href="https://2015.igem.org/Team:TU_Delft/Collaborations"><li>Collaborations</li></a>
  
<a href="https://2015.igem.org/Team:TU_Delft/Safety"><li>SAFETY</li></a>
+
<a href="https://2015.igem.org/Team:TU_Delft/Practices"><li>Human Practices</li></a>
  
<a href="https://2015.igem.org/Team:TU_Delft/Modeling"><li>MODELING</li></a>
+
<a href="https://2015.igem.org/Team:TU_Delft/Safety"><li>Safety</li></a>
  
<a href="https://2015.igem.org/Team:TU_Delft/Measurement"><li>MEASUREMENT</li></a>
+
<a href="https://2015.igem.org/Team:TU_Delft/Modeling"><li>Modeling</li></a>
  
<a href="https://2015.igem.org/Team:TU_Delft/Software"><li>SOFTWARE</li></a>
+
<a href="https://2015.igem.org/Team:TU_Delft/Measurement"><li>Measurement</li></a>
  
<a href="https://2015.igem.org/Team:TU_Delft/Entrepreneurship"><li>ENTREPRENEURSHIP</li></a>
+
<a href="https://2015.igem.org/Team:TU_Delft/Software"><li>Software</li></a>
  
 +
<a href="https://2015.igem.org/Team:TU_Delft/Entrepreneurship"><li>Entrepreneurship</li></a>-->
 
</ul>
 
</ul>
 
</div>
 
</div>

Latest revision as of 09:56, 11 June 2015