Difference between revisions of "Template:York"

Line 1: Line 1:
−
{{Template_All_Teams}}
 
−
 
 
<!-- Declare that you are going to use html code instead of wiki code -->
 
<!-- Declare that you are going to use html code instead of wiki code -->
 
<html>
 
<html>
  
−
<!-- Start of CSS-->
+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
−
<style type="text/css">
+
<style type="text/css">
  
−
/* PAGE LAYOUT */
+
#contentSub, #contentcontainer, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .h3, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/
  
−
/* Change Background color*/
+
.topWikiNavBackground {
−
body {  
+
    height:18px;
−
background-color:#66B2FF;
+
    margin-top: -32px;
−
}
+
    background-color:black;
 +
}
  
−
/* Creates a container that will wrap all of the content inside your wiki pages. */
+
.headerimage {
−
#mainContainer {
+
position: relative;
−
width: 978px;
+
top:26px;
−
overflow:hidden;
+
margin: auto;
−
float:center;
+
width: 100%;
−
margin-left:10px;
+
height: 100%;
−
margin-bottom: 10px;
+
−
background-color: #fff;
+
−
border-bottom: 14px solid #565656;
+
−
border-right: 2px solid #565656;
+
−
border-left: 2px solid #565656;
+
−
border-top: 2px solid #565656;
+
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
−
}
+
−
/* Creates the container for the menu */
+
−
#menuContainer  {
+
−
float:left;
+
−
width: 134px;
+
−
padding: 20px 0px;
+
−
border-top: 14px solid #565656;
+
−
background-color: #E8E8E9;
+
−
}
+
  
−
/* Creates the container for the content */
+
}
−
#contentContainer {
+
−
padding-top:20px;
+
−
padding-right:10px;
+
−
margin-bottom: 20px;
+
−
width: 814px;
+
−
padding-left: 20px;
+
−
float:left;
+
−
background-color: #fff;
+
−
border-top: 14px solid #565656;
+
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
−
}
+
  
−
/*Set up height place holder for the banner*/
+
#globalWrapper, #content { /*-- changes default wiki settings --*/
−
#bannerContainer {
+
width: 100%;
−
height:200px;
+
height: 100%;
−
margin:auto center;
+
border: 0px;
−
text-align:center;
+
background-color: transparent;
−
color: #24B694;
+
margin: 0px;
−
}
+
padding: 0px;
 +
}
  
−
/*VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
+
/*Title fonts*/
 +
#title, .subtitle{
 +
margin: 40px;
 +
text-align: center;
 +
font-family: 'Arial', cursive;
 +
color: black;
 +
}
  
−
/*Change the styling of text for everything inside main container*/
+
.subtitle{
−
/* #mainContainer p {  
+
font-size: 30px;
−
font-size: 13px;
+
}
−
color: #000000;
+
−
}
+
−
*/
+
−
/*This changes the color and font family */
+
−
#contentContainer h1, h2, h3, h4, h5, h6 {
+
−
<!-- color temporar;ly removed color: #000000; -->
+
−
border-bottom: none;
+
−
font-weight: bold;
+
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
−
margin-top:10px;
+
−
}
+
  
−
/*Style of the links - links are different inside the menu */
+
#title{
−
#contentContainer a {  
+
font-size: 40px;
−
font-weight: bold;
+
}
−
color: #23b593;
+
−
}
+
  
−
  /* Styling links on hover- links are different inside the menu */
+
/*Text font for regular paragraph text on all pages*/
−
#contentContainer a:hover {  
+
.text{
−
color: #59bf92;
+
font-size: 15px;
−
}
+
font-family: 'Arial', sans-serif;
 +
}
  
−
/*Change the styling of tables */
+
html, body, .wrapper { /*-- changes default wiki settings --*/
−
        #contentContainer table {
+
width: 100%;
−
    border: 1px solid #565656;
+
height: 100%;
−
    border-collapse: collapse;
+
background-color: transparent;
−
    /*width: 90%;*/
+
}
−
    margin: auto;
+
−
    margin-bottom: 15px;
+
−
    margin-top: 15px;
+
−
    margin-right: 10px;
+
−
    margin-left: 10px;
+
−
    }
+
  
−
/*Change the styling of table cells*/
+
body{
−
    #contentContainer  td {
+
  background-color:rgb(204, 224, 255);
−
    padding: 10px;
+
}
−
    border: 1px solid #565656;
+
−
    border-collapse: collapse;
+
−
    vertical-align: text-top;
+
−
    }
+
  
