Difference between revisions of "Template:Marburg"

 
(46 intermediate revisions by the same user not shown)
Line 2: Line 2:
  
 
<style>
 
<style>
 
/********************************* DEFAULT WIKI SETTINGS  ********************************/
 
  
 
#sideMenu, #top_title {display:none;}
 
#sideMenu, #top_title {display:none;}
#content { padding:0px; width:1000px; margin-top:-7px; margin-left:0px;}
+
        #content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;}
 
body {background-color:white; }
 
body {background-color:white; }
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
 
 
/********************************* CONTENT OF THE PAGE ********************************/
 
 
/*STYLING */
 
 
/* hover for the links */
 
.content_wrapper a:hover {
 
text-decoration:none;
 
color:#000000;
 
}
 
 
/* non numbered lists */
 
.content_wrapper ul {
 
padding:0px 20px;
 
font-size: 13px;
 
font-family:Tahoma, Geneva, sans-serif;
 
}
 
 
/* numbered lists */
 
.content_wrapper ol {
 
padding:0px;
 
font-size: 13px;
 
font-family:Tahoma, Geneva, sans-serif;
 
}
 
 
/* Table */
 
.content_wrapper table {
 
width: 97%;
 
margin:15px 10px;
 
border: 1px solid #d3d3d3;
 
border-collapse: collapse;
 
}
 
 
/* table cells */
 
.content_wrapper  td {
 
padding: 10px;
 
vertical-align: text-top;
 
border: 1px solid #d3d3d3;
 
border-collapse: collapse;
 
}
 
 
/* table headers */
 
.content_wrapper th {
 
padding: 10px;
 
vertical-align: text-top;
 
border: 1px solid #d3d3d3;
 
border-collapse: collapse;
 
background-color:#f2f2f2;
 
}
 
 
/* Button class */
 
.button_click {
 
margin: 10px auto;
 
padding: 15px; width:12%; 
 
text-align:center;
 
font-weight:bold;
 
background-color: #72c9b6;
 
cursor:pointer; 
 
-webkit-transition: all 0.4s ease;
 
-moz-transition: all 0.4s ease;
 
-ms-transition: all 0.4s ease;
 
-o-transition: all 0.4s ease;
 
transition: all 0.4s ease;
 
}
 
 
/* button class on hover */
 
.button_click:hover { 
 
background-color:#000000;
 
color:#72c9b6;
 
}
 
 
/********************************* RESPONSIVE STYLING ********************************/
 
 
/* IF THE SCREEN IS LESS THAN 1000PX */
 
 
@media only screen and (max-width: 1000px) {
 
 
#content {width:100%; }
 
.menu_wrapper {width:15%;}
 
.content_wrapper {margin-left: 15%;}
 
.menu_item {display:block;}
 
.icon {display:none;}
 
.highlight {padding:10px 0px;}
 
}
 
 
 
/* IF THE SCREEN IS LESS THAN 680PX */
 
 
@media only screen and (max-width: 680px) {
 
.collapsable_menu_control { display:block;}
 
.menu_item {display:none;}
 
.menu_wrapper { width:100%; height: 15%; position:relative;}
 
.content_wrapper {width:100%; margin-left:0px;}
 
.column.half_size {width:100%; }
 
.column img { width: 100%; padding: 5px 0px;}
 
.icon {display:block;}
 
.highlight {padding:15px 5px;}
 
}
 
  
 
</style>
 
</style>
 
 
 
 
<!--- THIS IS WHERE THE HTML BEGINS --->
 
 
  
 
<!-- This tells the browser that your page is responsive -->
 
<!-- This tells the browser that your page is responsive -->
  
 
+
<head>
 
+
<meta name="viewport" content="width=device-width, initial-scale=1">
 
+
        <script type="text/javascript" async src="https://2015.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
 
+
</head>
 
+
 
+
 
+
 
+
 
+
 
+
  
  
Line 140: Line 26:
  
 
$("#HQ_page").attr('id','');
 
$("#HQ_page").attr('id','');
 
  
 
if ( wgPageName.substring( 0,  8) == "Template")  {  // if the page is a template it displays the full name in a single line
 
if ( wgPageName.substring( 0,  8) == "Template")  {  // if the page is a template it displays the full name in a single line
Line 157: Line 42:
 
$("#page_name").html (    ( wgPageName.substring( wgPageName.indexOf("/") + 1, wgPageName.length ) ).replace( /\/|_/g , " ")  );
 
$("#page_name").html (    ( wgPageName.substring( wgPageName.indexOf("/") + 1, wgPageName.length ) ).replace( /\/|_/g , " ")  );
 
}
 
}
 
 
 
  
 
$('#accordion').find('.menu_item').click(function(){
 
$('#accordion').find('.menu_item').click(function(){
Line 179: Line 61:
 
$(".submenu").not(submenu).hide();
 
$(".submenu").not(submenu).hide();
 
$(".icon").not(icon).removeClass("less").addClass("plus");
 
$(".icon").not(icon).removeClass("less").addClass("plus");
});(Proof of Concept):
+
});
  
  
Line 192: Line 74:
  
 
});
 
});
 
 
 
  
 
</script>
 
</script>
 
  
 
</html>
 
</html>

Latest revision as of 12:43, 22 November 2016