Difference between revisions of "Template:Melbourne"

Line 6: Line 6:
  
 
$("#HQ_page").attr('id','');
 
$("#HQ_page").attr('id','');
−
+
 
  
 
//highlight current page on the menu
 
//highlight current page on the menu
 
highlight_current_page_menu();
 
highlight_current_page_menu();
−
+
 
 
//accessing submenus
 
//accessing submenus
 
$(".menu_item").click(function(){
 
$(".menu_item").click(function(){
Line 16: Line 16:
 
$(this).next(".submenu").fadeToggle(400);
 
$(this).next(".submenu").fadeToggle(400);
 
});
 
});
−
+
 
−
//mobile menu access  
+
//mobile menu access
 
$(".igem_2018_team_mobile_bar").click(function(){
 
$(".igem_2018_team_mobile_bar").click(function(){
 
$(this).next().toggleClass("displaying_menu");
 
$(this).next().toggleClass("displaying_menu");
 
});
 
});
−
+
 
 
});
 
});
  
  
 
function highlight_current_page_menu() {
 
function highlight_current_page_menu() {
−
+
 
 
var page_url="https://2018.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");
−
+
 
 
//if the page is in a submenu, open the submenu and make the appropiate changes
 
//if the page is in a submenu, open the submenu and make the appropiate changes
 
if( $( ".current_page" ).hasClass( "submenu_item" )){
 
if( $( ".current_page" ).hasClass( "submenu_item" )){
−
+
 
 
$(".current_page").parent().parent().fadeToggle(400);
 
$(".current_page").parent().parent().fadeToggle(400);
 
$(".current_page").parent().parent().prev().addClass("current_page");
 
$(".current_page").parent().parent().prev().addClass("current_page");
 
$(".menu_item.current_page > .submenu_control_icon").toggleClass("open");
 
$(".menu_item.current_page > .submenu_control_icon").toggleClass("open");
−
+
 
 
}
 
}
 
}
 
}
Line 71: Line 71:
  
 
/*this wraps the whole of the menu*/
 
/*this wraps the whole of the menu*/
−
.igem_2018_team_menu {  
+
.igem_2018_team_menu {
−
background-color: #acc7dc; /*#c4baba;*/  
+
background-color: #acc7dc; /*#c4baba;*/
 
border-left: 1px solid #c4baba;
 
border-left: 1px solid #c4baba;
 
display:block;
 
display:block;
−
float:right;  
+
float:right;
−
height:100vh;  
+
height:100vh;
 
max-width: 270px;
 
max-width: 270px;
 
overflow-y: auto;
 
overflow-y: auto;
 
overflow-x: hidden;
 
overflow-x: hidden;
 
padding:0px;
 
padding:0px;
−
position:fixed;  
+
position:fixed;
 
right:0%;
 
right:0%;
 
text-align:left;
 
text-align:left;
−
width: 15%;  
+
width: 15%;
 
}
 
}
  
  
 
.igem_2018_team_menu.displaying_menu{
 
.igem_2018_team_menu.displaying_menu{
−
display:block;
+
display:block;
 
}
 
}
  
Line 120: Line 120:
 
}
 
}
 
.igem_2018_team_menu .menu_item:hover {
 
.igem_2018_team_menu .menu_item:hover {
−
background-color: #ecb656;
+
background-color: #E4E4E4;
 
}
 
}
  
Line 132: Line 132:
 
/* submenu icon "+"  "-"*/
 
/* submenu icon "+"  "-"*/
 
.igem_2018_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_2018_team_menu .menu_item .submenu_control_icon.open::before {
 
.igem_2018_team_menu .menu_item .submenu_control_icon.open::before {
−
content: "-";  
+
content: "-";
 
}
 
}
  
Line 145: Line 145:
 
clear:both;
 
clear:both;
 
display:none;
 
display:none;
−
float: left;
+
float: left;
 
width:100%;
 
width:100%;
 
}
 
}
Line 167: Line 167:
  
 
.igem_2018_team_menu .submenu .submenu_item.current_page,
 
.igem_2018_team_menu .submenu .submenu_item.current_page,
−
.igem_2018_team_menu .menu_item.current_page,  
+
.igem_2018_team_menu .menu_item.current_page,
−
.igem_2018_team_menu .menu_item.direct_link.current_page {
+
.igem_2018_team_menu .menu_item.direct_link.current_page {
−
background-color:grey;
+
background-color:#635C5D;
 
}
 
}
  
