Difference between revisions of "Template:Wellesley TheTech"

 
Line 1: Line 1:
−
{{Template_All_Teams}}
+
{{Template_Wellesley_TheTech}}
−
 
+
−
<!-- Declare that you are going to use html code instead of wiki code -->
+
 
<html>
 
<html>
  
 +
<head>
 
<!-- Start of CSS-->
 
<!-- Start of CSS-->
 
<style type="text/css">
 
<style type="text/css">
 +
  
 
/* PAGE LAYOUT */
 
/* PAGE LAYOUT */
Line 11: Line 11:
 
/* Change Background color*/
 
/* Change Background color*/
 
body {  
 
body {  
−
background-color: #fff;
+
background-image: url("https://2015.igem.org/File:Wellesley_TheTech_Background.png");
−
width: 980px;
+
width: 980px;
−
margin: auto;
+
margin: auto;
 +
background-color: #565656;
 +
}
 +
 
 +
@font-face {
 +
  font-family: 'SlimJoe';
 +
  src: url("https://2015.igem.org/File:Wellesley_TheTech_SlimJoeFont.otf")
 
}
 
}
  
 
/* 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: 998px;
−
overflow:hidden;
+
position: absolute;
−
float:left;
+
bottom: 0;
−
margin-left:20px;
+
top: 0;
−
margin-bottom: 10px;
+
margin: auto;
−
background-color: #fff;  
+
background-color: #fff;
−
border-bottom: 14px solid #565656;
+
border-bottom: 14px solid #57c7da;
−
border-right: 2px solid #565656;
+
border-top: 20px solid #57c7da;
−
border-left: 2px solid #565656;
+
−
border-top: 2px solid #565656;
+
 
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
z-index: -1;
 
}
 
}
  
 
/* Creates the container for the menu */
 
/* Creates the container for the menu */
−
#menuContainer {  
+
#menuContainer {
−
float:left;
+
−
width: 134px;
+
−
padding: 20px 0px;
+
−
border-top: 14px solid #565656;
+
 
background-color: #E8E8E9;
 
background-color: #E8E8E9;
−
display: inline;
+
 
}
 
}
  
 
/* Creates the container for the content */
 
/* Creates the container for the content */
 
#contentContainer {
 
#contentContainer {
−
padding-top:20px;
 
 
padding-right:10px;
 
padding-right:10px;
 
margin-bottom: 20px;
 
margin-bottom: 20px;
Line 55: Line 55:
  
 
/*Set up height place holder for the banner*/
 
/*Set up height place holder for the banner*/
−
#bannerContainer {
+
#bannerContainer {
−
height:200px;
+
−
margin:auto;
+
−
text-align:center;
+
 
color: #24B694;
 
color: #24B694;
 +
position:absolute;
 +
bottom: 0px;
 +
margin-left: -45px;
 +
width: 1061px;
 
}
 
}
 +
 +
 +
 +
#topContainer{
 +
 +
position: absolute;
 +
top: 0px;
 +
left: 0;
 +
width: 100%;
 +
text-align: left;
 +
}
 +
 +
#topContainer h1 {
 +
color: #5d6bb2;
 +
font-weight: bold;
 +
font-family: "Roboto", sans-serif;
 +
font-size: 40px;
 +
margin: 25px 50px 5px;
 +
}
 +
 +
#topContainer h2 {
 +
color: #5d6bb2;
 +
font-family: "SlimJoe";
 +
font-size: 45px;
 +
margin: -60px 410px -40px;
 +
}
 +
 +
#topContainer h3 {
 +
color: #5d6bb2;
 +
font-family: "SlimJoe";
 +
font-size: 45px;
 +
margin: -13px 2000px;
 +
}
 +
 +
#topContainer a {
 +
color: inherit;
 +
text-decoration: none;
 +
}
 +
 +
.nextLine{
 +
margin-top: -40px;
 +
margin-left: 30px;
 +
}
 +
 +
.leftFloat {
 +
float:left;
 +
}
 +
 +
