Difference between revisions of "Template:Virginia"

(Undo revision 27077 by Kag5ev (talk))
 
Line 2: Line 2:
  
 
<style>
 
<style>
 
 
  
 
/********************************* DEFAULT WIKI SETTINGS  ********************************/
 
/********************************* DEFAULT WIKI SETTINGS  ********************************/
  
 
#sideMenu, #top_title {display:none;}
 
#sideMenu, #top_title {display:none;}
#content { padding:0px; width:92vw; margin-top:-7px; margin-left:0px;}
+
#content { padding:0px; width:1000px; margin-top:-7px; margin-left:0px;}
body {margin-left:50px; margin-right:50px; background-color:#A8A8A8; }
+
body {background-color:white; }
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5, {margin-left:10px; margin-bottom: 0px; }
+
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  
 
/********************************* MENU ********************************/
 
/********************************* MENU ********************************/
 
/* Wrapper for the menu */
 
/* Wrapper for the menu */
 
/* main menu */
 
#ddmenu {
 
    display: block;
 
    font-family: "Arial Narrow", Helvetica, Arial, sans-serif;
 
    text-align: center; /*Specify the alignment of the whole UL if UL is not width:100%;*/
 
    letter-spacing: normal;
 
}
 
 
 
#ddmenu ul {
 
    margin:0 auto;
 
    padding: 0;
 
    text-align: center; /* Alignment of each top-level menu items within the UL */
 
    width: 100%;
 
    font-size: 0;
 
    background: #3b5f41;
 
    display: inline-block;
 
    list-style: none;
 
    position: relative;
 
    z-index: 999999990;
 
    border:none;
 
border-radius:2px;
 
}
 
 
#ddmenu li {
 
    margin:0;
 
    padding:0;
 
    font-size: 15px;
 
    display: inline-block;
 
    *display: inline;
 
    zoom: 1; /*for IE6-7*/
 
    position: relative;
 
    color: #EEE;
 
    line-height: 50px; /*This determines the height of the menu*/
 
    vertical-align:middle;
 
    transition: background-color 0.2s;
 
    outline:none;
 
-moz-user-select:none;
 
    -webkit-user-select: none;
 
    -ms-user-select: none;
 
}
 
 
#ddmenu .full-width {
 
    position: static;
 
}
 
 
#ddmenu {
 
    color:#FFF;
 
background-color: rgba(255,255,255,0.15);
 
background-color: #999 \9; /*fallback for old IE*/
 
}
 
 
 
#ddmenu .top-heading {
 
    font-weight: bold;
 
    margin:0 22px;
 
    color: inherit;
 
    text-decoration: none;
 
    display:inline-block;
 
    outline: 0;
 
    cursor: pointer;
 
}
 
 
/*Style for project description*/
 
 
h3{color: #006633};
 
h2{color: #006633};
 
 
 
/* links of top-heading */
 
#ddmenu a, #ddmenu a:link, #ddmenu a:hover
 
{
 
    color:inherit;
 
}
 
#ddmenu li:hover
 
{
 
background-color:#66a96b;
 
}
 
 
#ddmenu a:hover
 
{
 
    text-decoration:underline;
 
 
}
 
 
#ddmenu a:focus
 
{
 
    outline:1px dotted #09F;
 
}
 
 
/* caret(arrow icon) */
 
#ddmenu .caret {
 
    color: inherit;
 
    left:-18px;
 
    width: 0;
 
    height: 0;
 
    overflow: hidden; /*for IE6*/
 
    vertical-align: middle;
 
    margin-bottom: 2px;
 
    border-top: 4px solid; /*caret size is 4px now*/
 
    border-right: 4px solid transparent;
 
    border-left: 4px solid transparent;
 
    display: inline-block;
 
    position:relative;
 
}
 
 
/* sub-menu layout
 
----------------------------*/
 
 
#ddmenu .dropdown {
 
    width: auto;
 
    left: 0px;
 
    color: #000000;
 
    padding:0;margin:0;display:none;position:absolute;overflow:hidden;
 
    top: 100%;
 
    border:1px solid #CCC;
 
border-top:none;
 
border-radius:0 0 4px 4px;
 
box-shadow: 0px 4px 4px rgba(0,0,0,0.14);
 
}
 
 
#ddmenu .full-width .dropdown {
 
    width: 100%;
 
    padding: 0;
 
    margin: 0;
 
}
 
 
#ddmenu .offset300 {
 
    left: -300px;right:auto;
 
}
 
 
#ddmenu .right-aligned {
 
    left: auto;
 
    right: 0px;
 
}
 
 
#ddmenu .over .dropdown {
 
    display: block;
 
}
 
 
#ddmenu .dd-inner {
 
    text-align: center;
 
    padding: 20px;
 
    margin:0px;
 
    background-color: #EEEEEE;
 
    white-space: nowrap;
 
    font-size: 13px;
 
}
 
 
#ddmenu ul ul
 
