Difference between revisions of "Team:TU Darmstadt/Templates/CSS"

Line 20: Line 20:
  
 
#bodyContent {   
 
#bodyContent {   
 +
width: 100%;
 +
}
 +
 +
#top_menu_inside { 
 
width: 978px;
 
width: 978px;
 
margin: 0 auto;
 
margin: 0 auto;
 
}
 
}
  
#top_menu_inside {
+
#bannerContent {
 
width: 978px;
 
width: 978px;
 
margin: 0 auto;
 
margin: 0 auto;
 
}
 
}
 +
 +
/* Create Top header bar*/
 +
/* #topHeaderBar {
 +
width: auto;
 +
height: auto;
 +
background-color: #555;
 +
border-bottom: 4px solid #fc0110;
 +
padding-top: 24px;
 +
margin-bottom: 20px;
 +
}*/
  
 
/* Creates a container that will wrap all of the content inside your wiki pages. */
 
/* Creates a container that will wrap all of the content inside your wiki pages. */
 
#mainContainer {   
 
#mainContainer {   
 
width: 978px;
 
width: 978px;
 +
margin: 0 auto;
 
overflow:hidden;
 
overflow:hidden;
float:left;
 
 
margin-bottom: 10px;
 
margin-bottom: 10px;
 
background-color: #fff;  
 
background-color: #fff;  
Line 68: Line 82:
 
#bannerContainer {
 
#bannerContainer {
 
height:200px;
 
height:200px;
 +
height:100%;
 +
background-color: #555;
 
margin:auto;
 
margin:auto;
 
text-align:center;
 
text-align:center;
Line 205: Line 221:
 
         margin:auto;  
 
         margin:auto;  
 
         background-color: #E8E8E9;  
 
         background-color: #E8E8E9;  
margin-bottom: 15px;
+
margin-bottom: 15px;
margin-top: 15px;
+
margin-top: 15px;
padding: 15px;
+
padding: 15px;
padding-top: 5px;
+
padding-top: 5px;
 
     }
 
     }
  
Line 215: Line 231:
 
<!-- End of CSS -->
 
<!-- End of CSS -->
  
 
+
<div id="bannerContainer">
<!-- Start of the template html elements. -->
+
<div id="bannerContent">
<div id ="mainContainer"><!--The closing tag for mainContainer should be placed at the bottom of each content page.-->
+
 
+
 
+
<div id="bannerContainer">
+
 
<br><br>
 
<br><br>
<h2> Add a banner to your wiki! </h2>
+
<h1> iGEM 2015 TU Darmstadt Wiki: Under Construction!! </h1>
+
 
<p>You can make the image 980px  by  200px</p>
 
<p>You can make the image 980px  by  200px</p>
 
<p> Remember to call the file: "<i>Team_Example_banner.jpg</i>" </p>
 
<p> Remember to call the file: "<i>Team_Example_banner.jpg</i>" </p>
 
</div>
 
</div>
 +
</div>
 +
 +
<!-- Start of the template html elements. -->
 +
<div id ="mainContainer"><!--The closing tag for mainContainer should be placed at the bottom of each content page.-->
  
 
<!-- Start of menu -->
 
<!-- Start of menu -->

Revision as of 13:03, 2 September 2015



iGEM 2015 TU Darmstadt Wiki: Under Construction!!

You can make the image 980px by 200px

Remember to call the file: "Team_Example_banner.jpg"