Difference between revisions of "Template:InCell iGEM"

(Created page with "<html> <script> // This is the jquery part of your template. // Try not modify any of this code too much since it makes your menu work. $(document).ready(function() {...")
 
 
(7 intermediate revisions by the same user not shown)
Line 448: Line 448:
 
</style>
 
</style>
  
 +
<!--- THIS IS WHERE CUSTOM CSS BEGINS --->
 +
 +
<style>
 +
html,
 +
body {
 +
    width: 100%;
 +
    height: 100%;
 +
}
 +
 +
body {
 +
    font-family: "Helvetica Neue","Source Sans Pro",Helvetica,Arial,sans-serif;
 +
}
 +
 +
@font-face {
 +
    font-family: "My Custom Font1";
 +
    src: url(../fonts/tafelschrift.regular.ttf) format("truetype");
 +
}
 +
 +
@font-face {
 +
    font-family: "My Custom Font2";
 +
    src: url(../fonts/alphabetized-cassette-tapes.regular.ttf) format("truetype");
 +
}
 +
 +
.text-vertical-center {
 +
    display: table-cell;
 +
    text-align: center;
 +
    vertical-align: middle;
 +
}
 +
 +
.text-vertical-center h1 {
 +
    margin: 0;
 +
    padding: 0;
 +
    font-size: 4.5em;
 +
    font-weight: 700;
 +
    color: whitesmoke;
 +
    font-family: "My Custom Font1";
 +
}
 +
 +
.text-vertical-center h3 {
 +
    margin: 0;
 +
    padding: 0;
 +
    font-size: 4em;
 +
    font-weight: 100;
 +
    color: ghostwhite;
 +
    font-family: "My Custom Font2";
 +
}
 +
 +
 +
/* Custom Button Styles */
 +
 +
.btn-dark {
 +
    border-radius: 0;
 +
    color: #fff;
 +
    background-color: rgba(0,0,0,0.4);
 +
}
 +
 +
.btn-dark:hover,
 +
.btn-dark:focus,
 +
.btn-dark:active {
 +
    color: #fff;
 +
    background-color: rgba(0,0,0,0.7);
 +
}
 +
 +
.btn-light {
 +
    border-radius: 0;
 +
    color: #333;
 +
    background-color: rgb(255,255,255);
 +
}
 +
 +
.btn-light:hover,
 +
.btn-light:focus,
 +
.btn-light:active {
 +
    color: #333;
 +
    background-color: rgba(255,255,255,0.8);
 +
}
 +
 +
/* Custom Horizontal Rule */
 +
 +
hr.small {
 +
    max-width: 100px;
 +
}
 +
 +
/* Side Menu */
 +
 +
#sidebar-wrapper {
 +
    z-index: 1000;
 +
    position: fixed;
 +
    right: 0;
 +
    width: 250px;
 +
    height: 100%;
 +
    transform: translateX(250px);
 +
    overflow-y: auto;
 +
    background: #222;
 +
    -webkit-transition: all 0.4s ease 0s;
 +
    -moz-transition: all 0.4s ease 0s;
 +
    -ms-transition: all 0.4s ease 0s;
 +
    -o-transition: all 0.4s ease 0s;
 +
    transition: all 0.4s ease 0s;
 +
}
 +
 +
.sidebar-nav {
 +
    position: absolute;
 +
    top: 0;
 +
    width: 250px;
 +
    margin: 0;
 +
    padding: 0;
 +
    list-style: none;
 +
}
 +
 +
.sidebar-nav li {
 +
    text-indent: 20px;
 +
    line-height: 40px;
 +
}
 +
 +
.sidebar-nav li a {
 +
    display: block;
 +
    text-decoration: none;
 +
    color: #999;
 +
}
 +
 +
.sidebar-nav li a:hover {
 +
    text-decoration: none;
 +
    color: #fff;
 +
    background: rgba(255,255,255,0.2);
 +
}
 +
 +
.sidebar-nav li a:active,
 +
.sidebar-nav li a:focus {
 +
    text-decoration: none;
 +
}
 +
 +
.sidebar-nav > .sidebar-brand {
 +
    height: 55px;
 +
    font-size: 18px;
 +
    line-height: 55px;
 +
}
 +
 +
.sidebar-nav > .sidebar-brand a {
 +
    color: #999;
 +
}
 +
 +
.sidebar-nav > .sidebar-brand a:hover {
 +
    color: #fff;
 +
    background: none;
 +
}
 +
 +
#menu-toggle {
 +
    z-index: 1;
 +
    position: fixed;
 +
    top: 0;
 +
    right: 0;
 +
}
 +
 +