{
 
    margin:0;padding:0;text-align:left;width:auto;background:none;border:none;display:block;position:static;z-index:0;border-radius:0;
 
}
 
 
#ddmenu ul ul li
 
{
 
    font-size:13px;
 
    padding:6px 0; /*It determines the line height*/
 
    color:inherit;
 
    line-height:1;
 
    margin:0;display:block;position:static;background:none;border:none;transition:none;border-radius:0;
 
}
 
 
/* links in sub menu
 
----------------------------*/
 
 
#ddmenu .dropdown a {
 
    color: #333333;
 
    line-height:1;
 
    text-decoration:none;
 
    transition:color 0.4s;
 
}
 
 
#ddmenu .dropdown a:hover, #ddmenu .dropdown a:focus {
 
    text-decoration: underline;
 
    color: #0099FF;
 
}
 
 
/* blocks within the sub-menu
 
-----------------------------*/
 
#ddmenu .column {
 
    text-align: left;
 
    vertical-align: top; /*or middle*/
 
    display: inline-block;
 
    *display: inline;*zoom: 1;
 
    white-space:normal;
 
    width:auto;min-width:200px;
 
padding:0 30px;
 
border-right:1px solid #999;
 
}
 
 
#ddmenu .dd-inner ul:last-child {
 
    border-right: none;
 
}
 
 
#ddmenu .column h3 {
 
    font-weight: 500;
 
    line-height: 1.1;
 
    margin-top: 12px;
 
    margin-bottom: 8px;
 
    font-size: 24px;
 
}
 
 
#ddmenu li {
 
  border-left:1px solid #273f2b;
 
  border-right:1px solid #304f36; }
 
#ddmenu li:first-child {border-left:none;}
 
#ddmenu li:last-child {border-right:none;}
 
 
#ddmenuLink {display:none;}
 
 
 
 
 
 
 
.menu_wrapper {  
 
.menu_wrapper {  
 
width:150px;  
 
width:150px;  
Line 395: Line 177:
 
padding: 10px 0px;
 
padding: 10px 0px;
 
float:left;  
 
float:left;  
background-color:#c5f5c2;  
+
background-color:white;  
 
}
 
}
  
Line 574: Line 356:
  
  
<nav id="ddmenu">
+
<!-- This tells the browser that your page is responsive -->
    <div class="menu-icon"></div>
+
 
    <ul>
+
<head>
<li class="no-sub"><a class="top-heading" href="https://2016.igem.org/Team:Virginia">Home</a></li>
+
<meta name="viewport" content="width=device-width, initial-scale=1">  
      <li class="full-width">
+
</head>
        <a class="top-heading"href="https://2016.igem.org/Team:Virginia/Team">Team</a>
+
 
        <i class="caret"></i>
+
 
        <div class="dropdown">
+
 
          <div class="dd-inner">
+
 
            <ul class="column">
+
<div class="menu_wrapper" >
              <li><h3>LAm3</h3></li>
+
 
              <li><a href="#">Anders</a></li>
+
 
              <li><a href="#">Dan</a></li>
+
 
              <li><a href="#">Chris</a></li>
+
 
              <li><a href="#">Austin</a></li>
+
<div class="collapsable_menu_control"> MENU ▤ </div>
              <li><a href="#">Kelli</a></li>
+
 
            </ul>
+
<ul id="accordion" class="accordion">
            <ul class="column">
