Difference between revisions of "Template:Greece/PSP"

Line 4: Line 4:
 
#protein_prediction{ position: absolute; width: 800px; height: 800px; min-width:100px; min-height:100px; display: block; }
 
#protein_prediction{ position: absolute; width: 800px; height: 800px; min-width:100px; min-height:100px; display: block; }
 
</style>
 
</style>
 +
 +
 +
<!-- Collapsable -->
 +
<script>
 +
$(document).ready(function(){
 +
var acc = document.getElementsByClassName("accordion");
 +
var i;
 +
 +
for (i = 0; i < acc.length; i++) {
 +
  acc[i].onclick = function() {
 +
    this.classList.toggle("active");
 +
    var panel = this.nextElementSibling;
 +
    if (panel.style.maxHeight){
 +
      panel.style.maxHeight = null;
 +
 +
      $('#display_box').height(function (index, height) {
 +
        panel.id == 'panel_1' ? return (height - 7700) : return(height - 6820);
 +
      });
 +
    } else {
 +
      panel.style.maxHeight = panel.scrollHeight + "px";
 +
     
 +
      $('#display_box').height(function (index, height) {
 +
        panel.id == 'panel_1' ? return (height + 7700) : return(height + 6820);
 +
      });
 +
    }
 +
  }
 +
}
 +
 +
});
 +
 +
</script>
 +
<link href='https://2017.igem.org/Template:Greece/expanding_boxes_stylesheet?action=raw&ctype=text/css' rel='stylesheet'>
 +
<!-- End of collapsable -->
 +
 +
<!-- Google Fonts -->
 +
<link href="https://fonts.googleapis.com/css?family=Poiret+One" rel="stylesheet">
 +
 
</head>
 
</head>
 
<body>
 
<body>
 +
 +
<!-- Collapsable Section 1 -->
 +
 +
<button id='Section1_collapsable' class='accordion' style='font-size: 20px; letter-spacing: 1.5px;'>Spatial equilibrium model</button>
 +
<div id='panel_1' class='panel' style='text-align: justify; padding: 20px 0px 0px 0px;'>
 +
<article id='article_content'>
 +
<!-- Part One -->
 +
 +
  </article>
 +
</div>
  
 
<!-- Protein Prediction Model Video -->
 
<!-- Protein Prediction Model Video -->

Revision as of 05:02, 1 November 2017