Difference between revisions of "Template:HSHL"

m
 
(53 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*/
 
/**************************************************************************************************************************************************************************************************/
 
header {
 
    text-align: center;
 
    color: #fff;
 
    background-attachment: scroll;
 
    background-image: url("https://static.igem.org/mediawiki/2018/d/dc/T--HSHL--backgroundStart.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 272: 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 369: 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 376: 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 390: 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 397: 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 503: 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 616: 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 625: 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 665: 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 691: 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 716: 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 758: 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 840: Line 785:
  
 
</div>  
 
</div>  
                <a href="https://2018.igem.org/Team:HSHL/CONATCT+COPYRIGHT">
+
 
 +
                <a href="https://2018.igem.org/Team:HSHL/ContactCopyright">
 
<div class="menu_item direct_link">
 
<div class="menu_item direct_link">
    CONTACT & COPYRIGHT
+
CONTACT & COPYRIGHT
        </div>
+
</div>  
                </a>
+
</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