+
 
              <li><h3>Cool i guess</h3></li>
+
<li class="menu_item"> <a href="https://2016.igem.org/Team:Virginia">HOME </a> </li>
              <li><a href="#">Sarah</a></li>
+
 
              <li><a href="#">Mark/a></li>
+
 
              <li><a href="#">Raquel</a></li>
+
<li class="menu_item"> <div class="icon plus"></div> TEAM
              <li><a href="#">Madeleine</a></li>
+
<ul class="submenu">
              <li><a href="#">Nivedha</a></li>
+
<li> <a href=" https://2016.igem.org/Team:Virginia/Team"> Team  </a> </li>
            </ul>
+
<li> <a href="https://2016.igem.org/Team:Virginia/Collaborations">★  Collaborations </a> </li>
            <ul class="column mayHide">
+
                    </ul>
              <li><br /><img src="/ddmenu/skins/img1.jpg" /></li>
+
                </li>
            </ul>
+
 
          </div>
+
<li class="menu_item"> <div class="icon plus"></div> PROJECT 
        </div>
+
<ul class="submenu">
      </li>
+
<li> <a href="https://2016.igem.org/Team:Virginia/Description"> ★  Description </a></li>
      <li>
+
<li> <a href="https://2016.igem.org/Team:Virginia/Design"> ★ Design </a></li>
        <a class="top-heading" href="https://2016.igem.org/Team:Virginia/Project">Project</a>
+
<li> <a href="https://2016.igem.org/Team:Virginia/Experiments"> Experiments </a></li>
        <i class="caret"></i>
+
<li> <a href="https://2016.igem.org/Team:Virginia/Proof"> ★ Proof of Concept </a></li>
        <div class="dropdown">
+
<li> <a href="https://2016.igem.org/Team:Virginia/Demonstrate"> ★ Demonstrate </a></li>
          <div class="dd-inner">
+
<li> <a href="https://2016.igem.org/Team:Virginia/Results"> Results </a></li>
            <ul class="column">
+
<li> <a href="https://2016.igem.org/Team:Virginia/Notebook"> Notebook </a></li>
              <li><h3>Vestibulum Ut</h3></li>
+
                    </ul>
              <li><a href="#">Nunc pharetra</a></li>
+
                </li>
              <li><a href="#">Vestibulum ante</a></li>
+
 
              <li><a href="#">Nulla id laoreet</a></li>
+
<li class="menu_item"> <div class="icon plus"></div> PARTS 
              <li><a href="#">Elementum blandit</a></li>
+
<ul class="submenu">
            </ul>
+
<li> <a href="https://2016.igem.org/Team:Virginia/Parts">Parts </a></li>
          </div>
+
<li> <a href="https://2016.igem.org/Team:Virginia/Basic_Part"> ★ Basic Parts </a></li>
        </div>
+
<li> <a href="https://2016.igem.org/Team:Virginia/Composite_Part"> ★ Composite Parts </a></li>
      </li>
+
<li> <a href="https://2016.igem.org/Team:Virginia/Part_Collection"> ★ Part Collection </a></li>
      <li>
+
                    </ul>
        <a class="top-heading"href="https://2016.igem.org/Team:Virginia/Parts">Parts</a>
+
                </li>
        <i class="caret"></i>
+
 
        <div class="dropdown offset300">
+
 
          <div class="dd-inner">
+
<li class="menu_item"> <a href="https://2016.igem.org/Team:Virginia/Safety"> SAFETY </a> </li>
            <ul class="column">
+
 
              <li><h3>Pellentesque</h3></li>
+
 
              <li><a href="#">Fermentum ut nulla</a></li>
+
<li class="menu_item"> <a href="https://2016.igem.org/Team:Virginia/Attributions">★  ATTRIBUTIONS </a></li>
              <li><a href="#">Duis ut mauris</a></li>
+
 
              <li><h3>Volutpat</h3></li>
+
 
              <li><a href="#">Quisque dictum</a></li>
+
<li class="menu_item"> <div class="icon plus"></div> HUMAN PRACTICES
              <li><a href="#">Nulla scelerisque</a></li>
+
<ul class="submenu">
            </ul>