−
/*Change the styling of table headers */
+
.navmenu {
−
    #contentContainer th {
+
position:fixed;
−
    background-color: #E8E8E9;
+
top:16px;
−
    padding: 10px;
+
left:0;
−
    border: 1px solid #565656;
+
right:0;
−
    border-collapse: collapse;
+
background:rgb(204, 224, 255);
−
    vertical-align: text-top;
+
        z-index : 100;
−
    }
+
        height : 50px;
 +
        align : center;
 +
}
 +
#mainLogo {
 +
}
 +
#navmenubox {
 +
padding:0;
 +
margin-left:0;
 +
margin-right:0;
 +
width:100%;
 +
height:45px;
 +
}
 +
.sidelogos {
 +
float:left;
 +
display:block;
 +
margin-left:auto;
 +
height:100%;
 +
width:auto;
 +
top : 0;
 +
}
 +
#logos{
 +
float:right;
 +
}
 +
#logos div{
 +
    display: inline;
 +
}
 +
#home {
 +
    width : 40px;
 +
    top : 0;
 +
}
 +
#mainpage {
 +
    float : left;
 +
    margin-left : 50px;
 +
    margin-top : 7px;
 +
}
 +
#facebookicon{
 +
margin-right: 0.75em;
 +
  margin-left: 0.5em;
 +
width:1.9em;
 +
}
 +
#instaLogo{
 +
        margin-left: auto;
 +
margin-right: auto;
 +
width:1.9em;
 +
}
 +
#twittericon{
 +
width:2.375em;
 +
margin-right:auto;
 +
}
 +
#igemlogo img{
 +
width:2.3em;
 +
    position: relative;
 +
background-color: rgb(204, 224, 255);
 +
}
  
 +
#twittericon img, #facebookicon img, #igemlogo img, #instaLogo img{
 +
margin-top:8px;
 +
margin-bottom:2px;
 +
}
 +
#twitapp, #fbapp {
 +
display:none;
 +
width:250px;
 +
height:auto;
 +
}
 +
#fbapp{
 +
margin-left:-149px;
 +
}
 +
#twitapp{
 +
margin-left:-111px;
 +
}
 +
#nav, #nav ul{
 +
padding:0;
 +
margin:0;
 +
list-style:none;
 +
  text-align : center;
 +
}
 +
#nav li{
 +
font-family: 'Arial';
 +
  display:inline-block;
 +
color: black;
 +
position:relative;
 +
top : 12px;
 +
font-size : 16px;
 +
height : 40px;
 +
  vertical-align : middle;
 +
  padding : 0;
 +
  margin : 0;
 +
}
 +
#nav li ul{
 +
    vertical-align : bottom;
 +
}
 +
#nav li ul li {
 +
font-family: 'Arial', sans-serif;
 +
    height : 60px;
 +
    vertical-align : top;
 +
    width : 170px;
 +
    background : rgb(204, 224, 255);
 +
    padding : 15px 0;
 +
    color : rgb(0,0,0);
 +
    border-bottom: 1px solid rgba(255,255,255,.2);
 +
    display: block;
 +
}
 +
#nav ul{
 +
    display : block;
 +
    width : 125px;
 +
  max-height:0px;
 +
  left: 0;
 +
  right: 0;
 +
  visibility:hidden;
 +
  -moz-transition: .0s all .0s;
 +
  -webkit-transition: .0s all .0s;
 +
  transition: .0s all .0s;
 +
}
 +
#nav li:hover ul{
 +
visibility: visible;
 +
overflow: visible;
 +
max-height:30em;
 +
}
 +
#nav a{
 +
text-decoration:none;
 +
display:block;
 +
font-weight : bold;
 +
color : black;
 +
vertical-align : middle;
 +
}
 +
#nav li:hover a {
 +
        color : #067400;
 +
}
 +
#nav li:hover ul .liste {
 +
        color : black;
 +
}
 +
#nav li ul li .liste:hover {
 +
    color : #067400;
 +
}
 +
.side-by-side{
 +
display: inline;
 +
}
 +
#nav li ul div{
 +
display: inline;
 +
}
 +
</style>
  
 +
<div class="navmenu">
 +
<div id="navmenubox">
 +
  <div id="logoBox" class="col-md-2">
 +
    <a href="https://2015.igem.org/Team:York"><img src="https://static.igem.org/mediawiki/2015/e/e0/TeamYork_teamLogo.png" height="45px" width="56px"></a>
 +
  </div>
 +
<ul id="nav" class = "col-md-8">
 +
<li><a href="https://2015.igem.org/Team:York">Home</a></li>
 +
    <li><a href="https://2015.igem.org/Team:York/Project"><span class='caret'></span> Project</a>
 +
<ul>
 +
<li><a class = liste href="https://2015.igem.org/Team:YorkDescription">Description</a></li>
 +
<li><a class = liste href="https://2015.igem.org/Team:York/Transporters">Transporters</a></li>
 +
