Template:Gaston Day School

/********************************* DEFAULT WIKI SETTINGS ********************************/

  1. sideMenu,
  2. top_title {
 display: none;

}

  1. content {
 padding: 0px;
 width: 100%;

}

body { 

 background-color: white;
 width: 100%;

}

  1. bodyContent h1,
  2. bodyContent h2,
  3. bodyContent h3,
  4. bodyContent h4,
  5. bodyContent h5 {
 margin-bottom: 0px;

}

  1. bodyContent {
 padding-right: 0px;

}

  1. globalWrapper {
 font-size: 100%;
 padding: 0px;
 margin: -10px -20px -20px -20px;

}

.navbar-collapse { 

 padding-left: 0px;

}

  1. banner {
 margin-top: 50px;

}

  1. sideMenu {
 margin-top: 10px;

}

.dropdown-menu li:hover .sub-menu { 

 visibility: visible;

}

.dropdown:hover .dropdown-menu { 

 display: block;

}

.navbar-nav .dropdown-menu, .navbar .dropdown-menu { 

 margin-top: 0;

}


/********************************* CONTENT OF THE PAGE ********************************/


/* Wrapper for the content */

.content_wrapper { 

 width: 85%;
 margin-left: 150px;
 padding: 0px;
 float: left;
 background-color: white;

}


/*LAYOUT */

.column { 

 padding: 10px 0px;
 float: left;
 background-color: white;

}

.full_size { 

 width: 100%;

}

.full_size img { 

 padding: 10px 15px;
 width: 96.5%;

}

.half_size { 

 width: 50%;

}

.half_size img { 

 padding: 10px 15px;
 width: 93%;

}

.img:hover { 

 opacity: 1.0 !important;

}

.clear { 

 clear: both;

}

.highlight { 

 width: 90%;
 margin: auto;
 padding: 15px 5px;
 background-color: #f2f2f2;

}

.judges-will-not-evaluate { 

 border: 4px solid #72c9b6;
 display: block;
 margin: 5px 15px;
 width: 95%;
 font-weight: bold;

}


/*STYLING */


/* styling for the titles */

.content_wrapper h1, .content_wrapper h2 { 

 padding: 5px 15px;
 border-bottom: 0px;
 color: #72c9b6;

}

.content_wrapper h3, .content_wrapper h4, .content_wrapper h5, .content_wrapper h6 { 

 padding: 5px 15px;
 border-bottom: 0px;
 color: #000000;

}


/* font and text */

.content_wrapper p { 

 padding: 0px 15px;
 font-size: 15px;
 font-family: 'Roboto', sans-serif;

}


/* Links */

.content_wrapper a { 

 font-weight: bold;
 text-decoration: underline;
 text-decoration-color: #72c9b6;
 color: #72c9b6;
 -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;

}


/* 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: 'Quicksand', sans-serif;

}


/* numbered lists */

.content_wrapper ol { 

 padding: 0px;
 font-size: 13px;
 font-family: 'Quicksand', 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;

}

.top-pad { 

 padding: 35px;

}


/********************************* 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>

<script>

// This is the jquery part of your template. Try not modify any of this code since it makes your menu work.

$(document).ready(function() {

$("#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 $("#team_name").html( wgPageName ); }

else if ( ( (wgPageName.match(/\//g) || []).length ) == 0 ) { // if it is the home page , just print the team's name $("#team_name").html( wgPageName.substring( 5, wgPageName.length ) ); }

else { // this adds the team's name as an h1 $("#team_name").html( wgPageName.substring( 5 , wgPageName.indexOf("/") ) );

// this adds the page's title as an h4 $("#page_name").html ( ( wgPageName.substring( wgPageName.indexOf("/") + 1, wgPageName.length ) ).replace( /\/|_/g , " ") ); }



$('#accordion').find('.menu_item').click(function(){

//Expand or collapse this panel submenu = $(this).find('.submenu'); submenu.toggle();

icon = $(this).find('.icon');

if ( !$( submenu ).is(':visible') ) { icon.removeClass("less").addClass("plus"); } else { icon.removeClass("plus").addClass("less"); }

//Hide the other panels $(".submenu").not(submenu).hide(); $(".icon").not(icon).removeClass("less").addClass("plus"); });


$(".collapsable_menu_control").click(function() { $(".menu_item").toggle(); });

$( window ).resize(function() { $(".menu_item").show(); });


});



</script> </head>


<body> 

 <nav class="navbar navbar-default navbar-fixed-top" style=" padding-top: 20px;">

       <a class="navbar-logo" href="https://2017.igem.org/Team:Gaston_Day_School">
         <image class="img-responsive" src="Igem_logo.jpg" height="80" width="80">
       </a>



       <a class="navbar-logo" href="https://2017.igem.org/Team:Gaston_Day_School">
         <image class="img-responsive" src="T--Imperial_College--Imperial_Logo.png" height="120" width="120">
       </a>

 </nav>

</body>

</html>