Difference between revisions of "Template:UAlberta"

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");
−
+
 
 
}
 
}
 
}
 
}
 +
 +
 +
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 +
</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;}
 +
  
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
Line 46: Line 70:
  
 
/*this wraps the whole of the menu*/
 
/*this wraps the whole of the menu*/
−
.igem_2018_team_menu {  
+
.igem_2018_team_menu {
−
background-color:#c4baba;  
+
background-color:#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 107: Line 131:
 
/* 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 120: Line 144:
 
clear:both;
 
clear:both;
 
display:none;
 
display:none;
−
float: left;
+
float: left;
 
width:100%;
 
width:100%;
 
}
 
}
Line 142: Line 166:
  
 
.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:#7acbd8;
 
background-color:#7acbd8;
 
}
 
}
Line 154: Line 178:
  
 
.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 170: Line 194:
  
 
.igem_logo_mobile {
 
.igem_logo_mobile {
−
float:left;  
+
float:left;
 
padding-left: 5%;
 
padding-left: 5%;
−
width: 30%;  
+
width: 30%;
 
}
 
}
  
Line 180: Line 204:
  
 
.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%;
 
}
 
}
  
−
 
−
 
−
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
−
</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;}
 
  
  
Line 218: Line 219:
 
/* 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 245: Line 246:
 
/* 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 252: Line 253:
  
 
/* 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 263: Line 264:
  
 
/* 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 274: Line 275:
 
.igem_2018_team_content .igem_2018_team_column_wrapper a {
 
.igem_2018_team_content .igem_2018_team_column_wrapper a {
 
color: #5bc7d8;
 
color: #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 292: Line 293:
  
 
/* 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 328: Line 329:
  
  
−
.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 341: Line 342:
  
 
/*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 360: Line 361:
  
 
/*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 386: Line 387:
  
  
−
+
 
 
/*support classes*/
 
/*support classes*/
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
Line 409: Line 410:
  
 
.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 429: Line 430:
  
 
.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 461: Line 462:
 
@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 505: Line 506:
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
−
<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 522: Line 523:
  
 
<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 549: Line 550:
 
<div class="menu_item direct_link">
 
<div class="menu_item direct_link">
 
HOME
 
HOME
−
</div>  
+
</div>
 
</a>
 
</a>
  
Line 556: Line 557:
 
<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:UAlberta/Team">
 
<a href="https://2018.igem.org/Team:UAlberta/Team">
 
<div class="submenu_item">
 
<div class="submenu_item">
Line 577: Line 578:
 
<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:UAlberta/Description">
 
<a href="https://2018.igem.org/Team:UAlberta/Description">
 
<div class="submenu_item">
 
<div class="submenu_item">
Line 639: Line 640:
 
<a href="https://2018.igem.org/Team:UAlberta/Attributions">
 
<a href="https://2018.igem.org/Team:UAlberta/Attributions">
 
<div class="submenu_item">
 
<div class="submenu_item">
−
Attributions  
+
Attributions
 
</div>
 
</div>
 
</a>
 
</a>
Line 651: Line 652:
 
</div>
 
</div>
 
<div class="submenu">
 
<div class="submenu">
−
+
 
 
<a href="https://2018.igem.org/Team:UAlberta/Parts">
 
<a href="https://2018.igem.org/Team:UAlberta/Parts">
 
<div class="submenu_item">
 
<div class="submenu_item">
 
Parts Overview
 
Parts Overview
−
</div>
+
</div>
 
</a>
 
</a>
  
Line 675: Line 676:
 
</div>
 
</div>
 
</a>
 
</a>
−
</div>  
+
</div>
 +
 
 +
 
 +
 
 +
 
  
−
 
−
 
−
 
−
 
  
 
<a href="https://2018.igem.org/Team:UAlberta/Safety">
 
<a href="https://2018.igem.org/Team:UAlberta/Safety">
 
<div class="menu_item direct_link">
 
<div class="menu_item direct_link">
 
SAFETY
 
SAFETY
−
</div>  
+
</div>
 
</a>
 
</a>
  
Line 694: Line 695:
  
 
<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 720: Line 721:
  
 
<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 769: Line 770:
 
</a>
 
</a>
  
−
</div>  
+
</div>
  
  
Line 775: Line 776:
 
<a href="https://igem.org/2018_Judging_Form?team=UAlberta">
 
<a href="https://igem.org/2018_Judging_Form?team=UAlberta">
 
<div class="menu_item direct_link">
 
<div class="menu_item direct_link">
−
JUDGING FORM ⇗  
+
JUDGING FORM ⇗
−
</div>  
+
</div>
 
</a>
 
</a>
  
Line 793: Line 794:
 
<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 22:15, 20 June 2018

HOME
TEAM
Team Members
Collaborations
PROJECT
Description
Design
Experiments
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 ⇗