Difference between revisions of "Template:Stony Brook"

(Undo revision 83178 by Samarakhan (talk))
 
(17 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
 
<html>
 
<html>
  
 
<style>
 
<style>
 +
 +
/********************************* DEFAULT WIKI SETTINGS  ********************************/
 +
 +
#sideMenu, #top_title {display:none;}
 +
#content { padding:0px; width:1000px; margin-top:-7px; margin-left:0px;}
 +
body {background-color:white; }
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  
 
/********************************* MENU ********************************/
 
/********************************* MENU ********************************/
 
/* Wrapper for the menu */
 
/* Wrapper for the menu */
 
.menu_wrapper {  
 
.menu_wrapper {  
−
width:200px;  
+
width:150px;  
 
height:100vh;  
 
height:100vh;  
 
position:fixed;  
 
position:fixed;  
Line 17: Line 25:
 
/* styling for the menu items */
 
/* styling for the menu items */
 
.menu_item {
 
.menu_item {
−
              font-family: Arial;
 
 
width:100%;  
 
width:100%;  
 
margin:-2px 0px 0px -20px;  
 
margin:-2px 0px 0px -20px;  
Line 73: Line 80:
 
-moz-transition: all 0.4s ease;  
 
-moz-transition: all 0.4s ease;  
 
-ms-transition: all 0.4s ease;  
 
-ms-transition: all 0.4s ease;  
−
-o-transition: all 0.4s ease; transition: all 0.4s ease;  
+
-o-transition: all 0.4s ease; transition: all 0.4s ease;   
−
   
+
 
}
 
}
  
Line 157: Line 163:
 
}
 
}
  
 +
/********************************* CONTENT OF THE PAGE ********************************/
 +
 +
/* Wrapper for the content */
 +
.content_wrapper {
 +
width: 112%;
 +
margin-left:150px;
 +
padding:10px 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%;
 +
                float:left;
 +
}
 +
.half_size img {
 +
padding: 10px 15px;
 +
width: 93%;
 +
}
 +
 +
 +
.clear {
 +
clear:both;
 +
}
 +
 +
.highlight {
 +
width: 90%;
 +
margin: auto;
 +
padding: 15px 5px;
 +
background-color: #f2f2f2;
 +
}
 +
 +
.judges-will-not-evaluate {
 +
border: 4px solid #B61C1D;
 +
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:#B61C1D;
 +
 +
}
 +
.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: 13px;
 +
font-family:Tahoma, Geneva, sans-serif;
 +
}
 +
 +
/* Links */
 +
.content_wrapper a {
 +
font-weight: bold;
 +
text-decoration: underline;
 +
text-decoration-color:#000080;
 +
color:#B61C1D;
 +
-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: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: #B61C1D;
 +
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:#B61C1D;
 +
}
  
 
/********************************* RESPONSIVE STYLING ********************************/
 
/********************************* RESPONSIVE STYLING ********************************/
Line 191: Line 355:
  
  
 +
<!--- THIS IS WHERE THE HTML BEGINS --->
  
  
 +
<!-- This tells the browser that your page is responsive -->
  
 +
<head>
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
</head>
  
 +
 +
 +
 +
<div class="menu_wrapper" >
 +
 +
 +
 +
 +
<div class="collapsable_menu_control"> MENU ▤ </div>
 +
 +
<ul id="accordion" class="accordion">
 +
 +
<li class="menu_item"> <a href="https://2016.igem.org/Team:Stony_Brook">HOME </a> </li>
 +
 +
 +
<li class="menu_item"> <div class="icon plus"></div> TEAM
 +
<ul class="submenu">
 +
<li> <a href=" https://2016.igem.org/Team:Stony_Brook/Team"> Team  </a> </li>
 +
<li> <a href="https://2016.igem.org/Team:Stony_Brook/Collaborations">★  Collaborations </a> </li>
 +
                    </ul>
 +
                </li>
 +
 +
<li class="menu_item"> <div class="icon plus"></div> PROJECT 
 +
