Difference between revisions of "Template:HSHL"

m
 
(57 intermediate revisions by the same user not shown)
Line 48: Line 48:
 
<style>
 
<style>
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
 +
body { background-color:blue; }
 +
.highlightYellow { background-color:#FFFF00; }
  
 +
body { background-color:blue; }
 +
.highlightGreen { background-color:#00FF00; }
  
 +
body { background-color:blue; }
 +
.highlightLightBlue { background-color:#00FFFF; }
 +
 +
body { background-color:blue; }
 +
.highlightDarkBlue { background-color:#0080FF; }
 +
 +
body { background-color:blue; }
 +
.highlightRed { background-color:#FF0000; }
 +
 +
body { background-color:blue; }
 +
.highlightGrey { background-color:#BDBDBD; }
 +
 +
body { background-color:blue; }
 +
.highlightPurple { background-color:#FE2E9A; }
 +
 +
body {background-color:blue;}
 +
.monospace  {font-family: monospace; }
  
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
Line 63: Line 84:
  
 
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
 
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
−
/**************************************************************************************************************************************************************************************************/
 
−
/* HEADER AND NAVIGATION TOP */
 
−
/**************************************************************************************************************************************************************************************************/
 
  
−
.img-centered {
 
−
    margin: 0 auto;
 
−
}
 
−
 
−
.bg-light-gray {
 
−
    background-color: #f7f7f7;
 
−
}
 
−
 
−
.bg-darkest-gray {
 
−
    background-color: #222;
 
−
}
 
−
 
−
.btn-primary {
 
−
    border-color: #fed136;
 
−
    text-transform: uppercase;
 
−
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
 
−
    font-weight: 700;
 
−
    color: #fff;
 
−
    background-color: #fed136;
 
−
}
 
−
 
−
.btn-primary:hover,
 
−
.btn-primary:focus,
 
−
.btn-primary:active,
 
−
.btn-primary.active,
 
−
.open .dropdown-toggle.btn-primary {
 
−
    border-color: #f6bf01;
 
−
    color: #fff;
 
−
    background-color: #fec503;
 
−
}
 
−
 
−
.btn-primary:active,
 
−
.btn-primary.active,
 
−
.open .dropdown-toggle.btn-primary {
 
−
    background-image: none;
 
−
}
 
−
 
−
.btn-primary.disabled,
 
−
.btn-primary[disabled],
 
−
fieldset[disabled] .btn-primary,
 
−
.btn-primary.disabled:hover,
 
−
.btn-primary[disabled]:hover,
 
−
fieldset[disabled] .btn-primary:hover,
 
−
.btn-primary.disabled:focus,
 
−
.btn-primary[disabled]:focus,
 
−
fieldset[disabled] .btn-primary:focus,
 
−
.btn-primary.disabled:active,
 
−
.btn-primary[disabled]:active,
 
−
fieldset[disabled] .btn-primary:active,
 
−
.btn-primary.disabled.active,
 
−
.btn-primary[disabled].active,
 
−
fieldset[disabled] .btn-primary.active {
 
−
    border-color: #fed136;
 
−
    background-color: #fed136;
 
−
}
 
−
 
−
.btn-primary .badge {
 
−
    color: #fed136;
 
−
    background-color: #fff;
 
−
}
 
−
 
−
.btn-xl {
 
−
    padding: 20px 40px;
 
−
    border-color: #fed136;
 
−
    border-radius: 3px;
 
−
    text-transform: uppercase;
 
−
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
 
−
    font-size: 18px;
 
−
    font-weight: 700;
 
−
    color: #fff;
 
−
    background-color: #fed136;
 
−
}
 
−
 
−
.btn-xl:hover,
 
−
.btn-xl:focus,
 
−
.btn-xl:active,
 
−
.btn-xl.active,
 
−
.open .dropdown-toggle.btn-xl {
 
−
    border-color: #f6bf01;
 
−
    color: #fff;
 
−
    background-color: #fec503;
 
−
}
 
−
 
−
.btn-xl:active,
 
−
.btn-xl.active,
 
−
.open .dropdown-toggle.btn-xl {
 
−
    background-image: none;
 
−
}
 
−
 
−
.btn-xl.disabled,
 
−
.btn-xl[disabled],
 
−
fieldset[disabled] .btn-xl,
 
−
.btn-xl.disabled:hover,
 
−
.btn-xl[disabled]:hover,
 
−
fieldset[disabled] .btn-xl:hover,
 
−
.btn-xl.disabled:focus,
 
−
.btn-xl[disabled]:focus,
 
−
fieldset[disabled] .btn-xl:focus,
 
−
.btn-xl.disabled:active,
 
−
.btn-xl[disabled]:active,
 
−
fieldset[disabled] .btn-xl:active,
 
−
.btn-xl.disabled.active,
 
−
.btn-xl[disabled].active,
 
−
fieldset[disabled] .btn-xl.active {
 
−
    border-color: #fed136;
 
−
    background-color: #fed136;
 
−
}
 
−
 
−
.btn-xl .badge {
 
−
    color: #fed136;
 
−
    background-color: #fff;
 
−
}
 
−
 
−
.navbar-default {
 
−
    border-color: transparent;
 
−
    background-color: #222;
 
−
}
 
−
 
−
.navbar-default .navbar-brand {
 
−
    font-family: "Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive;
 
−
    color: #fed136;
 
−
}
 
−
 
−
.navbar-default .navbar-brand:hover,
 
−
.navbar-default .navbar-brand:focus,
 
−
.navbar-default .navbar-brand:active,
 
−
.navbar-default .navbar-brand.active {
 
−
    color: #fec503;
 
−
}
 
−
 
−
.navbar-default .navbar-collapse {
 
−
    border-color: rgba(255,255,255,.02);
 
−
}
 
−
 
−
.navbar-default .navbar-toggle {
 
−
    border-color: #fed136;
 
−
    background-color: #fed136;
 
−
}
 
−
 
−
.navbar-default .navbar-toggle .icon-bar {
 
−
    background-color: #fff;
 
−
}
 
−
 
−
.navbar-default .navbar-toggle:hover,
 
−
.navbar-default .navbar-toggle:focus {
 
−
    background-color: #fed136;
 
−
}
 
−
 
−
.navbar-default .nav li a {
 
−
    text-transform: uppercase;
 
−
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
 
−
    font-weight: 400;
 
−
    letter-spacing: 1px;
 
−
    color: #fff;
 
−
}
 
−
 
−
.navbar-default .nav li a:hover,
 
−
.navbar-default .nav li a:focus {
 
−
    outline: 0;
 
−
    color: #fed136;
 
−
}
 
−
 
−
.navbar-default .navbar-nav>.active>a {
 
−
    border-radius: 0;
 
−
    color: #fff;
 
−
    background-color: #fed136;
 
−
}
 
−
 
−
.navbar-default .navbar-nav>.active>a:hover,
 
−
.navbar-default .navbar-nav>.active>a:focus {
 
−
    color: #fff;
 
−
    background-color: #fec503;
 
−
}
 
−
 
−
@media(min-width:768px) {
 
−
    .navbar-default {
 
−
        padding: 25px 0;
 
−
        border: 0;
 
−
        background-color: transparent;
 
−
        -webkit-transition: padding .3s;
 
−
        -moz-transition: padding .3s;
 
−
        transition: padding .3s;
 
−
    }
 
−
 
−
    .navbar-default .navbar-brand {
 
−
        font-size: 2em;
 
−
        -webkit-transition: all .3s;
 
−
        -moz-transition: all .3s;
 
−
        transition: all .3s;
 
−
    }
 
−
 
−
    .navbar-default .navbar-nav>.active>a {
 
−
        border-radius: 3px;
 
−
    }
 
−
 
−
    .navbar-default.navbar-shrink {
 
−
        padding: 10px 0;
 
−
        background-color: #222;
 
−
    }
 
−
 
−
    .navbar-default.navbar-shrink .navbar-brand {
 
−
        font-size: 1.5em;
 
−
    }
 
−
}
 
−
 
−
header {
 
−
    text-align: center;
 
−
    color: #fff;
 
−
    background-attachment: scroll;
 
−
    background-image: url(../img/background_01.png);
 
−
    background-position: center center;
 
−
    background-repeat: none;
 
−
    -webkit-background-size: cover;
 
−
    -moz-background-size: cover;
 
−
    background-size: cover;
 
−
    -o-background-size: cover;
 
−
}
 
−
 
−
header .intro-text {
 
−
    padding-top: 200px;
 
−
    padding-bottom: 160px;
 
−
}
 
−
 
−
header .intro-text .intro-lead-in {
 
−
    margin-bottom: 25px;
 
−
    font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
 
−
    font-size: 22px;
 
−
    font-style: italic;
 
−
    line-height: 22px;
 
−
}
 
−
 
−
header .intro-text .intro-heading {
 
−
    margin-bottom: 45px;
 
−
    text-transform: uppercase;
 
−
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
 
−
    font-size: 50px;
 
−
    font-weight: 700;
 
−
    line-height: 50px;
 
−
}
 
−
 
−
@media(min-width:768px) {
 
−
    header .intro-text {
 
−
        padding-top: 320px;
 
−
        padding-bottom: 250px;
 
−
    }
 
−
 
−
    header .intro-text .intro-lead-in {
 
−
        margin-bottom: 25px;
 
−
        font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
 
−
        font-size: 40px;
 
−
        font-style: italic;
 
−
        line-height: 40px;
 
−
          text-shadow: black 0.1em 0.1em 0.2em
 
−
    }
 
−
 
−
    header .intro-text .intro-heading {
 
−
        margin-bottom: 90px;
 
−
        text-transform: uppercase;
 
−
        font-family: Montserrat,"Helvetica Neue",Helvetica,Aial,sans-serif;
 
−
        font-size: 75px;
 
−
        font-weight: 700;
 
−
        line-height: 75px;
 
−
text-shadow: black 0.1em 0.1em 0.2em
 
−
    }
 
−
}
 
  
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
Line 478: Line 231:
 
width: 30%;  
 
width: 30%;  
 
}
 
}
 +
/**************************************************************************************************************************************************************************************************/
 +
/* HEADER HOME */
 +
/**************************************************************************************************************************************************************************************************/
  
 +
header {
 +
    text-align: center;
 +
    color: #fff;
 +
    background-attachment: scroll;
 +
    background-image: url("https://static.igem.org/mediawiki/2018/a/a8/T--HSHL--backgroundSoil.jpeg");
 +
    background-position: center center;
 +
    background-repeat: none;
 +
    -webkit-background-size: cover;
 +
    -moz-background-size: cover;
 +
    background-size: cover;
 +
    -o-background-size: cover;
 +
}
  
 +
header .intro-text {
 +
    padding-top: 100px;
 +
    padding-bottom: 100px;
 +
}
  
 +
header .intro-text .intro-lead-in {
 +
    margin-bottom: 25px;
 +
    font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
 +
    font-size: 22px;
 +
    font-style: italic;
 +
    line-height: 22px;
 +
}
 +
 +
header .intro-text .intro-heading {
 +
    margin-bottom: 45px;
 +
    text-transform: uppercase;
 +
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
 +
    font-size: 50px;
 +
    font-weight: 700;
 +
    line-height: 50px;
 +
}
 +
 +
@media(min-width:768px) {
 +
    header .intro-text {
 +
        padding-top: 100px;
 +
        padding-bottom: 100px;
 +
    }
 +
 +
    header .intro-text .intro-lead-in {
 +
        margin-bottom: 25px;
 +
        font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
 +
        font-size: 40px;
 +
        font-style: italic;
 +
        line-height: 40px;
 +
          text-shadow: black 0.1em 0.1em 0.2em
 +
    }
 +
 +
    header .intro-text .intro-heading {
 +
        margin-bottom: 90px;
 +
        text-transform: uppercase;
 +
        font-family: Montserrat,"Helvetica Neue",Helvetica,Aial,sans-serif;
 +
        font-size: 75px;
 +
        font-weight: 700;
 +
        line-height: 75px;
 +
        text-shadow: black 0.1em 0.1em 0.2em
 +
    }
 +
}
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
 
/* CONTENT OF THE PAGE */
 
/* CONTENT OF THE PAGE */
Line 575: Line 389:
 
padding: 10px;
 
padding: 10px;
 
vertical-align: text-top;  
 
vertical-align: text-top;  
 +
}
 +
 +
/* table cells no border */
 +
.igem_2018_team_content .igem_2018_team_column_wrapper tc { 
 +
border: 1px solid #c4baba;
 +
border-collapse: collapse;
 +
font-size: 105%;
 +
padding: 10px;
 +
valign=middle
 +
vertical-align: text-center;
 
}
 
}
  
Line 582: Line 406:
 
border: 1px solid #928b8b;  
 
border: 1px solid #928b8b;  
 
border-collapse: collapse;  
 
border-collapse: collapse;  
−
font-size: 110%;
+
font-size: 120%;
 
padding: 10px;  
 
padding: 10px;  
 
vertical-align: text-top;  
 
vertical-align: text-top;  
Line 596: Line 420:
 
padding:0px 20px;
 
padding:0px 20px;
 
}
 
}
−
 
  
 
.igem_2018_team_content .igem_2018_team_column_wrapper ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ul ul li,  
 
.igem_2018_team_content .igem_2018_team_column_wrapper ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ul ul li,  
Line 603: Line 426:
 
.igem_2018_team_content .igem_2018_team_column_wrapper ol ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ol ol li,  
 
.igem_2018_team_content .igem_2018_team_column_wrapper ol ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ol ol li,  
 
.igem_2018_team_content .igem_2018_team_column_wrapper ol ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ol ul li,  
 
.igem_2018_team_content .igem_2018_team_column_wrapper ol ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ol ul li,  
−
  .igem_2018_team_content .igem_2018_team_column_wrapper ol ol ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ul ol li{ font-size: 76%; }
+
  .igem_2018_team_content .igem_2018_team_column_wrapper ol ol ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ul ol li, igem_2018_team_content .igem_2018_team_column_wrapper ol ol li ul li{ font-size: 76%; }
  
  
Line 709: Line 532:
 
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_full {
 
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_full {
 
     border: 4px solid #5bc7d8;
 
     border: 4px solid #5bc7d8;
 +
}
 +
 +
        .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_C_full {
 +
    border: 10px solid #e4dede;
 
}
 
}
  
Line 822: Line 649:
 
</a>
 
</a>
  
−
<!-- Team -->
+
<!-- About us-->
 
<div class="menu_item">
 
<div class="menu_item">
 
<div class="submenu_control_icon"> </div>
 
<div class="submenu_control_icon"> </div>
−
TEAM
+
ABOUT US
 
</div>  
 
</div>  
 
<div class="submenu">
 
<div class="submenu">
Line 831: Line 658:
 
<a href="https://2018.igem.org/Team:HSHL/Team">
 
<a href="https://2018.igem.org/Team:HSHL/Team">
 
<div class="submenu_item">
 
<div class="submenu_item">
−
Team Members
+
Team
 
</div>
 
</div>
−
</a>
+
</a>
  
−
<a href="https://2018.igem.org/Team:HSHL/Collaborations">
+
                        <a href="https://2018.igem.org/Team:HSHL/HSHL">
 
<div class="submenu_item">
 
<div class="submenu_item">
−
Collaborations & Networking
+
University
 
</div>
 
</div>
 
</a>
 
</a>
  
−
                        <a href="https://2018.igem.org/Team:HSHL/Teamwork">
+
<a href="https://2018.igem.org/Team:HSHL/Collaborations">
 
<div class="submenu_item">
 
<div class="submenu_item">
−
Teamwork
+
Collaborations & Networking
 
</div>
 
</div>
 
</a>
 
</a>
Line 871: Line 698:
 
<div class="submenu_item">
 
<div class="submenu_item">
 
Experiments
 
Experiments
−
</div>
 
−
</a>
 
−
 
−
 
−
<a href="https://2018.igem.org/Team:HSHL/Notebook">
 
−
<div class="submenu_item">
 
−
Notebook
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2018.igem.org/Team:HSHL/InterLab">
 
−
<div class="submenu_item">
 
−
InterLab
 
−
</div>
 
−
</a>
 
−
 
−
 
−
<a href="https://2018.igem.org/Team:HSHL/Model">
 
−
<div class="submenu_item">
 
−
Model
 
 
</div>
 
</div>
 
</a>
 
</a>
Line 897: Line 704:
 
<div class="submenu_item">
 
<div class="submenu_item">
 
Results
 
Results
−
</div>
 
−
</a>
 
−
 
−
 
−
<a href="https://2018.igem.org/Team:HSHL/Demonstrate">
 
−
<div class="submenu_item">
 
−
Demonstrate
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2018.igem.org/Team:HSHL/Improve">
 
−
<div class="submenu_item">
 
−
Improve
 
 
</div>
 
</div>
 
</a>
 
</a>
Line 922: Line 716:
  
  
−
<div class="menu_item">
+
<a href="https://2018.igem.org/Team:HSHL/Parts">
−
<div class="submenu_control_icon"> </div>
+
<div class="menu_item direct_link">
−
PARTS
+
PARTS
−
</div>
+
</div>  
−
<div class="submenu">
+
</a>
−
+
−
<a href="https://2018.igem.org/Team:HSHL/Parts">
+
−
<div class="submenu_item">
+
−
Parts Overview
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2018.igem.org/Team:HSHL/Basic_Part">
+
−
<div class="submenu_item">
+
−
Basic Parts
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2018.igem.org/Team:HSHL/Composite_Part">
+
−
<div class="submenu_item">
+
−
Composite Parts
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2018.igem.org/Team:HSHL/Part_Collection">
+
−
<div class="submenu_item">
+
−
Part Collection
+
−
</div>
+
−
</a>
+
−
</div>
+
−
 
+
−
+
−
+
−
+
−
+
  
 
<a href="https://2018.igem.org/Team:HSHL/Safety">
 
<a href="https://2018.igem.org/Team:HSHL/Safety">
Line 964: Line 728:
 
</a>
 
</a>
  
−
 
+
                <a href="https://2018.igem.org/Team:HSHL/Human_Practices">
−
 
+
<div class="menu_item direct_link">  
−
 
+
−
 
+
−
 
+
−
<div class="menu_item">
+
−
<div class="submenu_control_icon"> </div>  
+
 
HUMAN PRACTICES  
 
HUMAN PRACTICES  
−
</div>  
+
                        </div>  
−
 
+
</a>
−
<div class="submenu">
+
−
 
+
−
<a href="https://2018.igem.org/Team:HSHL/Human_Practices">
+
−
<div class="submenu_item">
+
−
Human Practices
+
−
</div>
+
−
</a>
+
−
 
+
−
 
+
−
<a href="https://2018.igem.org/Team:HSHL/Public_Engagement">
+
−
<div class="submenu_item">
+
−
Education & Engagement
+
−
</div>
+
−
</a>
+
−
 
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
 
+
  
 
<div class="menu_item">
 
<div class="menu_item">
Line 1,047: Line 786:
 
</div>  
 
</div>  
  
−
 
+
                <a href="https://2018.igem.org/Team:HSHL/ContactCopyright">
 +
<div class="menu_item direct_link">
 +
CONTACT & COPYRIGHT
 +
</div>
 +
</a>
  
 
<a href="https://igem.org/2018_Judging_Form?team=HSHL">
 
<a href="https://igem.org/2018_Judging_Form?team=HSHL">

Latest revision as of 20:46, 17 October 2018

HOME
ABOUT US
Team
University
Collaborations & Networking
PROJECT
Description
Design
Experiments
Results
Attributions
PARTS
SAFETY
HUMAN PRACTICES
AWARDS
Applied Design
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
CONTACT & COPYRIGHT
JUDGING FORM ⇗