Difference between revisions of "Template:SMMU-China"

(Prototype team template page)
 
Line 1: Line 1:
 
<html>
 
<html>
 +
</p>
 
<script>
 
<script>
 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
Line 5: Line 6:
 
$(document).ready(function() {
 
$(document).ready(function() {
  
//remove the HQ_page id
 
 
$("#HQ_page").attr('id','');
 
$("#HQ_page").attr('id','');
 
 
Line 19: Line 19:
 
 
 
//mobile menu access  
 
//mobile menu access  
$(".igem_2019_team_mobile_bar").click(function(){
+
$(".igem_2018_team_mobile_bar").click(function(){
 
$(this).next().toggleClass("displaying_menu");
 
$(this).next().toggleClass("displaying_menu");
 
});
 
});
Line 28: Line 28:
 
function highlight_current_page_menu() {
 
function highlight_current_page_menu() {
 
 
var page_url="https://2019.igem.org/";
+
var page_url="https://2018.igem.org/";
 
page_url = page_url + wgPageName;
 
page_url = page_url + wgPageName;
 
$("a[href$='"+ page_url +"']").children().addClass("current_page");
 
$("a[href$='"+ page_url +"']").children().addClass("current_page");
Line 60: Line 60:
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
 
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
 +
#last_p_label {margin:0em; padding:0em; border:0em;}
 +
#mw-content-text > p {margin:0em; padding:0em; border:0em;}
 +
#globalWrapper {padding-bottom: 0px!important;}
 +
#top_menu_14 {padding-top: 2px!important; height: 18px; }
 +
.has_submenu > a {text-decoration: none;}
 +
.has_submenu > a:hover {text-decoration: underline;}
 +
.mw-content-ltr ul {margin-left: 0!important; margin-top: 0!important;}
 +
ul.dropotron.level-0.center {font-stretch: unset; padding: 25px 30px 30px 25px; font-weight: 300;}
 +
h1 > a {color: #000!important; text-decoration: none!important;}
 +
#top_menu_inside .has_submenu .intro a {text-decoration: none!important;}
 
body {background-color:white; }
 
body {background-color:white; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
#bodyContent a[href ^="https://"], .link-https { padding-right:0px;}
+
 
+
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
.judges-will-not-evaluate { border: 4px solid #F42534; padding: 2% !important; width: 92%!important;}
+
  
  
Line 71: Line 80:
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
  
/*wrapping for the menu*/
+
/*this wraps the whole of the menu*/
.igem_2019_team_menu {  
+
.igem_2018_team_menu {  
background-color:#cecece;  
+
background-color:#c4baba;  
border-left: 1px solid #635d5d;
+
border-left: 1px solid #c4baba;
 +
display:block;
 
float:right;  
 
float:right;  
 
height:100vh;  
 
height:100vh;  
Line 87: Line 97:
 
}
 
}
  
/*controlling menu visibility*/
+
 
.igem_2019_team_menu.displaying_menu{
+
.igem_2018_team_menu.displaying_menu{
 
display:block;
 
display:block;
 
}
 
}
  
/*links in the menu*/
+
.igem_2018_team_menu a {
.igem_2019_team_menu a {
+
 
color: #484848;
 
color: #484848;
 
text-decoration:none;
 
text-decoration:none;
 
}
 
}
  
/*images in the menu*/
+
.igem_2018_team_menu img {
.igem_2019_team_menu img {
+
 
width:100%;
 
width:100%;
 
}
 
}
  
/*level 1 menu items*/
+
 
.igem_2019_team_menu .menu_item {
+
.igem_2018_team_menu .menu_item {
     background-color: #cecece;
+
     background-color: #c4baba;
     border-bottom: 1px solid #635d5d;
+
     border-bottom: 1px solid #928b8b;
 
     clear: both;
 
     clear: both;
 
color: #484848;
 
color: #484848;
Line 117: Line 125:
 
}
 
}
  
/*level 1 menu items without submenus*/
+
.igem_2018_team_menu .menu_item.direct_link {
.igem_2019_team_menu .menu_item.direct_link {
+
 
color: #484848;
 
color: #484848;
 
padding-left: 15%;
 
padding-left: 15%;
 
}
 
}
+
.igem_2018_team_menu .menu_item:hover {
/*level 1 menu items on hover*/
+
background-color: #ecb656;
.igem_2019_team_menu .menu_item:hover {
+
background-color: #ecb656 !important;
+
 
}
 
}
  
/*icon for expanding and collapsing level 1 menut items*/
+
 
.igem_2019_team_menu .menu_item .submenu_control_icon {
+
.igem_2018_team_menu .menu_item .submenu_control_icon {
 
color: #484848;
 
color: #484848;
 
float: left;
 
float: left;
Line 135: Line 140:
 
}
 
}
  
/* submenu icon  "-"*/
+
/* submenu icon "+" "-"*/
.igem_2019_team_menu .menu_item .submenu_control_icon::before {
+
.igem_2018_team_menu .menu_item .submenu_control_icon::before {
 
content: "+";  
 
content: "+";  
 
}
 
}
  
/* submenu icon  "-"*/
+
/* submenu icon "+" "-"*/
.igem_2019_team_menu .menu_item .submenu_control_icon.open::before {
+
.igem_2018_team_menu .menu_item .submenu_control_icon.open::before {
 
content: "-";  
 
content: "-";  
 
}
 
}
  
+
/*submenu wrapper*/
/*level 2 menu (submenu) wrapper*/
+
.igem_2018_team_menu .submenu{
.igem_2019_team_menu .submenu{
+
background-color: #e4dede;
background-color: #ececec;
+
 
clear:both;
 
clear:both;
 
display:none;
 
display:none;
Line 155: Line 159:
 
}
 
}
  
/*level 2 menu (submenu) item*/
+
/*styling for a submenu item*/
.igem_2019_team_menu .submenu .submenu_item {
+
.igem_2018_team_menu .submenu .submenu_item {
border-bottom: 1px solid #cecece;
+
border-bottom: 1px solid #c4baba;
 
   color: #635d5d;
 
   color: #635d5d;
 
     height: 30px;
 
     height: 30px;
Line 167: Line 171:
 
}
 
}
  
/*level 2 menu (submenu) items on hover*/
+
.igem_2018_team_menu .submenu .submenu_item:hover {
.igem_2019_team_menu .submenu .submenu_item:hover {
+
background-color: #f3bd5d;
background-color: #ecb656 !important;
+
 
}
 
}
  
/*color for highlighting current page on the wiki*/
+
 
.igem_2019_team_menu .submenu .submenu_item.current_page,
+
.igem_2018_team_menu .submenu .submenu_item.current_page,
.igem_2019_team_menu .menu_item.current_page,  
+
.igem_2018_team_menu .menu_item.current_page,  
.igem_2019_team_menu .menu_item.direct_link.current_page {
+
.igem_2018_team_menu .menu_item.direct_link.current_page {
background-color:#a2d3d0;
+
background-color:#7acbd8;
 
}
 
}
 +
  
  
Line 183: Line 187:
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
  
/*mobile bar that controls the menu*/
+
 
.igem_2019_team_mobile_bar {
+
.igem_2018_team_mobile_bar {
background-color:#ececec;  
+
background-color:#e4dede;  
border-bottom: 1px solid #cecece;
+
border-bottom: 1px solid #c4baba;
 
cursor:pointer;
 
cursor:pointer;
 
display:none;  
 
display:none;  
Line 195: Line 199:
 
width:100%;  
 
width:100%;  
 
}
 
}
+
 
/*mobile logo*/
+
.igem_logo_mobile img {
 +
width:70px;
 +
}
 +
 
 
.igem_logo_mobile {
 
.igem_logo_mobile {
 
float:left;  
 
float:left;  
Line 203: Line 210:
 
}
 
}
  
/*image within the mobile logo*/
+
.igem_menu_control_mobile img {
.igem_logo_mobile img {
+
width:25px;
width:70px;
+
 
}
 
}
+
 
/*mobile expand collapse button*/
+
 
.igem_menu_control_mobile {
 
.igem_menu_control_mobile {
 
float:right;  
 
float:right;  
Line 217: Line 222:
 
}
 
}
  
/*image for mobile expand collapse button*/
 
.igem_menu_control_mobile img {
 
width:25px;
 
}
 
 
 
/*add extra padding to the menu to improve mobile scrolling*/
 
.menu_padding{
 
float:left;
 
height:100px;
 
}
 
  
  
Line 235: Line 229:
  
 
/* general wrapper for the content */
 
/* general wrapper for the content */
.igem_2019_team_content {
+
.igem_2018_team_content {
background-color:white;  
+
/*background-color:white;*/
 
display:block;
 
display:block;
width: 87%;
+
width: 100%;
 
}
 
}
  
 
/* subwrapper to center content */
 
/* subwrapper to center content */
.igem_2019_team_content .igem_2019_team_column_wrapper {
+
.igem_2018_team_content .igem_2018_team_column_wrapper {
 
margin:auto;
 
margin:auto;
max-width: 1400px;
+
/*max-width: 1400px;*/
width:90%;
+
width:100%;
 
}
 
}
  
Line 253: Line 247:
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
  
/*size for title h tags*/
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 h1 { font-size: 210%;}
.igem_2019_team_content .igem_2019_team_column_wrapper h1 { font-size: 210%;}
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 h2 { font-size: 190%;}
.igem_2019_team_content .igem_2019_team_column_wrapper h2 { font-size: 190%;}
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 h3 { font-size: 170%;}
.igem_2019_team_content .igem_2019_team_column_wrapper h3 { font-size: 170%;}
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 h4 { font-size: 150%;}
.igem_2019_team_content .igem_2019_team_column_wrapper h4 { font-size: 150%;}
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 h5 { font-size: 140%;}
.igem_2019_team_content .igem_2019_team_column_wrapper h5 { font-size: 140%;}
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 h6 { font-size: 130%;}
.igem_2019_team_content .igem_2019_team_column_wrapper h6 { font-size: 130%;}
+
  
  
/*titles h1, h2*/
+
/* styling for the titles h1, h2*/
.igem_2019_team_content .igem_2019_team_column_wrapper h1, .igem_2019_team_content .igem_2019_team_column_wrapper h2 {
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 h1, .igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 h2 {
 
border-bottom:0px;  
 
border-bottom:0px;  
 
color: #635d5d;
 
color: #635d5d;
Line 270: Line 263:
 
}
 
}
  
/*titles h3, h3, h5, h6 */
+
/* styling for the titles h3, h3, h5, h6 */
.igem_2019_team_content .igem_2019_team_column_wrapper h3,  
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 h3,  
.igem_2019_team_content .igem_2019_team_column_wrapper h4,  
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 h4,  
.igem_2019_team_content .igem_2019_team_column_wrapper h5,  
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 h5,  
.igem_2019_team_content .igem_2019_team_column_wrapper h6 {  
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 h6 {  
 
border-bottom:0px;  
 
border-bottom:0px;  
color: #635d5d;   
+
color: #928b8b;   
 
font-family: "Arial Black", Gadget, sans-serif;
 
font-family: "Arial Black", Gadget, sans-serif;
 
padding: 5px 0px;
 
padding: 5px 0px;
 
}
 
}
  
/* text p tag*/
+
/* text */
.igem_2019_team_content .igem_2019_team_column_wrapper p {  
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 p {  
 
font-size: 130%;
 
font-size: 130%;
 
font-family: Arial, Helvetica, sans-serif;
 
font-family: Arial, Helvetica, sans-serif;
Line 290: Line 283:
 
}
 
}
  
/* Links a tag*/
+
/* Links */
.igem_2019_team_content .igem_2019_team_column_wrapper a {
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 a {
color: #00a19b;
+
color: #5bc7d8;
 
font-weight: bold;  
 
font-weight: bold;  
 
text-decoration: underline;
 
text-decoration: underline;
text-decoration-color:#00a19b;
+
text-decoration-color:#5bc7d8;
 
transition: all 0.4s ease;
 
transition: all 0.4s ease;
 
-webkit-transition: all 0.4s ease;
 
-webkit-transition: all 0.4s ease;
Line 304: Line 297:
  
 
/* hover for the links */
 
/* hover for the links */
.igem_2019_team_content .igem_2019_team_column_wrapper a:hover {  
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 a:hover {  
color: #085156;
+
color: #f8b732;
 
text-decoration:none;
 
text-decoration:none;
 
}
 
}
  
  
/* Table tag*/
+
/* Table */
.igem_2019_team_content .igem_2019_team_column_wrapper table {  
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 table {  
border: 1px solid #635d5d;  
+
border: 1px solid #928b8b;  
 
border-collapse: collapse;  
 
border-collapse: collapse;  
 
font-size: 130%;
 
font-size: 130%;
Line 319: Line 312:
  
 
/* table cells */
 
/* table cells */
.igem_2019_team_content .igem_2019_team_column_wrapper td {  
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 td {  
border: 1px solid #cecece;  
+
border: 1px solid #c4baba;  
 
border-collapse: collapse;  
 
border-collapse: collapse;  
 
font-size: 105%;
 
font-size: 105%;
Line 328: Line 321:
  
 
/* table headers */
 
/* table headers */
.igem_2019_team_content .igem_2019_team_column_wrapper th {  
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 th {  
background-color:#cecece;  
+
background-color:#c4baba;  
border: 1px solid #635d5d;  
+
border: 1px solid #928b8b;  
 
border-collapse: collapse;  
 
border-collapse: collapse;  
 
font-size: 110%;
 
font-size: 110%;
Line 340: Line 333:
  
 
/* non numbered lists */
 
/* non numbered lists */
.igem_2019_team_content .igem_2019_team_column_wrapper ul, .igem_2019_team_content .igem_2019_team_column_wrapper ol {
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 ul, .igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 ol {
 
font-size: 130%;
 
font-size: 130%;
 
font-family: Arial, Helvetica, sans-serif;
 
font-family: Arial, Helvetica, sans-serif;
Line 347: Line 340:
  
  
/*font sizing within list nesting*/
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 ul ul li, .igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 ul ul ul li,  
.igem_2019_team_content .igem_2019_team_column_wrapper ul ul li, .igem_2019_team_content .igem_2019_team_column_wrapper ul ul ul li,  
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 ul ol li, .igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 ul ul ol li,  
.igem_2019_team_content .igem_2019_team_column_wrapper ul ol li, .igem_2019_team_content .igem_2019_team_column_wrapper ul ul ol li,  
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 ol ol li, .igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 ul ol ul li,  
.igem_2019_team_content .igem_2019_team_column_wrapper ol ol li, .igem_2019_team_content .igem_2019_team_column_wrapper ul ol ul li,  
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 ol ul li, .igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 ul ol ol li,  
.igem_2019_team_content .igem_2019_team_column_wrapper ol ul li, .igem_2019_team_content .igem_2019_team_column_wrapper ul ol ol li,  
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 ol ul ul li, .igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 ol ol ul li,  
.igem_2019_team_content .igem_2019_team_column_wrapper ol ul ul li, .igem_2019_team_content .igem_2019_team_column_wrapper ol ol ul li,  
+
  .igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 ol ol ol li, .igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 ol ul ol li{ font-size: 76%; }
  .igem_2019_team_content .igem_2019_team_column_wrapper ol ol ol li, .igem_2019_team_content .igem_2019_team_column_wrapper ol ul ol li{ font-size: 76%; }
+
  
  
Line 361: Line 353:
  
 
/*main layout class */
 
/*main layout class */
.igem_2019_team_content .igem_2019_team_column_wrapper .column  {  
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 .column  {  
 
float:left;
 
float:left;
 
margin: 1% 2%;
 
margin: 1% 2%;
Line 368: Line 360:
  
 
/* 100% */
 
/* 100% */
.igem_2019_team_content .igem_2019_team_column_wrapper .column.full_size { width:96%; }
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 .column.full_size { width:96%; }
  
 
/* 66% */
 
/* 66% */
.igem_2019_team_content .igem_2019_team_column_wrapper .column.two_thirds_size { width: 62.6%; }
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 .column.two_thirds_size { width: 62.6%; }
  
 
/* 33% */
 
/* 33% */
.igem_2019_team_content .igem_2019_team_column_wrapper .column.third_size { width: 29.3%; }
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 .column.third_size { width: 29.3%; }
  
  
  
  
/*all images*/
+
/*styling for all images*/
.igem_2019_team_content .igem_2019_team_column_wrapper .column.full_size img,  
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 .column.full_size img,  
.igem_2019_team_content .igem_2019_team_column_wrapper .column.two_thirds_size img,
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 .column.two_thirds_size img,
.igem_2019_team_content .igem_2019_team_column_wrapper .column.third_size img {
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 .column.third_size img {
 
margin-bottom: 15px;
 
margin-bottom: 15px;
 
width: 100%;  
 
width: 100%;  
Line 389: Line 381:
  
 
/* page break */
 
/* page break */
.igem_2019_team_content .igem_2019_team_column_wrapper .clear {
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 .clear {
 
clear:both;
 
clear:both;
 
}
 
}
 
/*add extra space to page break with clear class*/
 
/*add extra space to page break with clear class*/
.igem_2019_team_content .igem_2019_team_column_wrapper .clear.extra_space {
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 .clear.extra_space {
 
height: 30px;
 
height: 30px;
 
}
 
}
  
 
/* horizontal line to divide the page*/
 
/* horizontal line to divide the page*/
.igem_2019_team_content .igem_2019_team_column_wrapper .line_divider {
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 .line_divider {
     border-top: 1px solid #cecece;
+
     border-top: 1px solid #c4baba;
 
  margin: auto;
 
  margin: auto;
 
   width: 98%;
 
   width: 98%;
Line 413: Line 405:
 
/*Button  */
 
/*Button  */
 
/************************************************/
 
/************************************************/
.igem_2019_team_content .igem_2019_team_column_wrapper .button_link {
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 .button_link {
 
font-size: 130%;
 
font-size: 130%;
 
margin: 30px auto;
 
margin: 30px auto;
Line 419: Line 411:
 
}
 
}
  
.igem_2019_team_content .igem_2019_team_column_wrapper .button_link a  {
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 .button_link a  {
background-color: #00a19bad !important;
+
background-color: #5bc7d8;
color: #000 !important;
+
color: #635d5d !important;
 
font-weight: bold;
 
font-weight: bold;
 
margin: auto;
 
margin: auto;
 
text-decoration: none !important;
 
text-decoration: none !important;
padding: 10px 15px !important;
+
padding: 10px 15px;
 
}
 
}
  
.igem_2019_team_content .igem_2019_team_column_wrapper .button_link a:hover {
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 .button_link a:hover {
background-color: #ffb819 !important;   
+
background-color: #f8b732 !important;   
 
}
 
}
  
 
  
/*highlight */
+
 
/************************************************/
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 .highlight {  
.igem_2019_team_content .igem_2019_team_column_wrapper .highlight {  
+
 
padding: 15px 20px;
 
padding: 15px 20px;
 
}
 
}
  
 
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 .highlight p,  
.igem_2019_team_content .igem_2019_team_column_wrapper .highlight p,  
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 .highlight h1,  
.igem_2019_team_content .igem_2019_team_column_wrapper .highlight h1,  
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 .highlight h2,
.igem_2019_team_content .igem_2019_team_column_wrapper .highlight h2,
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 .highlight h3,
.igem_2019_team_content .igem_2019_team_column_wrapper .highlight h3,
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 .highlight h4,
.igem_2019_team_content .igem_2019_team_column_wrapper .highlight h4,
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 .highlight h5,
.igem_2019_team_content .igem_2019_team_column_wrapper .highlight h5,
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 .highlight h6 {
.igem_2019_team_content .igem_2019_team_column_wrapper .highlight h6 {
+
 
padding: 5px 15px;
 
padding: 5px 15px;
 
}
 
}
  
.igem_2019_team_content .igem_2019_team_column_wrapper .highlight.decoration_background {
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 .highlight.decoration_background {
background-color: #ececec;  
+
background-color: #e4dede;  
 
}
 
}
  
.igem_2019_team_content .igem_2019_team_column_wrapper .highlight.decoration_A_top {
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 .highlight.decoration_A_top {
     border-top: 4px solid #00a19bad;
+
     border-top: 4px solid #5bc7d8;
 
}
 
}
  
  
.igem_2019_team_content .igem_2019_team_column_wrapper .highlight.decoration_A_full {
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 .highlight.decoration_A_full {
     border: 4px solid #00a19bad;
+
     border: 4px solid #5bc7d8;
 
}
 
}
  
.igem_2019_team_content .igem_2019_team_column_wrapper .highlight.decoration_B_top {
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 .highlight.decoration_B_top {
     border-top: 4px solid #ffb819
+
     border-top: 4px solid #f8b732
 
}
 
}
  
  
.igem_2019_team_content .igem_2019_team_column_wrapper .highlight.decoration_B_full {
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 .highlight.decoration_B_full {
     border: 4px solid #ffb819;
+
     border: 4px solid #f8b732;
 
}
 
}
 
 
  
  
Line 483: Line 470:
 
/************************************************/
 
/************************************************/
 
@media only screen and (max-width: 1800px) {
 
@media only screen and (max-width: 1800px) {
.igem_2019_team_content { width: 85%;}
+
.igem_2018_team_content_notgoodcharlie { width: 85%;}
.igem_2019_team_menu {display:block;}
+
.igem_2018_team_menu {display:block;}
 
}
 
}
  
Line 490: Line 477:
 
/************************************************/
 
/************************************************/
 
@media only screen and (max-width: 1400px) {
 
@media only screen and (max-width: 1400px) {
.igem_2019_team_menu .menu_item { font-size:100%;}
+
.igem_2018_team_menu .menu_item { font-size:100%;}
.igem_2019_team_menu .submenu .submenu_item { font-size:90%;}
+
.igem_2018_team_menu .submenu .submenu_item { font-size:90%;}
.igem_2019_team_menu {display:block;}
+
.igem_2018_team_menu {display:block;}
 
}
 
}
  
 +
@media only screen and (max-width: 1001px) {
 +
.igem_2018_team_menu {display:block;}
 +
}
  
/* 1100px */
+
/* 1000px */
 
/************************************************/
 
/************************************************/
@media only screen and (max-width: 1100px) {
+
@media only screen and (max-width: 1000px) {
.igem_2019_team_content {width:100%; margin-left:0px;}
+
.igem_2018_team_content_notgoodcharlie {width:100%; margin-left:0px;}
+
.igem_2018_team_menu {display:none; margin-top: 45px; min-width:50%; width:50%;}
.igem_2019_team_menu {display:none;float:right;margin-top:47px;max-width:100%;position:fixed;width:25%;}
+
.igem_2018_team_mobile_bar {display:block;}
+
.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 .column.full_size, .igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 .column.two_thirds_size,.igem_2018_team_content_notgoodcharlie .igem_2018_team_column_wrapper_notgoodcharlie2 .column.third_size {width:96%; }
.igem_2019_team_mobile_bar {display:block;}
+
+
.igem_2019_team_content .igem_2019_team_column_wrapper .column.full_size, .igem_2019_team_content .igem_2019_team_column_wrapper .column.two_thirds_size,.igem_2019_team_content .igem_2019_team_column_wrapper .column.third_size {width:96%; }
+
  
 
}
 
}
  
/* 850px  */
 
/************************************************/
 
@media only screen and (max-width: 850px) {
 
.igem_2019_team_menu {width:40%;}
 
}
 
  
/*500px  */
 
/************************************************/
 
 
@media only screen and (max-width: 500px) {
 
@media only screen and (max-width: 500px) {
.igem_2019_team_menu {min-width:100%;width:100%;}
+
.igem_2018_team_menu {min-width:100%; width:100%; }
 
}
 
}
  
  
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
 
 
 
  
  
Line 550: Line 527:
  
  
 
<div class="igem_2019_team_mobile_bar">
 
 
<div class="igem_logo_mobile">
 
<img src="https://static.igem.org/mediawiki/2019/3/3c/Igem_mobile_menu_logo.svg">
 
</div>
 
 
 
<div class="igem_menu_control_mobile">
 
<img id="menu_control_image" src="https://static.igem.org/mediawiki/2019/e/ee/2019_team_menu_icon.svg">
 
</div>
 
 
</div>
 
 
 
 
 
<div class="igem_2019_team_menu">
 
 
 
<a href="https://2019.igem.org/Team:SMMU-China">
 
<img src="https://placehold.it/350x150/ececec/cecece">
 
</a>
 
 
 
 
<a href="https://2019.igem.org/Team:SMMU-China">
 
<div class="menu_item direct_link">
 
HOME
 
</div>
 
</a>
 
 
<!-- Team -->
 
<div class="menu_item">
 
<div class="submenu_control_icon"> </div>
 
TEAM
 
</div>
 
<div class="submenu">
 
 
<a href="https://2019.igem.org/Team:SMMU-China/Team">
 
<div class="submenu_item">
 
Team Members
 
</div>
 
</a>
 
 
<a href="https://2019.igem.org/Team:SMMU-China/Collaborations">
 
<div class="submenu_item">
 
Collaborations
 
</div>
 
</a>
 
</div>
 
 
 
<!-- Project -->
 
<div class="menu_item">
 
<div class="submenu_control_icon"> </div>
 
PROJECT
 
</div>
 
<div class="submenu">
 
 
<a href="https://2019.igem.org/Team:SMMU-China/Description">
 
<div class="submenu_item">
 
Description
 
</div>
 
</a>
 
 
<a href="https://2019.igem.org/Team:SMMU-China/Design">
 
<div class="submenu_item">
 
Design
 
</div>
 
</a>
 
 
<a href="https://2019.igem.org/Team:SMMU-China/Experiments">
 
<div class="submenu_item">
 
Experiments
 
</div>
 
</a>
 
 
 
<a href="https://2019.igem.org/Team:SMMU-China/Notebook">
 
<div class="submenu_item">
 
Notebook
 
</div>
 
</a>
 
 
<a href="https://2019.igem.org/Team:SMMU-China/Contribution">
 
<div class="submenu_item">
 
Contribution
 
</div>
 
</a>
 
 
<a href="https://2019.igem.org/Team:SMMU-China/Results">
 
<div class="submenu_item">
 
Results
 
</div>
 
</a>
 
 
 
<a href="https://2019.igem.org/Team:SMMU-China/Demonstrate">
 
<div class="submenu_item">
 
Demonstrate
 
</div>
 
</a>
 
 
<a href="https://2019.igem.org/Team:SMMU-China/Improve">
 
<div class="submenu_item">
 
Improve
 
</div>
 
</a>
 
 
<a href="https://2019.igem.org/Team:SMMU-China/Attributions">
 
<div class="submenu_item">
 
Attributions
 
</div>
 
</a>
 
 
</div>
 
 
 
<div class="menu_item">
 
<div class="submenu_control_icon"> </div>
 
PARTS
 
</div>
 
<div class="submenu">
 
 
<a href="https://2019.igem.org/Team:SMMU-China/Parts">
 
<div class="submenu_item">
 
Parts Overview
 
</div>
 
</a>
 
 
<a href="https://2019.igem.org/Team:SMMU-China/Basic_Part">
 
<div class="submenu_item">
 
Basic Parts
 
</div>
 
</a>
 
 
<a href="https://2019.igem.org/Team:SMMU-China/Composite_Part">
 
<div class="submenu_item">
 
Composite Parts
 
</div>
 
</a>
 
 
<a href="https://2019.igem.org/Team:SMMU-China/Part_Collection">
 
<div class="submenu_item">
 
Part Collection
 
</div>
 
</a>
 
</div>
 
 
 
 
 
 
 
<a href="https://2019.igem.org/Team:SMMU-China/Safety">
 
<div class="menu_item direct_link">
 
SAFETY
 
</div>
 
</a>
 
 
 
 
 
 
 
<div class="menu_item">
 
<div class="submenu_control_icon"> </div>
 
HUMAN PRACTICES
 
</div>
 
 
<div class="submenu">
 
 
<a href="https://2019.igem.org/Team:SMMU-China/Human_Practices">
 
<div class="submenu_item">
 
Human Practices
 
</div>
 
</a>
 
 
 
<a href="https://2019.igem.org/Team:SMMU-China/Public_Engagement">
 
<div class="submenu_item">
 
Education & Engagement
 
</div>
 
</a>
 
 
</div>
 
 
 
 
 
 
<div class="menu_item">
 
<div class="submenu_control_icon"> </div>
 
AWARDS
 
</div>
 
 
<div class="submenu">
 
 
<a href="https://2019.igem.org/Team:SMMU-China/Entrepreneurship">
 
<div class="submenu_item">
 
Entrepreneurship
 
</div>
 
</a>
 
 
<a href="https://2019.igem.org/Team:SMMU-China/Hardware">
 
<div class="submenu_item">
 
Hardware
 
</div>
 
</a>
 
 
<a href="https://2019.igem.org/Team:SMMU-China/Measurement">
 
<div class="submenu_item">
 
Measurement
 
</div>
 
</a>
 
 
<a href="https://2019.igem.org/Team:SMMU-China/Model">
 
<div class="submenu_item">
 
Model
 
</div>
 
</a>
 
 
<a href="https://2019.igem.org/Team:SMMU-China/Plant">
 
<div class="submenu_item">
 
Plant
 
</div>
 
</a>
 
 
 
<a href="https://2019.igem.org/Team:SMMU-China/Software">
 
<div class="submenu_item">
 
Software
 
</div>
 
</a>
 
 
</div>
 
 
 
 
<a href="https://igem.org/2019_Judging_Form?team=SMMU-China">
 
<div class="menu_item direct_link">
 
JUDGING FORM ⇗
 
</div>
 
</a>
 
 
 
 
<div class="menu_padding"></div>
 
 
 
 
 
 
</div>
 
  
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
Line 811: Line 533:
  
  
<div class="igem_2019_team_content">
+
<div class="igem_2018_team_content is-preload">
<div class="igem_2019_team_column_wrapper">
+
<div class="igem_2018_team_column_wrapper">
<div class="clear extra_space"></div>
+
<div class="clear extra_space"></div>
+

Revision as of 04:43, 28 June 2019