Difference between revisions of "Template:Michigan Software"

(More Color Changes)
 
(144 intermediate revisions by 2 users not shown)
Line 12: Line 12:
 
body {  
 
body {  
 
background-color: #fff;
 
background-color: #fff;
 +
}
 +
 +
 +
@font-face{
 +
font-family: Lato;
 +
src: url(https://static.igem.org/mediawiki/2015/4/47/Team_Michigan_Software_Lato-Regular.woff);
 
}
 
}
  
Line 22: Line 28:
 
margin-bottom: 10px;
 
margin-bottom: 10px;
 
background-color: #fff;  
 
background-color: #fff;  
−
border-bottom: 14px solid #565656;
+
border-bottom: 14px solid #1A1A80;
−
border-right: 2px solid #565656;
+
border-right: 2px solid #1A1A80;
−
border-left: 2px solid #565656;
+
border-left: 2px solid #1A1A80;
−
border-top: 2px solid #565656;
+
border-top: 2px solid #1A1A80;
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
font-family: Lato;
 
}
 
}
  
Line 34: Line 40:
 
width: 134px;
 
width: 134px;
 
padding: 20px 0px;
 
padding: 20px 0px;
−
border-top: 14px solid #565656;
+
border-top: 3px solid #1A1A80;
−
background-color: #E8E8E9;
+
background-color: #1A1A80;
 
}
 
}
  
Line 47: Line 53:
 
float: left;
 
float: left;
 
background-color: #fff;  
 
background-color: #fff;  
−
border-top: 14px solid #565656;
+
border-top: 14px solid #1A1A80;
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
//font-family: "Trebuchet MS", Helvetica, sans-serif;
 
}
 
}
  
Line 54: Line 60:
 
#bannerContainer {
 
#bannerContainer {
 
height:200px;
 
height:200px;
−
margin:auto;
+
padding-bottom:30px;
 +
vertical-align:top;
 
text-align:center;
 
text-align:center;
 
color: #24B694;
 
color: #24B694;
 +
font-size:24px;
 
}
 
}
  
Line 65: Line 73:
 
font-size: 13px;
 
font-size: 13px;
 
color: #000;
 
color: #000;
 +
font-family: Lato;
 +
}
 +
 +
#mainContainer p.sciencedescription {
 +
position:absolute;
 +
top:643px;
 +
left:176px; 
 +
width:727px;
 +
background-color: #1A1A80; 
 +
font-size:20px; 
 +
color:white; 
 +
opacity:0.7;
 +
filter:alpha(opacity=70);
 
}
 
}
 
 
Line 72: Line 93:
 
border-bottom: none;
 
border-bottom: none;
 
font-weight: bold;
 
font-weight: bold;
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
font-family: Lato;
 
margin-top:10px;
 
margin-top:10px;
 
}
 
}
 +
#contentContainer h1{
 +
text-align:center;
 +
}
  
 
/*Style of the links - links are different inside the menu */
 
/*Style of the links - links are different inside the menu */
Line 121: Line 145:
 
/*Styling for the links in the menu */
 
/*Styling for the links in the menu */
 
#menuContainer a {
 
#menuContainer a {
−
color: #FCA708;
 
 
text-decoration:none;
 
text-decoration:none;
 
font-weight: bold;
 
font-weight: bold;
 +
color: #FFF;
 
}
 
}
  
Line 143: Line 167:
 
/*For the menu buttons, changes the color when hovering*/
 
/*For the menu buttons, changes the color when hovering*/
 
#menuContainer li:hover {
 
#menuContainer li:hover {
−
color: #FFF;
+
color: #FFF;
 
background-color: #FCA708;
 
background-color: #FCA708;
 
}
 
}
Line 149: Line 173:
 
/*Submenus are not displayed as default*/
 
/*Submenus are not displayed as default*/
 
#menuContainer li ul {
 
#menuContainer li ul {
 +
                                color: #1A1A80;
 
display: none;
 
display: none;
 
padding-top:15px;
 
padding-top:15px;
Line 175: Line 200:
 
width: 150px;
 
width: 150px;
 
}
 
}
 +
                       
 +
                        #menuContainer li ul li:hover{
 +
background-color: #FCA708;
 +
padding-left:20px;
 +
padding-right:20px;
 +
height:30px;
 +
padding-top:10px;
 +
margin-top:-2px;
 +
color: #FFF;
 +
width: 150px;
 +
}
 +
  
 
/*CLASSES */
 
/*CLASSES */
Line 194: Line 231:
 
padding: 15px;
 
padding: 15px;
 
padding-top: 5px;
 
padding-top: 5px;
−
    }
+
    }
  
 +
.TopLeft{
 +
color: #000;
 +
background-color: #FCA708;
 +
border-radius: 5px;
 +
-moz-border-radius: 5px;
 +
-webkit-border-radius: 5px;
 +
text-align: center;
 +
height:190px;
 +
width:40%;
 +
float:left;
 +
margin-top: 15px;
 +
margin-bottom: 15px;
 +
padding: 15px;
 +
padding-top: 5px;
 +
}
  
 +
.TopRight{
 +
color:#FFF;
 +
background-color:#1A1A80;
 +
border-radius: 5px;
 +
-moz-border-radius: 5px;
 +
-webkit-border-radius: 5px;
 +
text-align: center;
 +
height:190px;
 +
width:40%;
 +
float:left;
 +
margin-top: 15px;
 +
margin-left:15px;
 +
margin-bottom: 15px;
 +
padding: 15px;
 +
padding-top: 5px;
 +
}
 +
 +
