|
|
Line 8: |
Line 8: |
| } | | } |
| | | |
− | .firstHeading, .logo_2016 {
| + | |
− | display: none;
| + | |
− | }
| + | |
| #sideMenu{ | | #sideMenu{ |
| display: none; | | display: none; |
Line 21: |
Line 19: |
| .navdiv-wrapper { | | .navdiv-wrapper { |
| height: 40px; | | height: 40px; |
− | background: rgb(82, 81, 81); | + | background: #03ece4; |
| } | | } |
| | | |
Line 330: |
Line 328: |
| } | | } |
| | | |
− | /* Button class */ | + | |
− | .button_click {
| + | |
− | margin: 10px auto;
| + | |
− | padding: 15px; width:12%;
| + | |
− | text-align:center;
| + | |
− | font-weight:bold;
| + | |
− | background-color: #72c9b6;
| + | |
− | cursor:pointer;
| + | |
− | -webkit-transition: all 0.4s ease;
| + | |
− | -moz-transition: all 0.4s ease;
| + | |
− | -ms-transition: all 0.4s ease;
| + | |
− | -o-transition: all 0.4s ease;
| + | |
− | transition: all 0.4s ease;
| + | |
− | }
| + | |
− | | + | |
− | /* button class on hover */
| + | |
− | .button_click:hover {
| + | |
− | background-color:#000000;
| + | |
− | color:#72c9b6;
| + | |
− | }
| + | |
− | | + | |
| /* Wrapper for the content */ | | /* Wrapper for the content */ |
| .content_wrapper { | | .content_wrapper { |
Line 409: |
Line 387: |
| <div class="navdiv-cover"></div> | | <div class="navdiv-cover"></div> |
| <div class="navdiv"> | | <div class="navdiv"> |
− | <a href="https://2016.igem.org"> | + | <a href="https://2018.igem.org"> |
| <div id="main-logo" class="logo-wrapper"> | | <div id="main-logo" class="logo-wrapper"> |
| <img src="https://static.igem.org/mediawiki/2016/1/12/T--MIT--igemlogopink.svg"> | | <img src="https://static.igem.org/mediawiki/2016/1/12/T--MIT--igemlogopink.svg"> |
| </div> | | </div> |
| </a> | | </a> |
− | <a href="https://2016.igem.org/Team:MIT"> | + | <a href="https://2018.igem.org/Team:RHIT"> |
| <div id="team-logo" class="logo-wrapper"> | | <div id="team-logo" class="logo-wrapper"> |
− | <img src="https://static.igem.org/mediawiki/2016/9/94/T--MIT--teamlogo1.svg"> | + | <img src="https://static.igem.org/mediawiki/2018/6/64/T--RHIT--Pebble_150x350_Logo.jpg"> |
| </div> | | </div> |
| </a> | | </a> |
| <ul> | | <ul> |
− | <li><a href="https://2016.igem.org/Team:MIT/Description">BACKGROUND</a></li> | + | <li><a href="https://2018.igem.org/Team:RHIT/Team">TEAM</a></li> |
| + | <div class="submenu"> |
| + | <a href="https://2018.igem.org/Team:RHIT/Team"> Team Members </a> |
| + | <a href="https://2018.igem.org/Team:RHIT/Collaborations"> Collaborations </a> |
| | | |
− | <li><a href="https://2016.igem.org/Team:MIT/Experiments">EXPERIMENTS</a> | + | <li><a href="https://2018.igem.org/Team:RHIT/Project">PROJECT</a> |
| <div class="submenu"> | | <div class="submenu"> |
− | <a href="https://2016.igem.org/Team:MIT/Experiments/Promoters ">Synthetic Promoters</a> | + | <a href="https://2018.igem.org/Team:RHIT/Description ">Description</a> |
− | <a href="https://2016.igem.org/Team:MIT/Experiments/miRNA">microRNA</a> | + | <a href="https://2018.igem.org/Team:RHIT/Design"> Design</a> |
− | <a href="https://2016.igem.org/Team:MIT/Experiments/Recombinases ">Recombinase</a> | + | <a href="https://2018.igem.org/Team:RHIT/Experiments ">Experiments</a> |
− | <a href="https://2016.igem.org/Team:MIT/Proof">Proof of Concept</a> | + | <a href="https://2018.igem.org/Team:RHIT/Notebook">Notebook</a> |
− | <a href="https://2016.igem.org/Team:MIT/Collaborations">Collaborations</a> | + | <a href="https://2018.igem.org/Team:RHIT/Interlab">Interlab</a> |
| + | <a href="https://2018.igem.org/Team:RHIT/Model">Model</a> |
| + | <a href="https://2018.igem.org/Team:RHIT/Results">Results</a> |
| + | <a href="https://2018.igem.org/Team:RHIT/Demonstrate">Demonstrate</a> |
| + | <a href="https://2018.igem.org/Team:RHIT/Improve">Improve</a> |
| + | <a href="https://2018.igem.org/Team:RHIT/Attributions">Attributions</a> |
| </div> | | </div> |
| </li> | | </li> |
| | | |
− | <li><a href="https://2016.igem.org/Team:MIT/Diagnosis_and_Future_Implications">FUTURE WORK</a> | + | <li><a href="https://2018.igem.org/Team:RHIT/Parts">PARTS</a> |
| <div class="submenu"> | | <div class="submenu"> |
− | <a href="https://2016.igem.org/Team:MIT/Genetic_Circuit">Circuit Design</a> | + | <a href="https://2018.igem.org/Team:RHIT/Parts">Parts Overview</a> |
− | <a href="https://2016.igem.org/Team:MIT/Clinical_Applications">Clinical Applications</a> | + | <a href="https://2018.igem.org/Team:RHIT/Basic_Part">Basic Parts</a> |
| + | <a href="https://2018.igem.org/Team:RHIT/Composite_Part">Composite Parts</a> |
| + | <a href="https://2018.igem.org/Team:RHIT/Part_Collection">Part Collection</a> |
| </div> | | </div> |
| </li> | | </li> |
| | | |
− | <li><a href="https://2016.igem.org/Team:MIT/Human_Practices">HUMAN PRACTICES</a> | + | <li><a href="https://2018.igem.org/Team:RHIT/Safety">SAFETY</a> |
| + | </li> |
| + | |
| + | <li><a href="https://2018.igem.org/Team:RHIT/Human_Practices">HUMAN PRACTICES</a> |
| <div class="submenu"> | | <div class="submenu"> |
− | <a href="https://2016.igem.org/Team:MIT/Mammalian_synthetic_biology_kit">Parts Toolbox</a> | + | <a href="https://2018.igem.org/Team:RHIT/Human_Practices">Human Practices</a> |
− | <a href="https://2016.igem.org/Team:MIT/accessible_protocols">Accessible Protocols</a>
| + | <a href="https://2018.igem.org/Team:RHIT/Public_Engagement">Education and Engagement</a> |
− | <a href="https://2016.igem.org/Team:MIT/Integrated_Practices">Integrated Human Practices</a>
| + | |
− | <a href="https://2016.igem.org/Team:MIT/Engagement">Public Outreach</a> | + | |
− | <a href="https://2016.igem.org/Team:MIT/InterLab">Interlab Study</a>
| + | |
| </div> | | </div> |
| </li> | | </li> |
Line 451: |
Line 439: |
| | | |
| | | |
− | <li><a href="https://2016.igem.org/Team:MIT/Notebook">NOTEBOOK</a> | + | <li><a href="https://2018.igem.org/Team:RHIT/Awards">AWARDS</a> |
| <div class="submenu"> | | <div class="submenu"> |
− | <a href="https://2016.igem.org/Team:MIT/Notebook">Lab Notebook</a> | + | <a href="https://2018.igem.org/Team:RHIT/Applied_Design">Applied Design</a> |
− | <a href="https://2016.igem.org/Team:MIT/Parts">Parts</a> | + | <a href="https://2018.igem.org/Team:RHIT/Entrepreneurship">Entrepreneurship</a> |
− | <a href="https://2016.igem.org/Team:MIT/Part_Collection">Mammalian Parts Collection</a> | + | <a href="https://2018.igem.org/Team:RHIT/Hardware">Hardware</a> |
− | <a href="https://2016.igem.org/Team:MIT/Attributions">Attributions</a> | + | <a href="https://2018.igem.org/Team:RHIT/Measurement">Measurement</a> |
− | <a href="https://2016.igem.org/Team:MIT/Safety">Safety</a> | + | <a href="https://2018.igem.org/Team:RHIT/Model">Model</a> |
− | | + | <a href="https://2018.igem.org/Team:RHIT/Plant">Plant</a> |
− | | + | <a href="https://2018.igem.org/Team:RHIT/Software">Software</a> |
| </div> | | </div> |
| </li> | | </li> |
| | | |
− | <li><a href="https://2016.igem.org/Team:MIT/Awards">AWARDS</a>
| + | |
− | <div class="submenu">
| + | |
− | <a href="https://2016.igem.org/Team:MIT/HP/Silver">HP Silver</a>
| + | |
− | <a href="https://2016.igem.org/Team:MIT/HP/Gold">HP Gold</a>
| + | |
− | <a href="https://2016.igem.org/Team:MIT/Integrated_Practices">Integrated HP</a>
| + | |
− | <a href="https://2016.igem.org/Team:MIT/Basic_Part">Basic Part</a>
| + | |
− |
| + | |
| | | |
− | </div></li>
| + | |
− | <li><a href="https://2016.igem.org/Team:MIT/Team">TEAM</a> | + | <li><a href="https://igem.org/2018_Judging_Form?team=RHIT">Judging Form</a> |
| </li> | | </li> |
| | | |
<script>
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$(document).ready(function() {
$("#HQ_page").attr('id',);
//highlight current page on the menu
highlight_current_page_menu();
//accessing submenus
$(".menu_item").click(function(){
$(".submenu_control_icon", this).toggleClass("open");
$(this).next(".submenu").fadeToggle(400);
});
//mobile menu access
$(".igem_2018_team_mobile_bar").click(function(){
$(this).next().toggleClass("displaying_menu");
});
});
function highlight_current_page_menu() {
var page_url="https://2018.igem.org/";
page_url = page_url + wgPageName;
$("a[href$='"+ page_url +"']").children().addClass("current_page");
//if the page is in a submenu, open the submenu and make the appropiate changes
if( $( ".current_page" ).hasClass( "submenu_item" )){
$(".current_page").parent().parent().fadeToggle(400);
$(".current_page").parent().parent().prev().addClass("current_page");
$(".menu_item.current_page > .submenu_control_icon").toggleClass("open");
}
}
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
</script>
<style>
/**************************************************************************************************************************************************************************************************/
/**************************************************************************************************************************************************************************************************/
/* DEFAULT WIKI SETTINGS */
/**************************************************************************************************************************************************************************************************/
#home_logo, #sideMenu { display:none; }
#sideMenu, #top_title, .patrollink {display:none;}
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
body {background-color:white; }
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
/**************************************************************************************************************************************************************************************************/
/* MENU */
/**************************************************************************************************************************************************************************************************/
/*this wraps the whole of the menu*/
.igem_2018_team_menu {
background-color:#03ECE4;
border-left: 1px solid #c4baba;
display:block;
float:right;
height:100vh;
max-width: 270px;
overflow-y: auto;
overflow-x: hidden;
padding:0px;
position:fixed;
right:0%;
text-align:left;
width: 15%;
}
.igem_2018_team_menu.displaying_menu{
display:block;
}
.igem_2018_team_menu a {
color: #000000;
text-decoration:none;
}
.igem_2018_team_menu img {
width:100%;
}
.igem_2018_team_menu .menu_item {
background-color: #32CD32;
border-bottom: 1px solid #FFFFFF;
clear: both;
color: #000000;
cursor: pointer;
float: left;
font-size: 120%;
font-weight: bold;
padding: 15px 0px 15px 5%;
width: 100%;
}
.igem_2018_team_menu .menu_item.direct_link {
color: #000000;
padding-left: 15%;
}
.igem_2018_team_menu .menu_item:hover {
background-color: #1E90FF;
}
.igem_2018_team_menu .menu_item .submenu_control_icon {
color: #000000;
float: left;
width: 10%;
}
/* submenu icon "+" "-"*/
.igem_2018_team_menu .menu_item .submenu_control_icon::before {
content: ">";
}
/* submenu icon "+" "-"*/
.igem_2018_team_menu .menu_item .submenu_control_icon.open::before {
content: "-";
}
/*submenu wrapper*/
.igem_2018_team_menu .submenu{
background-color: #AEF9AE;
clear:both;
display:none;
float: left;
width:100%;
}
/*styling for a submenu item*/
.igem_2018_team_menu .submenu .submenu_item {
border-bottom: 1px solid #FFFFFF;
color: #000000;
height: 30px;
float: left;
font-size: 110%;
font-weight: bold;
padding: 12px 0px 0px 15%;
width: 100%;
}
.igem_2018_team_menu .submenu .submenu_item:hover {
background-color: #1E90FF;
}
.igem_2018_team_menu .submenu .submenu_item.current_page,
.igem_2018_team_menu .menu_item.current_page,
.igem_2018_team_menu .menu_item.direct_link.current_page {
background-color:#7acbd8;
}
/*mobile menu bar styling*/
/**************************************************************************************************************************************************************************************************/
.igem_2018_team_mobile_bar {
background-color:#e4dede;
border-bottom: 1px solid #c4baba;
cursor:pointer;
display:none;
float:left;
margin-top: 0;
padding: 5px 0;
position:fixed;
width:100%;
}
.igem_logo_mobile img {
width:70px;
}
.igem_logo_mobile {
float:left;
padding-left: 5%;
width: 30%;
}
.igem_menu_control_mobile img {
width:25px;
}
.igem_menu_control_mobile {
float:right;
padding-right:5%;
padding-top:5px;
text-align:right;
width: 30%;
}
/**************************************************************************************************************************************************************************************************/
/* CONTENT OF THE PAGE */
/**************************************************************************************************************************************************************************************************/
/* general wrapper for the content */
.igem_2018_team_content {
background-color:#E0FDFC;
display:block;
width: 87%;
}
/* subwrapper to center content */
.igem_2018_team_content .igem_2018_team_column_wrapper {
margin:auto;
max-width: 1400px;
width:90%;
}
/*general styling*/
/**************************************************************************************************************************************************************************************************/
.igem_2018_team_content .igem_2018_team_column_wrapper h1 { font-size: 230%;}
.igem_2018_team_content .igem_2018_team_column_wrapper h2 { font-size: 200%;}
.igem_2018_team_content .igem_2018_team_column_wrapper h3 { font-size: 130%;}
.igem_2018_team_content .igem_2018_team_column_wrapper h4 { font-size: 200%;}
.igem_2018_team_content .igem_2018_team_column_wrapper h5 { font-size: 200%;}
.igem_2018_team_content .igem_2018_team_column_wrapper h6 { font-size: 200%;}
/* styling for the titles h1, h2, h3*/
.igem_2018_team_content .igem_2018_team_column_wrapper h1, .igem_2018_team_content .igem_2018_team_column_wrapper h2,
.igem_2018_team_content .igem_2018_team_column_wrapper h3 {
border-bottom:0px;
color: #000000;
font-family: "Arial Black", Gadget, sans-serif;
padding: 10px 0px;
}
/* styling for the titles h4, h5, h6 */
.igem_2018_team_content .igem_2018_team_column_wrapper h4
{
border-bottom:0px;
color: #000000;
font-family: "Elephant", Gadget, sans-serif;
padding: 5px 0px;
}
.igem_2018_team_content .igem_2018_team_column_wrapper h5
{
border-bottom:0px;
color: #51A8A5;
font-family: "Elephant", Gadget, sans-serif;
padding: 5px 0px;
}
.igem_2018_team_content .igem_2018_team_column_wrapper h6
{
border-bottom:0px;
color: #000000;
font-family: "Elephant", Gadget, sans-serif;
padding: 5px 0px;
}
/* text */
.igem_2018_team_content .igem_2018_team_column_wrapper p {
font-size: 130%;
font-family: Arial, Helvetica, sans-serif;
padding: 5px 0px;
text-align: left;
color: #000000;
}
/* Links */
.igem_2018_team_content .igem_2018_team_column_wrapper a {
color: #034FEC;
font-weight: bold;
text-decoration: underline;
text-decoration-color:#034FEC;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
}
/* hover for the links */
.igem_2018_team_content .igem_2018_team_column_wrapper a:hover {
color: #f8b732;
text-decoration:none;
}
/* Table */
.igem_2018_team_content .igem_2018_team_column_wrapper table {
border: 1px solid #928b8b;
border-collapse: collapse;
font-size: 130%;
width: 100%;
}
/* table cells */
.igem_2018_team_content .igem_2018_team_column_wrapper td {
border: 1px solid #c4baba;
border-collapse: collapse;
font-size: 105%;
padding: 10px;
vertical-align: text-top;
}
/* table headers */
.igem_2018_team_content .igem_2018_team_column_wrapper th {
background-color:#c4baba;
border: 1px solid #928b8b;
border-collapse: collapse;
font-size: 110%;
padding: 10px;
vertical-align: text-top;
}
/* non numbered lists */
.igem_2018_team_content .igem_2018_team_column_wrapper ul, .igem_2018_team_content .igem_2018_team_column_wrapper ol {
font-size: 130%;
font-family: Arial, Helvetica, sans-serif;
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 ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ul ol li,
.igem_2018_team_content .igem_2018_team_column_wrapper ol ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ol ul 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 ol ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ul ol li{ font-size: 76%; }
/*layout classes*/
/**************************************************************************************************************************************************************************************************/
/*main layout class */
.igem_2018_team_content .igem_2018_team_column_wrapper .column {
float:left;
margin: 1% 2%;
padding: 0px;
}
/* 100% */
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size { width:96%; }
/* 66% */
.igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size { width: 62.6%; }
/* 33% */
.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size { width: 29.3%; }
/* 75% */
.igem_2018_team_content .igem_2018_team_column_wrapper .column.three_quarter_size { width: 71%; }
/* 50% */
.igem_2018_team_content .igem_2018_team_column_wrapper .column.half_size { width: 46%; }
/* 25% */
.igem_2018_team_content .igem_2018_team_column_wrapper .column.quarter_size { width: 21%; }
/*styling for all images*/
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size img,
.igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size img,
.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size img {
margin-bottom: 15px;
width: 100%;
}
/* page break */
.igem_2018_team_content .igem_2018_team_column_wrapper .clear {
clear:both;
}
/*add extra space to page break with clear class*/
.igem_2018_team_content .igem_2018_team_column_wrapper .clear.extra_space {
height: 30px;
}
/* horizontal line to divide the page*/
.igem_2018_team_content .igem_2018_team_column_wrapper .line_divider {
border-top: 1px solid #c4baba;
margin: auto;
width: 98%;
}
/*support classes*/
/**************************************************************************************************************************************************************************************************/
/*Button */
/************************************************/
.igem_2018_team_content .igem_2018_team_column_wrapper .button_link {
font-size: 130%;
margin: 30px auto;
text-align: center;
}
.igem_2018_team_content .igem_2018_team_column_wrapper .button_link a {
background-color: #03ece4;
color: #000000 !important;
font-weight: bold;
margin: auto;
text-decoration: none !important;
padding: 10px 15px;
}
.igem_2018_team_content .igem_2018_team_column_wrapper .button_link a:hover {
background-color: #f8b732 !important;
}
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight {
padding: 15px 20px;
}
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight p,
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h1,
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h2,
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h3,
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h4,
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h5,
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h6 {
padding: 5px 15px;
}
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_background {
background-color: #e4dede;
}
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_top {
border-top: 4px solid #5bc7d8;
}
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_full {
border: 4px solid #5bc7d8;
}
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_top {
border-top: 4px solid #f8b732
}
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_full {
border: 4px solid #f8b732;
}
/*mobile*/
/**************************************************************************************************************************************************************************************************/
/* 1800px */
/************************************************/
@media only screen and (max-width: 1800px) {
.igem_2018_team_content { width: 85%;}
.igem_2018_team_menu {display:block;}
}
/* 1400px */
/************************************************/
@media only screen and (max-width: 1400px) {
.igem_2018_team_menu .menu_item { font-size:100%;}
.igem_2018_team_menu .submenu .submenu_item { font-size:90%;}
.igem_2018_team_menu {display:block;}
}
@media only screen and (max-width: 1001px) {
.igem_2018_team_menu {display:block;}
}
/* 1000px */
/************************************************/
@media only screen and (max-width: 1000px) {
.igem_2018_team_content {width:100%; margin-left:0px;}
.igem_2018_team_menu {display:none; margin-top: 45px; min-width:50%; width:50%;}
.igem_2018_team_mobile_bar {display:block;}
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size, .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size,.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size {width:96%; }
}
@media only screen and (max-width: 500px) {
.igem_2018_team_menu {min-width:100%; width:100%; }
}
/**************************************************************************************************************************************************************************************************/
</style>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>