Difference between revisions of "Template:Concordia"

 
(240 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 +
 
<style type="text/css">
 
<style type="text/css">
 +
#sideMenu, #top_title {display:none;}
 +
#content { padding:0px; width:100%; margin-top:0px; margin-left:0px; margin-bottom:0px;}
 +
 +
  
 
body {
 
body {
−
margin:0;
+
        background-color:#DCE1DE;
−
padding: 0 0 50px 0;
+
        border: 1px solid transparent;
−
background-color:#DCE1DE;
+
 
 
}
 
}
  
Line 14: Line 19:
  
 
header {
 
header {
−
background-color: #216869;
+
position:absolute;
−
position:fixed;
+
top:-11px;
−
color:black;
+
z-index: +2;
−
padding:0px;
+
background-color: #49A078;
−
margin:0;
+
width:100%;
−
width: 100%;
+
−
height:50px;
+
−
}
+
−
 
+
−
 
+
−
.headpic {
+
−
border-radius:100%;
+
−
float:right;
+
−
margin:10px 10px 0px 10px;
+
−
-webkit-transition: all 0.75s ease;
+
−
-moz-transition: all 0.75s ease;  
+
−
-ms-transition: all 0.75s ease;
+
−
transition: all 0.75s ease;
+
−
}
+
−
 
+
−
.headpic:hover {
+
−
width: 100px;
+
−
height: 100px;
+
 
}
 
}
  
Line 42: Line 29:
 
     background-color: #49A078;
 
     background-color: #49A078;
 
     color: white;
 
     color: white;
−
    padding: 16px;
+
padding:20px 10px;
−
     font-size: 16px;
+
     font-size:150%;
 
     border: none;
 
     border: none;
 
     cursor: pointer;
 
     cursor: pointer;
Line 49: Line 36:
  
 
.dropdown {
 
.dropdown {
−
     position: relative;
+
     position:relative;
 
     display: inline-block;
 
     display: inline-block;
 
     float:left;
 
     float:left;
Line 61: Line 48:
 
     min-width: 160px;
 
     min-width: 160px;
 
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
z-index: +3;
 
}
 
}
  
 
.dropdown-content a {
 
.dropdown-content a {
 
     color: black;
 
     color: black;
−
     padding: 12px 16px;
+
     padding: 14px 14px;
 
     text-decoration: none;
 
     text-decoration: none;
 
     display: block;
 
     display: block;
 
}
 
}
  
−
.dropdown-content a:hover {background-color: #9CC5A1}
+
.dropdown-content a:hover {
 +
background-color: #9CC5A1
 +
}
  
 
.dropdown:hover .dropdown-content {
 
.dropdown:hover .dropdown-content {
Line 79: Line 69:
 
     background-color: #387C44;
 
     background-color: #387C44;
 
}
 
}
 +
 +
h1 {
 +
font-size:300%;
 +
font-family:verdana, sans-serif;
 +
color:black;
 +
}
 +
 +
.banner {
 +
      width:100%;
 +
background-size:100%;
 +
background-repeat: no-repeat;
 +
    background-attachment: scroll;
 +
    background-position: center;
 +
margin:0px;
 +
padding:100px 0;
 +
    border-bottom: 0px;
 +
}
 +
 +
.transp {
 +
margin: 10px 100px;
 +
padding:0px;
 +
  background-color: #ffffff;
 +
  border: 1px solid black;
 +
  opacity: 0.8;
 +
width:50%;
 +
}
 +
 +
 +
img.social {
 +
-webkit-transition: all 0.2s ease;
 +
-moz-transition: all 0.2s ease;
 +
-ms-transition: all 0.2s ease;
 +
transition: all 0.2s ease;
 +
margin:10px 0px;
 +
}
 +
 +
img.social:hover {
 +
opacity:0.6;
 +
}
 +
 +
 +
.footer {
 +
float:bottom;
 +
position:absolute;
 +
overflow: hidden;
 +
height:300px;
 +
width:100%;
 +
background-color:white;
 +
margin:50px 0 0 0;
 +
padding:0 0 50px 0;
 +
text-align:center;
 +
 +
}
 +
 +
  
 
</style>
 
</style>
  
−
<div style="background-color:#DCE1DE;">
+
<!-----------HTML--------------->
 +
 
 +
 
 +
<head>
 +
<title>iGEM Concordia Wiki</title>
 +
</head>
 +
<div style="background-color:#DCE1DE; min-width: 100px; max-width:2000px;">
 +
 
 
<header>
 
<header>
 +
<nav>
 
<div class="dropdown">
 
<div class="dropdown">
−
   <button class="dropbtn"><a style="text-decoration:none; color:white;" href="https://2016.igem.org/Team:Concordia">HOME</a></button>
+
   <a style="text-decoration:none; color:white;" href="https://2016.igem.org/Team:Concordia"><button class="dropbtn">HOME</button></a>
 
</div>
 
</div>
−
<nav>
 
 
<div class="dropdown">
 
<div class="dropdown">
−
   <button class="dropbtn"><a style="text-decoration:none; color:white;" href="https://2016.igem.org/Team:Concordia/Team">TEAM</a></button>
+
   <a style="text-decoration:none; color:white;" href="https://2016.igem.org/Team:Concordia/webseries"><button class="dropbtn">WEBSERIES</button></a>
 
</div>
 
</div>
 +
<div class="dropdown">
 +
  <a style="text-decoration:none; color:white;" href="https://2016.igem.org/Team:Concordia/Safety"><button class="dropbtn">SAFETY</button></a>
 +
</div>
 +
<div class="dropdown">
 +
  <button class="dropbtn">TEAM</button>
 +
  <div class="dropdown-content">
 +
    <a href="https://2016.igem.org/Team:Concordia/Team">MEET THE TEAM</a>
 +
    <a href="https://2016.igem.org/Team:Concordia/Collaborations">COLLABORATIONS</a>
 +
    <a href="https://2016.igem.org/Team:Concordia/Attributions">ATTRIBUTIONS</a>
 +
  </div>
 +
</div>
 
<div class="dropdown">
 
<div class="dropdown">
 
   <button class="dropbtn">PROJECT</button>
 
   <button class="dropbtn">PROJECT</button>
 
   <div class="dropdown-content">
 
   <div class="dropdown-content">
−
     <a href="#">SYNTHESIS</a>
+
     <a href="https://2016.igem.org/Team:Concordia/Description">DESCRIPTION</a>
−
     <a href="#">ATTACHMENT</a>
+
     <a href="https://2016.igem.org/Team:Concordia/Demonstrate">DEMONSTRATE</a>
−
    <a href="#">MICROFLUIDICS</a>
+
  <a href="https://2016.igem.org/Team:Concordia/Experiments">EXPERIMENTS</a>
 +
  <a href="https://2016.igem.org/Team:Concordia/Parts">PARTS</a>
 +
  <a href="https://2016.igem.org/Team:Concordia/Notebook">NOTEBOOK</a>
 
   </div>
 
   </div>
 
</div>
 
</div>
 
<div class="dropdown">
 
<div class="dropdown">
−
   <button class="dropbtn">PARTS</button>
+
   <button class="dropbtn">RESULTS</button>
−
<div class="dropdown-content">
+
  <div class="dropdown-content">
−
     <a href="#">GBP</a>
+
                                <a href="https://2016.igem.org/Team:Concordia/Demonstrate/Synthesis_Results">SYNTHESIS</a>
−
     <a href="#">MICROFLUIDICS CHIPS</a>
+
     <a href="https://2016.igem.org/Team:Concordia/Demonstrate/Attachment_Results">ATTACHMENT</a>
 +
     <a href="https://2016.igem.org/Team:Concordia/Demonstrate/Microfluidics_Results">MICROFLUIDICS</a>
 +
                                <a href="https://2016.igem.org/Team:Concordia/Demonstrate/Recombinant">CDC28, FHUA-GBP, AND MELA IMPROVEMENT</a>
 
   </div>
 
   </div>
−
</div>
+
</div>
 +
 
 +
 
 
<div class="dropdown">
 
<div class="dropdown">
−
   <button class="dropbtn">SAFETY</button>
+
   <button class="dropbtn">HUMAN PRACTICES</button>
 
   <div class="dropdown-content">
 
   <div class="dropdown-content">
−
     <a href="#">NANOPARTICLE HANDLING</a>
+
     <a href="https://2016.igem.org/Team:Concordia/HP/Silver">PUBLIC ENGAGEMENT & EDUCATION</a>
−
     <a href="#">SAFETY PROTOCOLS</a>
+
     <a href="https://2016.igem.org/Team:Concordia/HP/Gold">INTEGRATED HUMAN PRACTICES</a>
 
   </div>
 
   </div>
 
</div>
 
</div>
 
<div class="dropdown">
 
<div class="dropdown">
−
   <button class="dropbtn">HUMAN PRACTICES</button>
+
   <button class="dropbtn">SPONSORS</button>
 
   <div class="dropdown-content">
 
   <div class="dropdown-content">
−
     <a href="#">WEB SERIES</a>
+
     <a href="https://2016.igem.org/Team:Concordia/Sponsors">SPONSOR LIST</a>
−
     <a href="#">INTERVIEWS</a>
+
     <a href="https://2016.igem.org/Team:Concordia/SponsorshipPackage">SPONSORSHIP PACKAGE</a>
−
    <a href="#">iGEM AWARENESS</a>
+
 
   </div>
 
   </div>
 
</div>
 
</div>
 
<div class="dropdown">
 
<div class="dropdown">
−
   <button class="dropbtn">AWARDS</button>
+
   <button class="dropbtn">SPECIAL AWARDS</button>
 
   <div class="dropdown-content">
 
   <div class="dropdown-content">
−
     <a href="#">SPONSOR LIST</a>
+
     <a href="https://2016.igem.org/Team:Concordia/Integrated_Practices">INTEGRATED HUMAN PRACTICES</a>
−
     <a href="#">DEPARTMENT DONATIONS</a>
+
     <a href="https://2016.igem.org/Team:Concordia/Basic_Part">BASIC PART</a>
 +
    <a href="https://2016.igem.org/Team:Concordia/Hardware">HARDWARE</a>
 +
    <a href="https://2016.igem.org/Team:Concordia/Engagement">EDUCATION AND PUBLIC ENGAGEMENT</a>
 
   </div>
 
   </div>
 
</div>
 
</div>
 
</nav>
 
</nav>
−
<a href="https://www.facebook.com/iGEMConcordia/?ref=aymt_homepage_panel">
+
 
−
<img class="headpic" src="https://igemconcordia.files.wordpress.com/2013/04/logo_igem_square.png" height="30" width="30"/>
+
−
<a/>
+
 
</header>
 
</header>
−
<body>
+
 
 +
 
 +
 
 +
 
 
<div class="banner">
 
<div class="banner">
−
<h1><center>iGEM Concordia 2016</center></h1>
+
<center>
 +
<div class="transp">
 +
<img src="https://static.igem.org/mediawiki/2016/c/c9/Final-logo.png" height="" width="60%"/>
 +
</div>
 +
</center>
 +
<div>
 +
<center>
 +
<a href="https://www.facebook.com/iGEMConcordia">
 +
<img class="social" src="https://static.igem.org/mediawiki/2016/e/ee/Fblogofinal.png" height="50px" width="50px"/>
 +
</a>
 +
<a href="https://twitter.com/iGEMConcordia">
 +
<img style="border-radius:20%;" class="social" src="https://static.igem.org/mediawiki/2016/7/77/Tweetlogofin.png" height="50px" width="50px"/>
 +
<a/>
 +
<a href="https://www.instagram.com/igemconcordia2016">
 +
<img class="social" src="https://static.igem.org/mediawiki/2016/f/f5/Instalogofinal.png" height="50px" width="50px"/>
 +
</a>
 +
<a href="https://www.youtube.com/channel/UCSv0AIjLFZsrvXu9r2ZoAAQ">
 +
<img class="social" src="https://static.igem.org/mediawiki/2016/0/01/YTLOGO.png" height="50px" width="50px"/>
 +
</a>
 +
</center>
 
</div>
 
</div>
−
</body>
+
 
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
</div>
 +
 
  
 
</html>
 
</html>

Latest revision as of 03:42, 20 October 2016

iGEM Concordia Wiki