Line 179: Line 179:
  
 
.igem_2018_team_mobile_bar {
 
.igem_2018_team_mobile_bar {
−
background-color:#e4dede;  
+
background-color:#e4dede;
 
border-bottom: 1px solid #c4baba;
 
border-bottom: 1px solid #c4baba;
 
cursor:pointer;
 
cursor:pointer;
−
display:none;  
+
display:none;
 
float:left;
 
float:left;
 
margin-top: 0;
 
margin-top: 0;
 
padding: 5px 0;
 
padding: 5px 0;
 
position:fixed;
 
position:fixed;
−
width:100%;  
+
width:100%;
 
}
 
}
  
Line 195: Line 195:
  
 
.igem_logo_mobile {
 
.igem_logo_mobile {
−
float:left;  
+
float:left;
 
padding-left: 5%;
 
padding-left: 5%;
−
width: 30%;  
+
width: 30%;
 
}
 
}
  
Line 205: Line 205:
  
 
.igem_menu_control_mobile {
 
.igem_menu_control_mobile {
−
float:right;  
+
float:right;
−
padding-right:5%;  
+
padding-right:5%;
 
padding-top:5px;
 
padding-top:5px;
−
text-align:right;  
+
text-align:right;
−
width: 30%;  
+
width: 30%;
 
}
 
}
  
Line 220: Line 220:
 
/* general wrapper for the content */
 
/* general wrapper for the content */
 