.rightFloat{
 +
float:right;
 +
}
 +
 +
#menuBar {
 +
background-color: #7a86c2;
 +
position: absolute;
 +
bottom: 430px;
 +
left: 0;
 +
height: 50px;
 +
width: 100%;
 +
}
 +
 +
 +
 +
  
 
/*VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
 
/*VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
Line 95: Line 160:
 
     border-collapse: collapse;
 
     border-collapse: collapse;
 
     width: 90%
 
     width: 90%
−
    margin: auto;
 
−
    margin-bottom: 15px;
 
−
    margin-top: 15px;
 
−
    margin-right: 10px;
 
−
    margin-left: 10px;
 
 
     }
 
     }
  
Line 122: Line 182:
  
 
/*MENU STYLING */
 
/*MENU STYLING */
 +
 +
#menuwrapper {
 +
    height: auto;
 +
    text-align: justify;
 +
    -ms-text-justify: distribute-all-lines;
 +
    text-justify: distribute-all-lines;
 +
    padding-top: 10px;
 +
}
 +
 +
#menuwrapper ul li {
 +
    width: auto;
 +
    height: 40px;
 +
    vertical-align: top;
 +
    display: inline-block;
 +
    *display: inline;
 +
    margin-right: 50px;
 +
}
 +
 +
.stretcher {
 +
    width: 90%;
 +
    display: inline-block;
 +
    font-size: 0;
 +
    line-height: 0;
 +
}
  
 
/*Styling for the links in the menu */
 
/*Styling for the links in the menu */
Line 139: Line 223:
 
#menuContainer ul li {  
 
#menuContainer ul li {  
 
text-align: center;
 
text-align: center;
−
display: block;
 
−
width: 100%;
 
 
height:30px;
 
height:30px;
−
padding-top:10px;
+
display:inline;
−
 
+
padding: 0px 0px 20px 20px;
 
}
 
}
  
Line 203: Line 285:
  
 
</style>
 
</style>
 +
</head>
 
<!-- End of CSS -->
 
<!-- End of CSS -->
−
 
−
 
−
<!-- Start of the template html elements. -->
 
−
<div id ="mainContainer"><!--The closing tag for mainContainer should be placed at the bottom of each content page.-->
 
−
 
−
 
−
<div id="bannerContainer">
 
−
<img src="https://static.igem.org/mediawiki/2015/a/ad/Wellesley-TheTech-banner.png" style="height: 200px; width: 980px">
 
−
</div>
 
−
 
−
<!-- Start of menu -->
 
−
<div id="menuContainer">
 
−
 
−
<!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons -->
 
−
<ul>
 
−
<a href="https://2015.igem.org/Team:Wellesley_TheTech"><li>HOME</li></a>
 
−
 
−
<a href="#"><li>TEAM
 
−
            <ul>
 
−
<a href="https://2015.igem.org/Team:Wellesley_TheTech/Team_Members"><li>Members</li></a>
 
−
<a href="https://2015.igem.org/Team:Wellesley_TheTech/Notebooks"><li>Notebooks</li></a> 
 
−
<a href="https://2015.igem.org/Team:Wellesley_TheTech/Attributions"><li>Attributions</li></a> 
 
−
</ul>
 
−
</li></a>
 
−
 
−
<a href="#"><li>PROJECT
 
−
            <ul>
 
−
<a href="https://2015.igem.org/Team:Wellesley_TheTech/Overview"><li>Overview</li></a>
 
−
<a href="https://2015.igem.org/Team:Wellesley_TheTech/Digital"><li>Digital Component</li></a> 
 
−
<a href="https://2015.igem.org/Team:Wellesley_TheTech/WetLab"><li>Wet Lab Component</li></a> 
 
−
<a href="https://2015.igem.org/Team:Wellesley_TheTech/Background"><li>Scientific Background</li></a>
 
−
<a href="https://2015.igem.org/Team:Wellesley_TheTech/Multitaction"><li>Multitaction</li></a>
 
