Difference between revisions of "Template:Example"

(Prototype team template page)
 
(38 intermediate revisions by 2 users not shown)
Line 8: Line 8:
 
#content { padding:0px; width:1000px; margin-top:-7px; margin-left:0px;}
 
#content { padding:0px; width:1000px; 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; }
 
+
  
 
/********************************* MENU ********************************/
 
/********************************* MENU ********************************/
Line 39: Line 38:
 
background-color: #72c9b6;
 
background-color: #72c9b6;
 
}
 
}
 
/* button on top of the page that takes you back to home */
 
.team_home {
 
border-bottom: 1px solid #d2d2d2;
 
}
 
 
 
.team_home a {
 
text-overflow: clip;
 
color: #000000;
 
height: 70px;
 
font-size: 13px;
 
font-weight: bold;
 
background-color: #72c9b6;
 
padding: 50px 0px 0px 0px;
 
display: block;
 
text-decoration: none;
 
text-align:center;
 
}
 
 
 
/* hover state for the back to home button */
 
.team_home a:hover  {
 
background-color:#000000;
 
color: #72c9b6;
 
}
 
 
  
 
/* decoration icon for the menu buttons*/
 
/* decoration icon for the menu buttons*/
Line 237: Line 209:
 
}
 
}
  
.incomplete {
+
.judges-will-not-evaluate {
 
border: 4px solid #72c9b6;
 
border: 4px solid #72c9b6;
 
display: block;
 
display: block;
Line 245: Line 217:
 
}
 
}
  
.complete {
 
display: none;
 
}
 
  
 
/*STYLING */
 
/*STYLING */
Line 253: Line 222:
 
/* styling for the titles */
 
/* styling for the titles */
 
.content_wrapper h1, .content_wrapper h2 {
 
.content_wrapper h1, .content_wrapper h2 {
padding:0px 15px;  
+
padding:5px 15px;  
 
border-bottom:0px;  
 
border-bottom:0px;  
 
color:#72c9b6;
 
color:#72c9b6;
 +
 
}
 
}
 
.content_wrapper h3, .content_wrapper h4, .content_wrapper h5, .content_wrapper h6 {  
 
.content_wrapper h3, .content_wrapper h4, .content_wrapper h5, .content_wrapper h6 {  
padding:0px 15px;  
+
padding:5px 15px;  
 
border-bottom:0px;  
 
border-bottom:0px;  
 
color: #000000;   
 
color: #000000;   
Line 397: Line 367:
 
<div class="menu_wrapper" >
 
<div class="menu_wrapper" >
  
<div class="team_home">
+
 
<a href="https://2016.igem.org/Team:Example">Example 1828495037252</a>
+
</div>
+
  
  
Line 405: Line 373:
  
 
<ul id="accordion" class="accordion">
 
<ul id="accordion" class="accordion">
 +
 +
<li class="menu_item"> <a href="https://2016.igem.org/Team:Example">HOME </a> </li>
 +
  
 
<li class="menu_item"> <div class="icon plus"></div> TEAM
 
<li class="menu_item"> <div class="icon plus"></div> TEAM
Line 472: Line 443:
 
<div class="content_wrapper">
 
<div class="content_wrapper">
  
 +
 +
 +
<h1 id="team_name">  </h1>
 +
<h4 id="page_name">  </h4>
  
  
Line 488: Line 463:
  
 
$("#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
 +
$("#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 , " ")  );
 +
}
 +
 +
 +
if( ($(location).attr('href')).indexOf("submit") >= 0  ) {
 +
$(".menu_wrapper").css( { "position": "absolute", "height": "auto"});
 +
$("#wpTextbox1").css( 'margin-top', '440px');
 +
}
 +
 +
 +
  
 
$('#accordion').find('.menu_item').click(function(){
 
$('#accordion').find('.menu_item').click(function(){

Latest revision as of 16:05, 22 March 2017