.igem_2018_team_content {
 
.igem_2018_team_content {
−
background-color:white;  
+
background-color:white;
 
display:block;
 
display:block;
 
width: 87%;
 
width: 87%;
Line 247: Line 247:
 
/* styling for the titles h1, h2*/
 
/* styling for the titles h1, h2*/
 
.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 h1, .igem_2018_team_content .igem_2018_team_column_wrapper h2 {
−
border-bottom:0px;  
+
border-bottom:0px;
 
color: #635d5d;
 
color: #635d5d;
 
font-family: "Arial Black", Gadget, sans-serif;
 
font-family: "Arial Black", Gadget, sans-serif;
Line 254: Line 254:
  
 
/* styling for the titles h3, h3, h5, h6 */
 
/* styling for the titles h3, h3, h5, h6 */
−
.igem_2018_team_content .igem_2018_team_column_wrapper h3,  
+
.igem_2018_team_content .igem_2018_team_column_wrapper h3,
−
.igem_2018_team_content .igem_2018_team_column_wrapper h4,  
+
.igem_2018_team_content .igem_2018_team_column_wrapper h4,
−
.igem_2018_team_content .igem_2018_team_column_wrapper h5,  
+
.igem_2018_team_content .igem_2018_team_column_wrapper h5,
−
.igem_2018_team_content .igem_2018_team_column_wrapper h6 {  
+
.igem_2018_team_content .igem_2018_team_column_wrapper h6 {
−
border-bottom:0px;  
+
border-bottom:0px;
−
color: #928b8b;
+
color: #928b8b;
 
font-family: "Arial Black", Gadget, sans-serif;
 
font-family: "Arial Black", Gadget, sans-serif;
 
padding: 5px 0px;
 
padding: 5px 0px;
Line 265: Line 265:
  
 
/* text */
 
/* text */
−
.igem_2018_team_content .igem_2018_team_column_wrapper p {  
+
.igem_2018_team_content .igem_2018_team_column_wrapper p {
 
font-size: 130%;
 
font-size: 130%;
 
font-family: Arial, Helvetica, sans-serif;
 
font-family: Arial, Helvetica, sans-serif;
Line 276: Line 276:
 
.igem_2018_team_content .igem_2018_team_column_wrapper a {
 
.igem_2018_team_content .igem_2018_team_column_wrapper a {
 
color: #d6dde3; /*#5bc7d8;*/
 
color: #d6dde3; /*#5bc7d8;*/
−
font-weight: bold;  
+
font-weight: bold;
 
text-decoration: underline;
 
text-decoration: underline;
 
text-decoration-color:#5bc7d8;
 
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;
−
-moz-transition: all 0.4s ease;  
+
-moz-transition: all 0.4s ease;
−
-ms-transition: all 0.4s ease;  
+
-ms-transition: all 0.4s ease;
−
-o-transition: all 0.4s ease;  
+
-o-transition: all 0.4s ease;
 
}
 
}
  
 
/* hover for the links */
 
/* hover for the links */
−
.igem_2018_team_content .igem_2018_team_column_wrapper a:hover {  
+
.igem_2018_team_content .igem_2018_team_column_wrapper a:hover {
 
color: #f8b732;
 
color: #f8b732;
 
text-decoration:none;
 
text-decoration:none;
Line 294: Line 294:
  
 
/* Table */
 
/* Table */
−
.igem_2018_team_content .igem_2018_team_column_wrapper table {  
+
.igem_2018_team_content .igem_2018_team_column_wrapper table {
−
border: 1px solid #928b8b;  
+
border: 1px solid #928b8b;
−
border-collapse: collapse;  
+
border-collapse: collapse;
 
font-size: 130%;
 
font-size: 130%;
−
width: 100%;  
+
width: 100%;
 
}
 
}
  
 
/* table cells */
 
/* table cells */
−
.igem_2018_team_content .igem_2018_team_column_wrapper td {  
+
.igem_2018_team_content .igem_2018_team_column_wrapper td {
−
border: 1px solid #c4baba;  
+
border: 1px solid #c4baba;
−
border-collapse: collapse;  
+
border-collapse: collapse;
 
font-size: 105%;
 
font-size: 105%;
 
padding: 10px;
 
padding: 10px;
−
vertical-align: text-top;  
+
vertical-align: text-top;
 
}
 
}
  
 
/* table headers */
 
/* table headers */
−
.igem_2018_team_content .igem_2018_team_column_wrapper th {  
+
.igem_2018_team_content .igem_2018_team_column_wrapper th {
−
background-color:#c4baba;  
+
background-color:#c4baba;
−
border: 1px solid #928b8b;  
+
border: 1px solid #928b8b;
−
border-collapse: collapse;  
+
border-collapse: collapse;
 
font-size: 110%;
 
font-size: 110%;
−
padding: 10px;  
+
padding: 10px;
−
vertical-align: text-top;  
+
vertical-align: text-top;
 
}
 
}
  
Line 330: Line 330:
  
  
−
.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,
−
.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 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 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 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{ font-size: 76%; }
  
Line 343: Line 343:
  
 
/*main layout class */
 
/*main layout class */
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column  {  
+
.igem_2018_team_content .igem_2018_team_column_wrapper .column  {
 
float:left;
 
float:left;
 
margin: 1% 2%;
 
margin: 1% 2%;
Line 362: Line 362:
  
 
/*styling for all images*/
 
/*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.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.two_thirds_size img,
 
.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size img {
 
.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size img {
 
margin-bottom: 15px;
 
margin-bottom: 15px;
−
width: 100%;  
+
width: 100%;
 
}
 
}
  
Line 388: Line 388:
  
  
−
+
 
 
/*support classes*/
 
/*support classes*/
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
Line 411: Line 411:
  
 
.igem_2018_team_content .igem_2018_team_column_wrapper .button_link a:hover {
 
.igem_2018_team_content .igem_2018_team_column_wrapper .button_link a:hover {
−
background-color: #f8b732 !important;  
+
background-color: #f8b732 !important;
 
}
 
}
  
  
  
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight {  
+
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight {
 
padding: 15px 20px;
 
padding: 15px 20px;
 
}
 
}
  
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight p,  
+
.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 h1,
 
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h2,
 
.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 h3,
Line 431: Line 431:
  
 
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_background {
 
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_background {
−
background-color: #e4dede;  
+
background-color: #e4dede;
 
}
 
}
  
Line 463: Line 463:
 
@media only screen and (max-width: 1800px) {
 
@media only screen and (max-width: 1800px) {
 
.igem_2018_team_content { width: 85%;}
 
.igem_2018_team_content { width: 85%;}
−
.igem_2018_team_menu {display:block;}
+
.igem_2018_team_menu {display:block;}
 
}
 
}
  
Line 507: Line 507:
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
−
<head>  
+
<head>
  
 
<!-- This tells the browser that your page is responsive -->
 
<!-- This tells the browser that your page is responsive -->
−
<meta name="viewport" content="width=device-width, initial-scale=1">  
+
<meta name="viewport" content="width=device-width, initial-scale=1">
  
 
</head>
 
</head>
Line 524: Line 524:
  
 
<div class="igem_2018_team_mobile_bar">
 
<div class="igem_2018_team_mobile_bar">
−
+
 
 
<div class="igem_logo_mobile">
 
<div class="igem_logo_mobile">
 
<img src="https://static.igem.org/mediawiki/2018/4/4f/2018_igem_mobile_menu_logo.svg">
 
<img src="https://static.igem.org/mediawiki/2018/4/4f/2018_igem_mobile_menu_logo.svg">
Line 551: Line 551:
 
<div class="menu_item direct_link">
 
<div class="menu_item direct_link">
 
HOME
 
HOME
−
</div>  
+
</div>
 
</a>
 
</a>
  
Line 558: Line 558:
 
<div class="submenu_control_icon"> </div>
 
<div class="submenu_control_icon"> </div>
 
TEAM
 
TEAM
−
</div>  
+
</div>
 
<div class="submenu">
 
<div class="submenu">
−
+
 
 
<a href="https://2018.igem.org/Team:Melbourne/Team">
 
<a href="https://2018.igem.org/Team:Melbourne/Team">
 
<div class="submenu_item">
 
<div class="submenu_item">
Line 579: Line 579:
 
<div class="submenu_control_icon"> </div>
 
<div class="submenu_control_icon"> </div>
 
PROJECT
 
PROJECT
−
</div>  
+
</div>
 
<div class="submenu">
 
<div class="submenu">
−
+
 
 
<a href="https://2018.igem.org/Team:Melbourne/Description">
 
<a href="https://2018.igem.org/Team:Melbourne/Description">
 
<div class="submenu_item">
 
<div class="submenu_item">
Line 646: Line 646:
 
<a href="https://2018.igem.org/Team:Melbourne/Attributions">
 
<a href="https://2018.igem.org/Team:Melbourne/Attributions">
 
<div class="submenu_item">
 
<div class="submenu_item">
−
Attributions  
+
Attributions
 
</div>
 
</div>
 
</a>
 
</a>
Line 658: Line 658:
 
</div>
 
</div>
 
<div class="submenu">
 
<div class="submenu">
−
+
 
 
<a href="https://2018.igem.org/Team:Melbourne/Parts">
 
<a href="https://2018.igem.org/Team:Melbourne/Parts">
 
<div class="submenu_item">
 
<div class="submenu_item">
 
Parts Overview
 
Parts Overview
−
</div>
+
</div>
 
</a>
 
</a>
  
Line 682: Line 682:
 
</div>
 
</div>
 
</a>
 
</a>
−
</div>  
+
</div>
 +
 
 +
 
 +
 
 +
 
  
−
 
−
 
−
 
−
 
  
 
<a href="https://2018.igem.org/Team:Melbourne/Safety">
 
<a href="https://2018.igem.org/Team:Melbourne/Safety">
 
<div class="menu_item direct_link">
 
<div class="menu_item direct_link">
 
SAFETY
 
SAFETY
−
</div>  
+
</div>
 
</a>
 
</a>
  
Line 701: Line 701:
  
 
<div class="menu_item">
 
<div class="menu_item">
−
<div class="submenu_control_icon"> </div>  
+
<div class="submenu_control_icon"> </div>
−
HUMAN PRACTICES  
+
HUMAN PRACTICES
−
</div>  
+
</div>
  
 
<div class="submenu">
 
<div class="submenu">
Line 727: Line 727:
  
 
<div class="menu_item">
 
<div class="menu_item">
−
<div class="submenu_control_icon"> </div>  
+
<div class="submenu_control_icon"> </div>
 
AWARDS
 
AWARDS
−
</div>  
+
</div>
  
 
<div class="submenu">
 
<div class="submenu">
Line 776: Line 776:
 
</a>
 
</a>
  
−
</div>  
+
</div>
  
  
Line 782: Line 782:
 
<a href="https://igem.org/2018_Judging_Form?team=Melbourne">
 
<a href="https://igem.org/2018_Judging_Form?team=Melbourne">
 
<div class="menu_item direct_link">
 
<div class="menu_item direct_link">
−
JUDGING FORM ⇗  
+
JUDGING FORM ⇗
−
</div>  
+
</div>
 
</a>
 
</a>
  
Line 801: Line 801:
 
<div class="igem_2018_team_content">
 
<div class="igem_2018_team_content">
 
<div class="igem_2018_team_column_wrapper">
 
<div class="igem_2018_team_column_wrapper">
−
<div class="clear extra_space"></div>
+
<div class="clear extra_space"></div>
 
<div class="clear extra_space"></div>
 
<div class="clear extra_space"></div>

Revision as of 06:29, 5 October 2018

HOME
TEAM
Team Members
Collaborations
PROJECT
Description
Design
Experiments
Sub-Experiment1
Notebook
InterLab
Model
Results
Demonstrate
Improve
Attributions
PARTS
Parts Overview
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Human Practices
Education & Engagement
AWARDS
Applied Design
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM ⇗