+
<li> <a href="https://2016.igem.org/Team:Virginia/Human_Practices"> Human Practices </a></li>
            <ul class="column">
+
<li> <a href="https://2016.igem.org/Team:Virginia/HP/Silver">★ Silver </a></li>
              <li><h3>Suspendisse</h3></li>
+
<li> <a href="https://2016.igem.org/Team:Virginia/HP/Gold">★ Gold </a></li>
              <li><a href="#">Suspendisse potenti</a></li>
+
<li> <a href="https://2016.igem.org/Team:Virginia/Integrated_Practices"> ★ Integrated Practices </a></li>
              <li><a href="#">Curabitur in mauris</a></li>
+
<li> <a href="https://2016.igem.org/Team:Virginia/Engagement">★ Engagement </a></li>
              <li><a href="#">Phasellus ultrices</a></li>
+
                    </ul>
              <li><a href="#">Quisque ornare</a></li>
+
                </li>
              <li><a href="#">Vestibulum</a></li>
+
 
              <li><a href="#">Vitae tempus risus</a></li>
+
 
            </ul>
+
<li class="menu_item"> <div class="icon plus"></div> AWARDS
            <ul class="column mayHide">
+
<ul class="submenu">
              <li><br /><img src="/ddmenu/skins/img2.jpg" /></li>
+
<li><a href="https://2016.igem.org/Team:Virginia/Entrepreneurship"> ★ Entrepreneurship </a></li>
            </ul>
+
<li> <a href="https://2016.igem.org/Team:Virginia/Hardware"> ★ Hardware </a></li>
          </div>
+
<li> <a href="https://2016.igem.org/Team:Virginia/Software">★ Software </a></li>
        </div>
+
<li> <a href="https://2016.igem.org/Team:Virginia/Measurement">★  Measurement </a></li>
      </li>
+
<li> <a href="https://2016.igem.org/Team:Virginia/Model">★ Model </a></li>
      <li class="no-sub">
+
 
        <a class="top-heading" href="https://2016.igem.org/Team:Virginia/Safety">Safety</a>
+
                    </ul>
      </li>
+
                </li>
<li class="no-sub">
+
</ul>
        <a class="top-heading"href="https://2016.igem.org/Team:Virginia/Attributions">Attributions</a>
+
 
      </li>
+
</div>
      <li>
+
 
        <a class="top-heading"href="https://2016.igem.org/Team:Virginia/Human_Practices">Human Practices</a>
+
 
        <i class="caret"></i>
+
 
        <div class="dropdown right-aligned">
+
 
          <div class="dd-inner">
+
 
            <ul class="column">
+
<div class="content_wrapper">
              <li><h3>Nam a leo</h3></li>
+
 
              <li><a href="#">Vel faucibus leo</a></li>
+
 
              <li><a href="#">Duis ut mauris</a></li>
+
 
              <li><a href="#">In tempus semper</a></li>
+
<h1 id="team_name"> </h1>
              <li><a href="#">laoreet erat</a></li>
+
<h4 id="page_name"> </h4>
            </ul>
+
 
            <ul class="column">
+
 
              <li><h3>Proin iaculis</h3></li>
+
 
              <li><a href="#">In tempus semper</a></li>
+
 
              <li><a href="#">Hendrerit tincidunt</a></li>
+
 
              <li><a href="#">Duis ut mauris</a></li>
+
              <li><a href="#">pretium amet</a></li>
+
            </ul>
+
<li class="no-sub">
+
        <a class="top-heading" href="https://2016.igem.org/Team:Virginia/Awards">Awards</a>
+
      </li>
+
          </div>
+
        </div>
+
      </li>
+
    </ul>
+
  </nav>
+
  
  
Line 692: 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("/")  ) );
  
$('#accordion').find('.menu_item').hover(function(){
+
// 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
 
//Expand or collapse this panel
Line 719: Line 505:
  
  
$(".collapsable_menu_control").hover(function() {
+
$(".collapsable_menu_control").click(function() {
 
$(".menu_item").toggle();
 
$(".menu_item").toggle();
 
});
 
});
Line 729: Line 515:
  
 
});
 
});
 +
 +
  
  

Latest revision as of 14:13, 1 July 2016