<ul class="submenu">
 +
<li> <a href="https://2016.igem.org/Team:Stony_Brook/Description"> ★  Description </a></li>
 +
<li> <a href="https://2016.igem.org/Team:Stony_Brook/Design"> ★ Design </a></li>
 +
<li> <a href="https://2016.igem.org/Team:Stony_Brook/Experiments"> Experiments </a></li>
 +
<li> <a href="https://2016.igem.org/Team:Stony_Brook/Proof"> ★ Proof of Concept </a></li>
 +
<li> <a href="https://2016.igem.org/Team:Stony_Brook/Demonstrate"> ★ Demonstrate </a></li>
 +
<li> <a href="https://2016.igem.org/Team:Stony_Brook/Results"> Results </a></li>
 +
<li> <a href="https://2016.igem.org/Team:Stony_Brook/Notebook"> Notebook </a></li>
 +
                             
 +
                    </ul>
 +
                </li>
 +
 +
<li class="menu_item"> <div class="icon plus"></div> PARTS 
 +
<ul class="submenu">
 +
<li> <a href="https://2016.igem.org/Team:Stony_Brook/Parts">Parts </a></li>
 +
<li> <a href="https://2016.igem.org/Team:Stony_Brook/Basic_Part"> ★ Basic Parts </a></li>
 +
<li> <a href="https://2016.igem.org/Team:Stony_Brook/Composite_Part"> ★ Composite Parts </a></li>
 +
<li> <a href="https://2016.igem.org/Team:Stony_Brook/Part_Collection"> ★ Part Collection </a></li>
 +
                    </ul>
 +
                </li>
 +
 +
 +
<li class="menu_item"> <a href="https://2016.igem.org/Team:Stony_Brook/Safety2"> SAFETY </a> </li>
 +
 +
 +
<li class="menu_item"> <a href="https://2016.igem.org/Team:Stony_Brook/Attributions">  ATTRIBUTIONS </a></li>
 +
 +
 +
<li class="menu_item"> <div class="icon plus"></div> HUMAN PRACTICES
 +
<ul class="submenu">
 +
<li> <a href="https://2016.igem.org/Team:Stony_Brook/Human_Practices"> Human Practices </a></li>
 +
<li> <a href="https://2016.igem.org/Team:Stony_Brook/HP/Silver">★ Silver </a></li>
 +
<li> <a href="https://2016.igem.org/Team:Stony_Brook/HP/Gold">★ Gold </a></li>
 +
<li> <a href="https://2016.igem.org/Team:Stony_Brook/Integrated_Practices"> ★ Integrated Practices </a></li>
 +
<li> <a href="https://2016.igem.org/Team:Stony_Brook/Engagement">★ Engagement </a></li>
 +
                    </ul>
 +
                </li>
 +
 +
 +
<li class="menu_item"> <div class="icon plus"></div> AWARDS
 +
<ul class="submenu">
 +
<li><a href="https://2016.igem.org/Team:Stony_Brook/Entrepreneurship"> ★ Entrepreneurship </a></li>
 +
<li> <a href="https://2016.igem.org/Team:Stony_Brook/Hardware"> ★ Hardware </a></li>
 +
<li> <a href="https://2016.igem.org/Team:Stony_Brook/Software">★ Software </a></li>
 +
<li> <a href="https://2016.igem.org/Team:Stony_Brook/Measurement">★  Measurement </a></li>
 +
<li> <a href="https://2016.igem.org/Team:Stony_Brook/Model">★ Model </a></li>
 +
 +
                    </ul>
 +
                </li>
 +
</ul>
 +
 +
</div>
 +
 +
 +
 +
 +
 +
<div class="content_wrapper">
 +
 +
 +
 +
<h1 id="team_name">  </h1>
 +
<h4 id="page_name">  </h4>
  
  
Line 221: Line 476:
 
}
 
}
  
−
+
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 , " ")  );
 +
}
 +
 
  
  

Latest revision as of 17:22, 17 August 2016

MENU ▤