Difference between revisions of "Template:Concordia"

 
(212 intermediate revisions by 4 users not shown)
Line 4: Line 4:
 
#sideMenu, #top_title {display:none;}
 
#sideMenu, #top_title {display:none;}
 
#content { padding:0px; width:100%; margin-top:0px; margin-left:0px; margin-bottom:0px;}
 
#content { padding:0px; width:100%; margin-top:0px; margin-left:0px; margin-bottom:0px;}
 +
  
  
 
body {
 
body {
 
         background-color:#DCE1DE;
 
         background-color:#DCE1DE;
−
min-width: 1400px;
 
−
max-width:2000px;
 
−
        height: 100%;
 
−
        margin:0;
 
 
         border: 1px solid transparent;
 
         border: 1px solid transparent;
 +
 
}
 
}
  
Line 21: Line 19:
  
 
header {
 
header {
−
background-color: #216869;
+
position:absolute;
−
color:black;
+
top:-11px;
−
padding:0px;
+
z-index: +2;
−
width: 100%;
+
background-color: #49A078;
−
height:50px;
+
width:100%;
−
        position: absolute;
+
−
    margin: 0;
+
−
      top:-10px;
+
−
          z-index: +1;
+
−
}
+
−
 
+
−
.headpic {
+
−
border-radius:100%;
+
−
float:right;
+
−
margin:10px 10px 0px 10px;
+
−
-webkit-transition: all 1s ease;
+
−
-moz-transition: all 1s ease;
+
−
-ms-transition: all 1s ease;
+
−
transition: all 1s ease;
+
−
}
+
−
 
+
−
.headpic:hover {
+
−
width: 100px;
+
−
height: 100px;
+
 
}
 
}
  
Line 50: 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 57: Line 36:
  
 
.dropdown {
 
.dropdown {
−
     position: relative;
+
     position:relative;
 
     display: inline-block;
 
     display: inline-block;
 
     float:left;
 
     float:left;
Line 69: 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 95: Line 77:
  
 
.banner {
 
.banner {
−
 
+
      width:100%;
−
background-size: 100%;
+
background-size:100%;
 
background-repeat: no-repeat;
 
background-repeat: no-repeat;
 
     background-attachment: scroll;
 
     background-attachment: scroll;
 
     background-position: center;  
 
     background-position: center;  
−
margin:0;
+
margin:0px;
−
padding:100px;
+
padding:100px 0;
 
     border-bottom: 0px;
 
     border-bottom: 0px;
 
}
 
}
  
 
.transp {
 
.transp {
−
margin: 30px;
+
margin: 10px 100px;
−
padding: 30px;
+
padding:0px;
 
   background-color: #ffffff;
 
   background-color: #ffffff;
 
   border: 1px solid black;
 
   border: 1px solid black;
−
   opacity: 0.6;
+
   opacity: 0.8;
 +
width:50%;
 
}
 
}
 +
  
 
img.social {
 
img.social {
Line 127: Line 111:
  
 
.footer {
 
.footer {
 +
float:bottom;
 
position:absolute;
 
position:absolute;
 
overflow: hidden;
 
overflow: hidden;
−
height:100px;
+
height:300px;
 
width:100%;
 
width:100%;
−
background-color:#333333;
+
background-color:white;
−
margin:0;
+
margin:50px 0 0 0;
 +
padding:0 0 50px 0;
 +
text-align:center;
 +
 
 
}
 
}
  
Line 140: Line 128:
  
 
<!-----------HTML--------------->
 
<!-----------HTML--------------->
 +
  
 
<head>
 
<head>
Line 145: Line 134:
 
</head>
 
</head>
 
<div style="background-color:#DCE1DE; min-width: 100px; max-width:2000px;">
 
<div style="background-color:#DCE1DE; min-width: 100px; max-width:2000px;">
−
<body>
+
 
 
<header>
 
<header>
 
<nav>
 
<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>
 
<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="https://2016.igem.org/Team:Concordia/Description">DESCRIPTION</a>
 
     <a href="https://2016.igem.org/Team:Concordia/Description">DESCRIPTION</a>
−
                                <a href="https://2016.igem.org/Team:Concordia/Synthesis">SYNTHESIS</a>
+
    <a href="https://2016.igem.org/Team:Concordia/Demonstrate">DEMONSTRATE</a>
−
    <a href="#">ATTACHMENT</a>
+
  <a href="https://2016.igem.org/Team:Concordia/Experiments">EXPERIMENTS</a>
−
    <a href="#">MICROFLUIDICS</a>
+
  <a href="https://2016.igem.org/Team:Concordia/Parts">PARTS</a>
−
    <a href="#">NOTEBOOK</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://static.igem.org/mediawiki/2016/7/76/Logoconcordia.png" height="30" width="30"/>
+
−
</a>
+
 
</header>
 
</header>
 +
 +
 +
 +
 
<div class="banner">
 
<div class="banner">
 +
<center>
 
<div class="transp">
 
<div class="transp">
−
<h1><center>iGEM CONCORDIA 2016</center></h1>
+
<img src="https://static.igem.org/mediawiki/2016/c/c9/Final-logo.png" height="" width="60%"/>
 
</div>
 
</div>
−
</div>
+
</center>
−
 
+
<div>
−
<div style="">
+
 
<center>
 
<center>
 
<a href="https://www.facebook.com/iGEMConcordia">
 
<a href="https://www.facebook.com/iGEMConcordia">
−
<img class="social" src="https://static.igem.org/mediawiki/2016/8/83/Faceb.png" height="50" width="50"/>
+
<img class="social" src="https://static.igem.org/mediawiki/2016/e/ee/Fblogofinal.png" height="50px" width="50px"/>
 
</a>
 
</a>
 
<a href="https://twitter.com/iGEMConcordia">
 
<a href="https://twitter.com/iGEMConcordia">
−
<img class="social" src="https://static.igem.org/mediawiki/2016/0/01/Tweet.jpeg" height="50" width="50"/>
+
<img style="border-radius:20%;" class="social" src="https://static.igem.org/mediawiki/2016/7/77/Tweetlogofin.png" height="50px" width="50px"/>
 
<a/>
 
<a/>
 
<a href="https://www.instagram.com/igemconcordia2016">
 
<a href="https://www.instagram.com/igemconcordia2016">
−
<img class="social" src="https://static.igem.org/mediawiki/2016/3/39/Instalogo.png" height="50" width="50"/>
+
<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>
 
</a>
 
</center>
 
</center>
 
</div>
 
</div>
  
 +
</div>
  
  
  
  
−
</body>
 
−
</div>
 
  
  
  
 +
 +
 +
</div>
  
  
 
</html>
 
</html>

Latest revision as of 03:42, 20 October 2016

iGEM Concordia Wiki