−
</ul>
 
−
</li></a>
 
−
 
−
<a href="#"><li>OUTREACH
 
−
            <ul>
 
−
<a href="https://2015.igem.org/Team:Wellesley_TheTech/Practices"><li>Practices</li></a>
 
−
<a href="https://2015.igem.org/Team:Wellesley_TheTech/Methodology"><li>Methodology</li></a> 
 
−
<a href="https://2015.igem.org/Team:Wellesley_TheTech/Collaboration"><li>Collaboration</li></a> 
 
−
</ul>
 
−
</li></a>
 
−
 
−
<a href="https://2015.igem.org/Team:Wellesley_TheTech/Medals"><li>MEDAL FULFILLMENT</li></a>
 
−
 
−
<!--
 
−
<a href="https://2015.igem.org/Team:Wellesley_TheTech"><li>HOME</li></a>
 
−
 
−
<a href="https://2015.igem.org/Team:Wellesley_TheTech/Team"><li>TEAM</li></a>
 
−
 
−
<a href="#"><li>PROJECT
 
−
            <ul>
 
−
<a href="https://2015.igem.org/Team:Wellesley_TheTech/Description"><li>Description</li></a>
 
−
<a href="https://2015.igem.org/Team:Wellesley_TheTech/Experiments"><li>Experiments &amp; Protocols</li></a> 
 
−
<a href="https://2015.igem.org/Team:Wellesley_TheTech/Results"><li>Results</li></a> 
 
−
<a href="https://2015.igem.org/Team:Wellesley_TheTech/Design"><li>Design</li></a>
 
−
</ul>
 
−
</li></a>
 
−
 
−
<a href="#"><li>PARTS
 
−
            <ul>
 
−
<a href="https://2015.igem.org/Team:Wellesley_TheTech/Parts"><li>Team Parts</li></a>
 
−
<a href="https://2015.igem.org/Team:Wellesley_TheTech/Basic_Part"><li>Basic Parts</li></a> 
 
−
<a href="https://2015.igem.org/Team:Wellesley_TheTech/Composite_Part"><li>Composite Parts</li></a>
 
−
<a href="https://2015.igem.org/Team:Wellesley_TheTech/Part_Collection"><li>Part Collection</li></a> 
 
−
</ul>
 
−
</li></a>
 
−
 
−
<a href="https://2015.igem.org/Team:Wellesley_TheTech/Notebook"><li>NOTEBOOK</li></a>
 
−
     
 
−
<a href="https://2015.igem.org/Team:Wellesley_TheTech/Attributions"><li>ATTRIBUTIONS</li></a>
 
−
 
−
<a href="https://2015.igem.org/Team:Wellesley_TheTech/Collaborations"><li>COLLABORATIONS</li></a>
 
−
 
−
<a href="https://2015.igem.org/Team:Wellesley_TheTech/Practices"><li>HUMAN PRACTICES</li></a>
 
−
 
−
<a href="https://2015.igem.org/Team:Wellesley_TheTech/Safety"><li>SAFETY</li></a>
 
−
 
−
<a href="https://2015.igem.org/Team:Wellesley_TheTech/Modeling"><li>MODELING</li></a>
 
−
 
−
<a href="https://2015.igem.org/Team:Wellesley_TheTech/Measurement"><li>MEASUREMENT</li></a>
 
−
 
−
<a href="https://2015.igem.org/Team:Wellesley_TheTech/Software"><li>SOFTWARE</li></a>
 
−
 
−
<a href="https://2015.igem.org/Team:Wellesley_TheTech/Entrepreneurship"><li>ENTREPRENEURSHIP</li></a>
 
−
 
−
-->
 
−
</ul>
 
−
</div>
 
−
<!-- End of menu  -->
 
−
 
−
<!-- Start of content -->
 
−
<div id="contentContainer"> <!--The closing tag for contentContainer should be placed at the bottom of each content page.-->
 
 
</html>
 
</html>

Latest revision as of 18:45, 6 September 2015