Difference between revisions of "Template:Michigan Software"

 
(93 intermediate revisions by the same user 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: #1A1A80;
 
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 140: Line 164:
 
padding-top:10px;
 
padding-top:10px;
 
}
 
}
 
  
 
/*For the menu buttons, changes the color when hovering*/
 
/*For the menu buttons, changes the color when hovering*/
Line 208: Line 231:
 
padding: 15px;
 
padding: 15px;
 
padding-top: 5px;
 
padding-top: 5px;
    }
+
    }
  
.PicContainer{
+
.TopLeft{
height:420px
+
color: #000;
}                       
+
background-color: #FCA708;
                        .PictureLeft{
+
border-radius: 5px;
 +
-moz-border-radius: 5px;
 +
-webkit-border-radius: 5px;
 +
text-align: center;
 +
height:190px;
 +
width:40%;
 
float:left;
 
float:left;
width:350px;
+
margin-top: 15px;
 +
margin-bottom: 15px;
 +
padding: 15px;
 +
padding-top: 5px;
 
}
 
}
+
 
.BioRight{
+
.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;
 
float:left;
margin-left:10px;
+
margin-top: 15px;
vertical-align: middle;
+
margin-left:15px;
width:450px;
+
margin-bottom: 15px;
min-height: 10em;
+
padding: 15px;
    display: table-cell;
+
padding-top: 5px;
    vertical-align: middle }
+
 
}
 
}
  
.PictureRight{
+
.BotLeft{
float:right;
+
color: #FFF;
width:350px;
+
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;
 
}
 
}
  
.Bioleft{
+
.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;
 
float:left;
+
margin-left: 15px;
 +
margin-bottom: 15px;
 +
padding: 15px;
 +
padding-top: 5px;
 
}
 
}
+
 
</style>
 
</style>
 
<!-- End of CSS -->
 
<!-- End of CSS -->
Line 247: Line 306:
  
 
<div id="bannerContainer">
 
<div id="bannerContainer">
<br><br>
+
<br>
<h2 style="font-size:48px"><img src="https://static.igem.org/mediawiki/2015/5/5d/Team_Michigan_Software_banner.jpg" width="100px"> Michigan Software <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="75px"></h2>
+
<h2>
 +
<img src="https://static.igem.org/mediawiki/2015/5/5d/Team_Michigan_Software_banner.jpg" width="150px">  
 +
Michigan Software 2015
 +
<img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="150px">
 +
</h2>
 
</div>
 
</div>
  
Line 257: Line 320:
 
<ul>
 
<ul>
 
<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  
Line 268: Line 329:
 
</li></a>
 
</li></a>
  
<a href="https://2015.igem.org/Team:Michigan_Software/Outreach"><li>OUTREACH</li></a>
+
<a href="https://2015.igem.org/Team:Michigan_Software/Practices"><li>OUTREACH</li></a>
<a href="https://2015.igem.org/Team:Michigan_Software/Software"><li>SOFTWARE</li></a>
+
<a href="#"><li>SOFTWARE
 
+
            <ul>
 +
<a href="https://2015.igem.org/Team:Michigan_Software/Installation"> <li>Installation</li></a>  
 +
<a href="https://2015.igem.org/Team:Michigan_Software/UserGuide">
 +
<li>User Guide</li></a>
 +
<a href="https://2015.igem.org/Team:Michigan_Software/Documentation"> <li>Documentation</li></a>
 +
</li></a>
 
</ul>
 
</ul>
 +
 +
<a href="https://2015.igem.org/Team:Michigan_Software/Attributions"><li>TEAM</li></a>
 +
</ul>
 +
 +
 
</div>
 
</div>
 
<!-- End of menu  -->
 
<!-- End of menu  -->

Latest revision as of 02:47, 18 September 2015