Difference between revisions of "Template:Groningen"

 
(22 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
<body>
+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 +
<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");
 +
 +
}
 +
}
 +
 
 +
 
 +
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
  document.addEventListener('DOMContentLoaded', function() {
 +
    var elems = document.querySelectorAll('.modal');
 +
    var instances = M.Modal.init(elems, options);
 +
  });
 +
 
 +
  // Or with jQuery
 +
 
 +
  $(document).ready(function(){
 +
    $('.modal').modal();
 +
  });
 +
 
 +
</script>
  
 
<style>
 
<style>
−
/******************************************************************************************************************
+
/**************************************************************************************************************************************************************************************************/
  
 
@import url("https://fonts.googleapis.com/css?family=Noto+Sans|Noto+Serif")
 
@import url("https://fonts.googleapis.com/css?family=Noto+Sans|Noto+Serif")
  
−
/*******************************************************************************************************************
+
 
 +
/**************************************************************************************************************************************************************************************************/
 +
/* 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; margin: 0px}
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
 
 +
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2%; width: 92%;}
 +
 
 +
/**************************************************************************************************************************************************************************************************/
 
/* CONTENT OF THE PAGE */
 
/* CONTENT OF THE PAGE */
−
/*******************************************************************************************************************
+
/**************************************************************************************************************************************************************************************************/
  
 
/* general wrapper for the content */
 
/* general wrapper for the content */
Line 24: Line 98:
 
width:65%;
 
width:65%;
 
}
 
}
−
 
  
  
Line 59: Line 132:
 
/* 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-family: Raleway, "Noto Sans", Helvetica, "Arial Black", Gadget, sans-serif;
 
font-family: Raleway, "Noto Sans", Helvetica, "Arial Black", Gadget, sans-serif;
 
padding: 5px 0px;
 
padding: 5px 0px;
Line 90: Line 162:
 
border: 1px solid #928b8b;  
 
border: 1px solid #928b8b;  
 
border-collapse: collapse;  
 
border-collapse: collapse;  
−
font-size: 130%;
 
 
width: 100%;  
 
width: 100%;  
 
}
 
}
Line 98: Line 169:
 
border: 1px solid #c4baba;  
 
border: 1px solid #c4baba;  
 
border-collapse: collapse;  
 
border-collapse: collapse;  
−
font-size: 130%;
+
font-size: 100%;
 
padding: 10px;
 
padding: 10px;
 
vertical-align: text-top;  
 
vertical-align: text-top;  
Line 104: Line 175:
  
 
/* table headers */
 
/* table headers */
−
.igem_2018_team_content .igem_2018_team_column_wrapper th {  
+
.igem_2018_team_content .igem_2018_team_column_wrapper th p {  
 
background-color:#c4baba;  
 
background-color:#c4baba;  
 
border: 1px solid #928b8b;  
 
border: 1px solid #928b8b;  
 
border-collapse: collapse;  
 
border-collapse: collapse;  
−
font-size: 130%;
+
font-size: 100%;
 
padding: 10px;  
 
padding: 10px;  
 
vertical-align: text-top;  
 
vertical-align: text-top;  
Line 119: Line 190:
  
 
/* non numbered lists */
 
/* non numbered lists */
−
.igem_2018_team_content .igem_2018_team_column_wrapper ul, .igem_2018_team_content .igem_2018_team_column_wrapper ol {
+
.igem_2018_team_content .igem_2018_team_column_wrapper ul p, .igem_2018_team_content .igem_2018_team_column_wrapper ol p {
−
font-size: 130%;
+
font-size: 100%;
 
font-family: Arial, Helvetica, sans-serif;
 
font-family: Arial, Helvetica, sans-serif;
 
padding:0px 20px;
 
padding:0px 20px;
 +
}
 +
 +
.collapsible-header {
 +
font-size:130%;
 
}
 
}
  
Line 131: Line 206:
 
.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: 100%; }
  
  
Line 248: Line 323:
 
}
 
}
  
−
<!---OWN STYLE--->
 
  
  
 +
 +
img.portrait_photo {
 +
border-radius:50%;
 +
}
 +
 +
 +
/*mobile*/
 +
/**************************************************************************************************************************************************************************************************/
 +
 +
 +
/* 1800px  */
 +
/************************************************/
 +
@media only screen and (max-width: 1800px) {
 +
 +
}
 +
 +
/* 1400px  */
 +
/************************************************/
 +
@media only screen and (max-width: 1400px) {
 +
 +
}
 +
 +
@media only screen and (max-width: 1001px) {
 +
 +
}
 +
 +
/* 1000px  */
 +
/************************************************/
 +
@media only screen and (max-width: 1000px) {
 +
.igem_2018_team_content {width:100%; margin-left:0px;}
 +
.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) {
 +
 +
}
 +
 +
 +
/**************************************************************************************************************************************************************************************************/
 +
 +
 +
</style>
 +
 +
<style>
 +
<!---OWN STYLE--->
 +
<style>
 
#scrollBtn {
 
#scrollBtn {
 
   display: none;
 
   display: none;
Line 273: Line 396:
 
</style>
 
</style>
  
−
</body>
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
−
</html>
+
<!--- THIS IS WHERE THE HTML BEGINS --->
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 
 +
<head>
 +
 
 +
<!-- This tells the browser that your page is responsive -->
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
 
 +
</head>

Latest revision as of 09:43, 17 October 2018