<li><a class = liste href="https://2015.igem.org/Team:York/Poly_Phosphate">Poly Phosphate</a></li>
 +
<li><a class = liste href="https://2015.igem.org/Team:York/Chassis">Chassis</a></li>
 +
        <li><a class = liste href="https://2015.igem.org/Team:York/Modeling">Modeling</a></li>
 +
</ul>
 +
</li>
 +
    <li><a href="https://2015.igem.org/Team:York/Parts"><span class='caret'></span> Parts</a>
 +
<ul>
 +
<li><a class = liste href="https://2015.igem.org/Team:YorkDescription">Parts</a></li>
 +
<li><a class = liste href="https://2015.igem.org/Team:York/Basic_Part">Basic Parts</a></li>
 +
<li><a class = liste href="https://2015.igem.org/Team:York/Composite_Part">Composite Parts</a></li>
 +
<li><a class = liste href="https://2015.igem.org/Team:York/Part_Collection">Part Collection</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2015.igem.org/Team:York/Outreach"><span class='caret'></span> Outreach</a>
 +
<ul>
 +
<li><a class = liste href="https://2015.igem.org/Team:York/Public Outreach">Public Outreach</a></li>
 +
<li><a class = liste href="https://2015.igem.org/Team:York/Survey">Survey</a></li>
 +
        <li><a class = liste href="https://2015.igem.org/Team:York/Collaborations">Collaborations</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2015.igem.org/Team:York/Notebook"><span class='caret'></span> Notebooks</a>
 +
<ul>
 +
<li><a class = liste href="https://2015.igem.org/Team:York/Notebook">Team Notebook</a></li>
 +
<li><a class = liste href="https://2015.igem.org/Team:York/Protocols">Protocols</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2015.igem.org/Team:York/Medals">Medals</a></li>
 +
<li><a href="https://2015.igem.org/Team:York/Team"><span class='caret'></span> About Us</a>
 +
<ul>
 +
<li><a class = liste href="https://2015.igem.org/Team:York/Team">Team Bios</a></li>
 +
<li><a class = liste href="https://2015.igem.org/Team:York/Acknowledgements">Acknowledgements</a></li>
 +
<li><a class = liste href="https://2015.igem.org/Team:York/Attributions">Attributions</a></li>
 +
</ul>
 +
    </li>
  
−
/*MENU STYLING */
+
</ul>
−
 
+
<div class= "col-md-2">
−
/*Styling for the links in the menu */
+
<div id = "logos">
−
#menuContainer a {
+
<div id="twittericon" class="sidelogos">
−
color: #565656;
+
<a href="http://twitter.com/iGEMYork" title="iGEMYork Twitter" target="_blank">
−
text-decoration:none;
+
<img id="twitterimg" src="https://static.igem.org/mediawiki/2015/c/c0/TeamYork_Twitter_Logo_Dark.png" height="30px">
−
font-weight: bold;
+
<!--<div id="twitapp">
−
}
+
<a class="twitter-timeline" href="https://twitter.com/iGEMYork" data-widget-id="623519556959633408">@iGEMYork</a>
−
 
+
          </div>-->
−
/* Sets the style for lists inside menuContainer  */
+
        </a>
−
#menuContainer ul {
+
      </div>
−
list-style: none;
+
<div id="facebookicon" class="sidelogos">
−
margin-left:1px;
+
<a href="https://www.facebook.com/York.igem.2014" title="iGEMYork Facebook" target="_blank">
−
}
+
<img id="fblogo" src="https://static.igem.org/mediawiki/2015/f/f1/TeamYork_FB_Logo_Dark.png" height="30px"/>
−
 
+
<div id="fbapp">
−
/*Styles the list items to become menu buttons */
+
<div class="fb-like-box" data-href="https://www.facebook.com/York.igem.2014" data-width="250" data-height="400" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="true" data-show-border="true"></div>
−
#menuContainer ul li {
+
</div>
−
text-align: center;
+
</a>
−
display: block;
+
</div>
−
width: 100%;
+
      <div id="instaLogo" class="sidelogos">
−
height:30px;
+
<a href="https://instagram.com/igemyork/" title="iGEMYork Instagram" target="_blank">
−
padding-top:10px;
+
<img src="https://static.igem.org/mediawiki/2015/4/43/TeamYork_Insta_logo_Dark.png" height="30px">
−
}
+
</a>
−
 
+
</div>
−
/*For the menu buttons, changes the color when hovering*/
+
<div id="igemlogo" class="sidelogos">
−
#menuContainer li:hover {
+
<a href="https://2015.igem.org/Main_Page" title="iGEM 2015" target="_blank">
−
color:  #FFF;
+
<img src="https://static.igem.org/mediawiki/2015/a/ae/TeamYork_IGEM_logo.png" height="30px">
−
background-color: #3399FF;
+
</a>
−
}
+
−
 