#sidebar-wrapper.active {
 +
    right: 250px;
 +
    width: 250px;
 +
    -webkit-transition: all 0.4s ease 0s;
 +
    -moz-transition: all 0.4s ease 0s;
 +
    -ms-transition: all 0.4s ease 0s;
 +
    -o-transition: all 0.4s ease 0s;
 +
    transition: all 0.4s ease 0s;
 +
}
 +
 +
.toggle {
 +
    margin: 5px 5px 0 0;
 +
}
 +
 +
/* Header */
 +
 +
.header {
 +
    display: table;
 +
    position: relative;
 +
    width: 100%;
 +
    height: 100%;
 +
    background: url(../img/bg.jpg) no-repeat center center scroll;
 +
    -webkit-background-size: cover;
 +
    -moz-background-size: cover;
 +
    background-size: cover;
 +
    -o-background-size: cover;
 +
}
 +
 +
/* About */
 +
 +
.about {
 +
    padding: 50px 0;
 +
}
 +
 +
/* Services */
 +
 +
.services {
 +
    padding: 50px 0;
 +
}
 +
 +
.service-item {
 +
    margin-bottom: 30px;
 +
}
 +
 +
/* Callout */
 +
 +
.callout {
 +
    display: table;
 +
    width: 100%;
 +
    height: 400px;
 +
    color: #fff;
 +
    background: url(../img/callout.jpg) no-repeat center center scroll;
 +
    -webkit-background-size: cover;
 +
    -moz-background-size: cover;
 +
    background-size: cover;
 +
    -o-background-size: cover;
 +
}
 +
 +
/* Portfolio */
 +
 +
.portfolio {
 +
    padding: 50px 0;
 +
}
 +
 +
.portfolio-item {
 +
    margin-bottom: 30px;
 +
}
 +
 +
.img-portfolio {
 +
    margin: 0 auto;
 +
}
 +
 +
.img-portfolio:hover {
 +
    opacity: 0.8;
 +
}
 +
 +
/* Call to Action */
 +
 +
.call-to-action {
 +
    padding: 50px 0;
 +
}
 +
 +
.call-to-action .btn {
 +
    margin: 10px;
 +
}
 +
 +
/* Map */
 +
 +
.map {
 +
    height: 500px;
 +
}
 +
 +
@media(max-width:768px) {
 +
    .map {
 +
        height: 75%;
 +
    }
 +
}
 +
 +
.map iframe {
 +
    pointer-events: none;
 +
}
 +
 +
/* Footer */
 +
 +
footer {
 +
    padding: 100px 0;
 +
}
 +
 +
#to-top {
 +
  display: none;
 +
  position: fixed;
 +
  bottom: 5px;
 +
  right: 5px;
 +
}
 +
 +
</style>
  
 
<!--- THIS IS WHERE THE HTML BEGINS --->
 
<!--- THIS IS WHERE THE HTML BEGINS --->
Line 466: Line 735:
  
  
−
<a href="https://2017.igem.org/Team:Aachen">
+
<a href="https://2017.igem.org/Team:UCopenhagen">
−
<img src="http://placehold.it/350x150">
+
<img src="https://static.igem.org/mediawiki/2017/7/7e/T--UCopenhagen--iGEMLogo.jpg">
 
</a>
 
</a>
  
Line 481: Line 750:
  
  
−
<a href="https://2017.igem.org/Team:Aachen">
+
<a href="https://2017.igem.org/Team:UCopenhagen">
 
<div class="menu_button direct_to_page">
 
<div class="menu_button direct_to_page">
 
HOME
 
HOME
Line 495: Line 764:
 
<div class="submenu_wrapper" id="team_submenu">
 
<div class="submenu_wrapper" id="team_submenu">
 
 
−
<a href="https://2017.igem.org/Team:Aachen/Team">
+
<a href="https://2017.igem.org/Team:UCopenhagen/Team">
 
<div class="submenu_button" id="Team_page">
 
<div class="submenu_button" id="Team_page">
 
Team  
 
Team  
Line 501: Line 770:
 
</a>
 
</a>
  
−
<a href="https://2017.igem.org/Team:Aachen/Collaborations">
+
<a href="https://2017.igem.org/Team:UCopenhagen/Collaborations">
 
<div class="submenu_button"  id="Collaborations_page">
 
<div class="submenu_button"  id="Collaborations_page">
 
Collaborations
 
Collaborations
Line 521: Line 790:
 
<div class="submenu_wrapper">
 
<div class="submenu_wrapper">
 
 
−
<a href="https://2017.igem.org/Team:Aachen/Description">
+
<a href="https://2017.igem.org/Team:UCopenhagen/Description">
 