.BotLeft{
 +
color: #FFF;
 +
background-color: #1A1A80;
 +
border-radius: 5px;
 +
-moz-border-radius: 5px;
 +
-webkit-border-radius: 5px;
 +
text-align: center;
 +
height:190px;
 +
width:40%;
 +
float:left;
 +
margin-bottom: 15px;
 +
padding: 15px;
 +
padding-top: 5px;
 +
}
 +
 +
.BotRight{
 +
color: #000;
 +
background-color: #FCA708;
 +
border-radius: 5px;
 +
-moz-border-radius: 5px;
 +
-webkit-border-radius: 5px;
 +
text-align: center;
 +
height:190px;
 +
width:40%;
 +
float:left;
 +
margin-left: 15px;
 +
margin-bottom: 15px;
 +
padding: 15px;
 +
padding-top: 5px;
 +
}
 +
 
</style>
 
</style>
 
<!-- End of CSS -->
 
<!-- End of CSS -->
Line 206: Line 306:
  
 
<div id="bannerContainer">
 
<div id="bannerContainer">
−
<br><br>
+
<br>
−
<h2> Add a banner to your wiki! </h2>
+
<h2>
−
+
<img src="https://static.igem.org/mediawiki/2015/5/5d/Team_Michigan_Software_banner.jpg" width="150px">  
−
<p>You can make the image 980px  by  200px</p>
+
Michigan Software 2015
−
<p> Remember to call the file: "<i>Team_Michigan_Software_banner.jpg</i>" </p>
+
<img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="150px">
 +
</h2>
 
</div>
 
</div>
  
Line 220: Line 321:
 
<a href="https://2015.igem.org/Team:Michigan_Software"><li>HOME</li></a>
 
<a href="https://2015.igem.org/Team:Michigan_Software"><li>HOME</li></a>
  
−
<a href="https://2015.igem.org/Team:Michigan_Software/Team"><li>TEAM</li></a>
+
<a href="#"><li>PROJECT  
−
 
+
−
<a href="#"><li>PROJECT
+
 
             <ul>
 
             <ul>
−
  <a href="https://2015.igem.org/Team:Michigan_Software/Description"><li>Description</li></a>
+
  <a href="https://2015.igem.org/Team:Michigan_Software/Description"><li>Description</li></a>  
−
  <a href="https://2015.igem.org/Team:Michigan_Software/Experiments"><li>Experiments &amp; Protocols</li></a> 
+
−
  <a href="https://2015.igem.org/Team:Michigan_Software/Results"><li>Results</li></a> 
+
 
  <a href="https://2015.igem.org/Team:Michigan_Software/Design"><li>Design</li></a>
 
  <a href="https://2015.igem.org/Team:Michigan_Software/Design"><li>Design</li></a>
 +
  <a href="https://2015.igem.org/Team:Michigan_Software/Results"><li>Results</li></a>
 
</ul>
 
</ul>
 
</li></a>
 
</li></a>
  
−
<a href="#"><li>PARTS
+
<a href="https://2015.igem.org/Team:Michigan_Software/Practices"><li>OUTREACH</li></a>
 +
<a href="#"><li>SOFTWARE
 
             <ul>
 
             <ul>
−
  <a href="https://2015.igem.org/Team:Michigan_Software/Parts"><li>Team Parts</li></a>
+
<a href="https://2015.igem.org/Team:Michigan_Software/Installation"> <li>Installation</li></a>  
−
  <a href="https://2015.igem.org/Team:Michigan_Software/Basic_Part"><li>Basic Parts</li></a> 
+
<a href="https://2015.igem.org/Team:Michigan_Software/UserGuide">
−
  <a href="https://2015.igem.org/Team:Michigan_Software/Composite_Part"><li>Composite Parts</li></a>
+
<li>User Guide</li></a>
−
  <a href="https://2015.igem.org/Team:Michigan_Software/Part_Collection"><li>Part Collection</li></a> 
+
<a href="https://2015.igem.org/Team:Michigan_Software/Documentation"> <li>Documentation</li></a>
−
</ul>
+
 
</li></a>
 
</li></a>
−
     
+
</ul>
−
<a href="https://2015.igem.org/Team:Michigan_Software/Attributions"><li>ATTRIBUTIONS</li></a>
+
  
−
<a href="https://2015.igem.org/Team:Michigan_Software/Collaborations"><li>COLLABORATIONS</li></a>
+
<a href="https://2015.igem.org/Team:Michigan_Software/Attributions"><li>TEAM</li></a>
 +
</ul>
  
−
<a href="https://2015.igem.org/Team:Michigan_Software/Practices"><li>HUMAN PRACTICES</li></a>
 
  
−
<a href="https://2015.igem.org/Team:Michigan_Software/Safety"><li>SAFETY</li></a>
 
−
 
−
<a href="https://2015.igem.org/Team:Michigan_Software/Modeling"><li>MODELING</li></a>
 
−
 
−
<a href="https://2015.igem.org/Team:Michigan_Software/Measurement"><li>MEASUREMENT</li></a>
 
−
 
−
<a href="https://2015.igem.org/Team:Michigan_Software/Software"><li>SOFTWARE</li></a>
 
−
 
−
<a href="https://2015.igem.org/Team:Michigan_Software/Entrepreneurship"><li>ENTREPRENEURSHIP</li></a>
 
−
 
−
</ul>
 
 
</div>
 
</div>
 
<!-- End of menu  -->
 
<!-- End of menu  -->

Latest revision as of 02:47, 18 September 2015