Difference between revisions of "Template:Groningen"

 
(18 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
 
+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 
<script>
 
<script>
 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
Line 44: Line 44:
 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  
−
/// Smooth Scroll: ///
 
  
−
$(document).ready(function(){
 
−
  // Add smooth scrolling to all links
 
−
  $("a").on('click', function(event) {
 
  
−
    // Make sure this.hash has a value before overriding default behavior
 
−
    if (this.hash !== "") {
 
−
      // Prevent default anchor click behavior
 
−
      event.preventDefault();
 
  
−
      // Store hash
 
−
      var hash = this.hash;
 
  
−
      // Using jQuery's animate() method to add smooth page scroll
+
 
−
      // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
+
  document.addEventListener('DOMContentLoaded', function() {
−
      $('html, body').animate({
+
    var elems = document.querySelectorAll('.modal');
−
        scrollTop: $(hash).offset().top
+
    var instances = M.Modal.init(elems, options);
−
      }, 1500, function(){
+
  });
−
 
+
 
−
        // Add hash (#) to URL when done scrolling (default click behavior)
+
  // Or with jQuery
−
        window.location.hash = hash;
+
 
−
      });
+
  $(document).ready(function(){
−
    } // End if
+
    $('.modal').modal();
 
   });
 
   });
−
});
 
  
 
</script>
 
</script>
Line 143: 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 174: Line 162:
 
border: 1px solid #928b8b;  
 
border: 1px solid #928b8b;  
 
border-collapse: collapse;  
 
border-collapse: collapse;  
−
font-size: 130%;
 
 
width: 100%;  
 
width: 100%;  
 
}
 
}
Line 182: 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 188: 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 203: 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 215: 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 333: Line 324:
  
  
 +
 +
 +
img.portrait_photo {
 +
border-radius:50%;
 +
}
  
  

Latest revision as of 09:43, 17 October 2018