<div class="submenu_button"  id="Description_page">
 
<div class="submenu_button"  id="Description_page">
 
Description
 
Description
Line 527: Line 796:
 
</a>
 
</a>
  
−
<a href="https://2017.igem.org/Team:Aachen/Design">
+
<a href="https://2017.igem.org/Team:UCopenhagen/Design">
 
<div class="submenu_button"  id="Design_page">
 
<div class="submenu_button"  id="Design_page">
 
Design
 
Design
Line 533: Line 802:
 
</a>
 
</a>
  
−
<a href="https://2017.igem.org/Team:Aachen/Experiments">
+
<a href="https://2017.igem.org/Team:UCopenhagen/Experiments">
 
<div class="submenu_button"  id="Experiments_page">
 
<div class="submenu_button"  id="Experiments_page">
 
Experiments
 
Experiments
Line 540: Line 809:
  
  
−
<a href="https://2017.igem.org/Team:Aachen/Notebook">
+
<a href="https://2017.igem.org/Team:UCopenhagen/Notebook">
 
<div class="submenu_button"  id="Notebook_page">
 
<div class="submenu_button"  id="Notebook_page">
 
Notebook
 
Notebook
Line 546: Line 815:
 
</a>
 
</a>
  
−
<a href="https://2017.igem.org/Team:Aachen/InterLab">
+
<a href="https://2017.igem.org/Team:UCopenhagen/InterLab">
 
<div class="submenu_button"  id="InterLab_page">
 
<div class="submenu_button"  id="InterLab_page">
 
InterLab
 
InterLab
Line 552: Line 821:
 
</a>
 
</a>
  
−
<a href="https://2017.igem.org/Team:Aachen/Contribution">
+
<a href="https://2017.igem.org/Team:UCopenhagen/Contribution">
 
<div class="submenu_button"  id="Contribution_page">
 
<div class="submenu_button"  id="Contribution_page">
 
Contribution
 
Contribution
Line 558: Line 827:
 
</a>
 
</a>
  
−
<a href="https://2017.igem.org/Team:Aachen/Model">
+
<a href="https://2017.igem.org/Team:UCopenhagen/Model">
 
<div class="submenu_button"  id="Model_page">
 
<div class="submenu_button"  id="Model_page">
 
Model
 
Model
Line 564: Line 833:
 
</a>
 
</a>
  
−
<a href="https://2017.igem.org/Team:Aachen/Results">
+
<a href="https://2017.igem.org/Team:UCopenhagen/Results">
 
<div class="submenu_button"  id="Results_page">
 
<div class="submenu_button"  id="Results_page">
 
Results
 
Results
Line 571: Line 840:
  
  
−
<a href="https://2017.igem.org/Team:Aachen/Demonstrate">
+
<a href="https://2017.igem.org/Team:UCopenhagen/Demonstrate">
 
<div class="submenu_button"  id="Demonstrate_page">
 
<div class="submenu_button"  id="Demonstrate_page">
 
Demonstrate
 
Demonstrate
Line 577: Line 846:
 
</a>
 
</a>
  
−
<a href="https://2017.igem.org/Team:Aachen/Improve">
+
<a href="https://2017.igem.org/Team:UCopenhagen/Improve">
 
<div class="submenu_button"  id="Improve_page">
 
<div class="submenu_button"  id="Improve_page">
 
Improve
 
Improve
Line 583: Line 852:
 
</a>
 
</a>
  
−
<a href="https://2017.igem.org/Team:Aachen/Attributions">
+
<a href="https://2017.igem.org/Team:UCopenhagen/Attributions">
 
<div class="submenu_button"  id="Attributions_page">
 
<div class="submenu_button"  id="Attributions_page">
 
Attributions  
 
Attributions  
Line 603: Line 872:
 
<div class="submenu_wrapper">
 
<div class="submenu_wrapper">
 
 
−
<a href="https://2017.igem.org/Team:Aachen/Parts">
+
<a href="https://2017.igem.org/Team:UCopenhagen/Parts">
 
<div class="submenu_button"  id="Parts_page">
 
<div class="submenu_button"  id="Parts_page">
 
Parts
 
Parts
Line 609: Line 878:
 
</a>
 
</a>
  
−
<a href="https://2017.igem.org/Team:Aachen/Basic_Part">
+
<a href="https://2017.igem.org/Team:UCopenhagen/Basic_Part">
 
<div class="submenu_button"  id="Basic_Part_page">
 
<div class="submenu_button"  id="Basic_Part_page">
 
Basic Parts
 
Basic Parts
Line 615: Line 884:
 
</a>
 
</a>
  