+
−
/*Submenus are not displayed as default*/
+
−
#menuContainer li ul {
+
−
display: none;
+
−
padding-top:15px;
+
−
margin-left: -19px;
+
−
}
+
−
 
+
−
/*Submenus are displayed when hovering the menu button */
+
−
#menuContainer li:hover ul {
+
−
/*display: inline-block; */
+
−
display: block;
+
−
position: absolute;
+
−
float:right;
+
−
margin-left: 134px;
+
−
margin-top:-42px;
+
−
}
+
−
 
+
−
/*Style the submenu buttons*/
+
−
#menuContainer li ul li{
+
−
background-color: #3399FF;
+
−
padding-left:20px;
+
−
padding-right:20px;
+
−
height:30px;
+
−
padding-top:10px;
+
−
margin-top:-2px;
+
−
color: #565656;
+
−
width: 150px;
+
−
}
+
−
 
+
−
/*CLASSES */
+
−
 
+
−
/*Clear class for all the pages, adds spacing too*/
+
−
.clear{
+
−
clear:both;
+
−
height: 10px;
+
−
}
+
−
 
+
−
 
+
−
/* highlight box for special messages */
+
−
    .highlightBox {
+
−
        width:500px;
+
−
        margin:auto;
+
−
        background-color: #E8E8E9;
+
−
margin-bottom: 15px;
+
−
margin-top: 15px;
+
−
padding: 15px;
+
−
padding-top: 5px;
+
−
    }
+
−
 
+
−
              a {
+
−
                text-decoration: none;
+
−
                        }
+
−
</style>
+
−
<!-- 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">
+
−
<a href="https://2015.igem.org/Team:York"><img src="https://static.igem.org/mediawiki/2015/c/cb/TeamYorkBanner.PNG" height="200px" width="980px">
+
 
</div>
 
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</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:York"><li>HOME</li></a>
 
  
−
<a href="https://2015.igem.org/Team:York/Team"><li>TEAM</li></a>
 
−
 
−
<a href="#"><li>PROJECT
 
−
            <ul>
 
−
<a href="https://2015.igem.org/Team:York/Description"><li>Description</li></a>
 
−
<a href="https://2015.igem.org/Team:York/Experiments"><li>Experiments</li></a> 
 
−
<a href="https://2015.igem.org/Team:York/Protocols"><li>Protocols</li></a>
 
−
<a href="https://2015.igem.org/Team:York/Results"><li>Results</li></a> 
 
−
<a href="https://2015.igem.org/Team:York/Design"><li>Design</li></a>
 
−
</ul>
 
−
</li></a>
 
−
 
−
<a href="#"><li>PARTS
 
−
            <ul>
 
−
<a href="https://2015.igem.org/Team:York/Parts"><li>Team Parts</li></a>
 
−
<a href="https://2015.igem.org/Team:York/Basic_Part"><li>Basic Parts</li></a> 
 
−
<a href="https://2015.igem.org/Team:York/Composite_Part"><li>Composite Parts</li></a>
 
−
<a href="https://2015.igem.org/Team:York/Part_Collection"><li>Part Collection</li></a> 
 
−
</ul>
 
−
</li></a>
 
−
 
−
<a href="https://2015.igem.org/Team:York/Notebook"><li>NOTEBOOK</li></a>
 
−
     
 
−
<a href="https://2015.igem.org/Team:York/Attributions"><li>ATTRIBUTIONS</li></a>
 
−
 
−
<a href="https://2015.igem.org/Team:York/Collaborations"><li>COLLABORATIONS</li></a>
 
−
 
−
<a href="#"><li>HUMAN PRACTICES
 
−
<ul>
 
−
<a href="https://2015.igem.org/Team:York/Practices"><li>Human practices</li></a>
 
−
<a href="https://2015.igem.org/Team:York/Practices/outreach"><li>Outreach projects</li></a>
 
−
</ul>
 
−
</li></a>
 
−
 
−
<a href="https://2015.igem.org/Team:York/Safety"><li>SAFETY</li></a>
 
−
 
−
<a href="https://2015.igem.org/Team:York/Modeling"><li>MODELING</li></a>
 
−
 
−
<a href="https://2015.igem.org/Team:York/Measurement"><li>MEASUREMENT</li></a>
 
−
 
−
<a href="https://2015.igem.org/Team:York/Software"><li>SOFTWARE</li></a>
 
−
 
−
<a href="https://2015.igem.org/Team:York/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.-->
 
  
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  
−
</html>
+
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Revision as of 12:59, 8 September 2015