Difference between revisions of "Template:Leicester"

(Prototype team template page)
 
Line 11: Line 11:
 
/* Change Background color*/
 
/* Change Background color*/
 
body {  
 
body {  
−
background-color: #fff;
+
background-color: #FFFFFF;
 
}
 
}
  
 
/* 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: 980px;
 
overflow:hidden;
 
overflow:hidden;
 
float:left;
 
float:left;
 
margin-left:20px;
 
margin-left:20px;
 
margin-bottom: 10px;
 
margin-bottom: 10px;
−
background-color: #fff;  
+
background-color: #E8E8E9;  
−
border-bottom: 14px solid #565656;
+
border-bottom: 20px solid #14747D;
−
border-right: 2px solid #565656;
+
−
border-left: 2px solid #565656;
+
−
border-top: 2px solid #565656;
+
 
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
}
 
}
Line 32: Line 30:
 
#menuContainer  {  
 
#menuContainer  {  
 
float:left;
 
float:left;
−
width: 134px;
+
width: 150px;
 
padding: 20px 0px;
 
padding: 20px 0px;
−
border-top: 14px solid #565656;
+
border-top: 14px solid #14747D;
−
background-color: #E8E8E9;
+
background-color: #22BDB9;
 +
font family: "Lucida Sans Unicode", "Lucida Grande", sans serif;}
 
}
 
}
  
Line 53: Line 52:
 
/*Set up height place holder for the banner*/
 
/*Set up height place holder for the banner*/
 
#bannerContainer {
 
#bannerContainer {
−
height:200px;
+
width:980px;                               
 +
height:200px;
 
margin:auto;
 
margin:auto;
 
text-align:center;
 
text-align:center;
−
color: #24B694;
+
background-image: url('https://static.igem.org/mediawiki/2015/8/82/Team_Leicester_banner.jpg');
 +
background-size:cover;
 
}
 
}
  
Line 207: Line 208:
  
 
<div id="bannerContainer">
 
<div id="bannerContainer">
−
<br><br>
 
−
<h2> Add a banner to your wiki! </h2>
 
−
 
−
<p>You can make the image 980px  by  200px</p>
 
−
<p> Remember to call the file: "<i>Team_Leicester_banner.jpg</i>" </p>
 
 
</div>
 
</div>
  

Revision as of 08:21, 5 August 2015