−
<a href="https://2017.igem.org/Team:Aachen/Composite_Part">
+
<a href="https://2017.igem.org/Team:UCopenhagen/Composite_Part">
 
<div class="submenu_button"  id="Composite_Part_page">
 
<div class="submenu_button"  id="Composite_Part_page">
 
Composite Parts
 
Composite Parts
Line 621: Line 890:
 
</a>
 
</a>
  
−
<a href="https://2017.igem.org/Team:Aachen/Part_Collection">
+
<a href="https://2017.igem.org/Team:UCopenhagen/Part_Collection">
 
<div class="submenu_button"  id="Part_Collection_page">
 
<div class="submenu_button"  id="Part_Collection_page">
 
Part Collection
 
Part Collection
Line 633: Line 902:
 
 
  
−
<a href="https://2017.igem.org/Team:Aachen/Safety">
+
<a href="https://2017.igem.org/Team:UCopenhagen/Safety">
 
<div class="menu_button direct_to_page">
 
<div class="menu_button direct_to_page">
 
SAFETY
 
SAFETY
Line 652: Line 921:
 
<div class="submenu_wrapper">
 
<div class="submenu_wrapper">
  
−
<a href="https://2017.igem.org/Team:Aachen/HP/Silver">
+
<a href="https://2017.igem.org/Team:UCopenhagen/HP/Silver">
 
<div class="submenu_button"  id="Silver_page">
 
<div class="submenu_button"  id="Silver_page">
 
Silver HP
 
Silver HP
Line 658: Line 927:
 
</a>
 
</a>
  
−
<a href="https://2017.igem.org/Team:Aachen/HP/Gold_Integrated">
+
<a href="https://2017.igem.org/Team:UCopenhagen/HP/Gold_Integrated">
 
<div class="submenu_button" id="Gold_Integrated_page">
 
<div class="submenu_button" id="Gold_Integrated_page">
 
Integrated and Gold
 
Integrated and Gold
Line 665: Line 934:
  
  
−
<a href="https://2017.igem.org/Team:Aachen/Engagement">
+
<a href="https://2017.igem.org/Team:UCopenhagen/Engagement">
 
<div class="submenu_button"  id="Engagement_page">
 
<div class="submenu_button"  id="Engagement_page">
 
Public Engagement  
 
Public Engagement  
Line 672: Line 941:
  
 
</div>
 
</div>
−
 
−
 
−
<div class="menu_button">
 
−
<div class="expand_collapse_icon">  </div> AWARDS
 
−
</div>
 
−
 
−
<!-- awards submenu -->
 
−
<div class="submenu_wrapper">
 
−
 
−
<a href="https://2017.igem.org/Team:Aachen/Applied_Design">
 
−
<div class="submenu_button"  id="Applied_Design_page">
 
−
Applied Design
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2017.igem.org/Team:Aachen/Entrepreneurship">
 
−
<div class="submenu_button"  id="Entrepreneurship_page">
 
−
Entrepreneurship
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2017.igem.org/Team:Aachen/Hardware">
 
−
<div class="submenu_button"  id="Hardware_page">
 
−
Hardware
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2017.igem.org/Team:Aachen/Measurement">
 
−
<div class="submenu_button"  id="Measurement_page">
 
−
Measurement
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2017.igem.org/Team:Aachen/Model">
 
−
<div class="submenu_button"  id="Model_page">
 
−
Model
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2017.igem.org/Team:Aachen/Plant">
 
−
<div class="submenu_button"  id="Plant_page">
 
−
Plant
 
−
</div>
 
−
</a>
 
−
 
−
 
−
<a href="https://2017.igem.org/Team:Aachen/Software">
 
−
<div class="submenu_button"  id="Software_page">
 
−
Software
 
−
</div>
 
−
</a>
 
−
 
−
</div>
 
−
 
−
<a href="https://igem.org/2017_Judging_Form?team=Aachen">
 
−
<div class="menu_button direct_to_page">
 
−
JUDGING FORM
 
−
</div>
 
−
</a>
 
  
  
Line 742: Line 952:
  
 
</div>
 
</div>
 +
 +
 +
  
  
Line 747: Line 960:
 
<!-- start of content -->
 
<!-- start of content -->
 
<div class="igem_2017_content_wrapper">
 
<div class="igem_2017_content_wrapper">
−
<h1>Aachen</h1>
 

Latest revision as of 17:27, 30 June 2017

HOME
TEAM
PROJECT
Description
Design
Experiments
Notebook
InterLab
Contribution
Model
Results
Demonstrate
Improve
Attributions
PARTS
Parts
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Silver HP
Integrated and Gold
Public Engagement