Difference between revisions of "Team:UNC-Chapel Hill/practicemenu"

 
(15 intermediate revisions by one other user not shown)
Line 1: Line 1:
{{CSS/Main}}
 
 
<html>
 
<html>
 
<style>
 
<style>
Line 5: Line 4:
 
</style>
 
</style>
 
   <head>
 
   <head>
 
 
 
 
 
<style type="text/css">
 
<style type="text/css">
  
  
 
               /* Some stylesheet reset */
 
               /* Some stylesheet reset */
               .nav, .nav ul {
+
               #menu .nav, .nav ul {
 
              margin: 0;
 
              margin: 0;
 
                       margin-bottom: 30px;  
 
                       margin-bottom: 30px;  
Line 23: Line 18:
  
 
               /* The top navigation menu */
 
               /* The top navigation menu */
               .nav {
+
               #menu .nav {
 
              /* Layout & positioning */
 
              /* Layout & positioning */
 
              display: block;
 
              display: block;
 
              position: fixed;
 
              position: fixed;
                      top: 20px;
+
                    top: 18px;
 
                        
 
                        
 
              width: 100%; /*1000px*/
 
              width: 100%; /*1000px*/
Line 39: Line 34:
  
 
               /* The link containers */
 
               /* The link containers */
               .nav>li {
+
               #menu .nav>li {
 
              display:inline-block;
 
              display:inline-block;
 
              position: relative;
 
              position: relative;
Line 48: Line 43:
  
 
               /* The main navigation links */
 
               /* The main navigation links */
               .nav>li>a {
+
               #menu .nav>li>a {
 
              /* Layout & positioning */
 
              /* Layout & positioning */
 
              display: block;
 
              display: block;
Line 72: Line 67:
  
 
               /* Centering solid line dividers */
 
               /* Centering solid line dividers */
              .leftbookend {
+
           
                      border-right: 1px solid #ffffff;
+
              }
+
             
+
              .rightbookend {
+
                      border-left: 1px solid #ffffff;
+
              } 
+
  
 
               /* Chaning the background on hover */
 
               /* Chaning the background on hover */
               .nav>li>a:hover, .nav>li:hover>a {
+
               #menu .nav>li>a:hover, .nav>li:hover>a {
 
              background: rgba(255, 255, 255, .9);
 
              background: rgba(255, 255, 255, .9);
 
              color: #000;
 
              color: #000;
 
               }
 
               }
  
               .nav>li:first-child a {
+
               #menu .nav>li:first-child a {
 
              border-top-left-radius: 3px;
 
              border-top-left-radius: 3px;
 
               }
 
               }
Line 92: Line 81:
  
  
               .arrow:hover {
+
               #menu .arrow:hover {
 
                   -moz-transition-duration: 3000s;
 
                   -moz-transition-duration: 3000s;
 
                   -ms-transition-duration: 3000s;
 
                   -ms-transition-duration: 3000s;
Line 102: Line 91:
  
 
               /* General styling for the submenus */
 
               /* General styling for the submenus */
               .nav ul {
+
               #menu .nav ul {
 
              display: inline-block;
 
              display: inline-block;
 
              position: absolute;
 
              position: absolute;
Line 112: Line 101:
  
 
               /* Level 1 submenus */
 
               /* Level 1 submenus */
               .nav>li>ul {
+
               #menu .nav>li>ul {
 
              cursor: pointer;
 
              cursor: pointer;
 
              padding-top: 0px;
 
              padding-top: 0px;
Line 120: Line 109:
  
 
               /* Making the level 1 submenu to appear on hover */
 
               /* Making the level 1 submenu to appear on hover */
               .nav>li:hover>ul {
+
               #menu .nav>li:hover>ul {
 
              left: 0px;
 
              left: 0px;
 
               }
 
               }
Line 126: Line 115:
  
 
               /* The submenu link containers */
 
               /* The submenu link containers */
               .nav ul li {
+
               #menu .nav ul li {
 
              position: relative;
 
              position: relative;
 
              display: block;
 
              display: block;
Line 139: Line 128:
  
 
               /* Expanding the list elements which contain the links */
 
               /* Expanding the list elements which contain the links */
               .nav li:hover>ul>li {
+
               #menu .nav li:hover>ul>li {
 
              height: 24px;
 
              height: 24px;
 
               }
 
               }
  
               .nav>li:hover>ul>li:first-child {
+
               #menu .nav>li:hover>ul>li:first-child {
 
              height: 27px;
 
              height: 27px;
 
               }
 
               }
  
               .nav>li>ul>li:first-child>a {
+
               #menu .nav>li>ul>li:first-child>a {
 
              border-top: 3px solid #fff;
 
              border-top: 3px solid #fff;
 
               }
 
               }
  
               .nav>li>ul>li.dropdown:first-child>ul {
+
               #menu .nav>li>ul>li.dropdown:first-child>ul {
 
                     top: 3px;
 
                     top: 3px;
 
               }
 
               }
  
 
               /* The links of the submenus */
 
               /* The links of the submenus */
               .nav ul li a {
+
               #menu .nav ul li a {
 
              /* Layout */
 
              /* Layout */
 
              display: block;
 
              display: block;
Line 177: Line 166:
 
               }
 
               }
  
               .nav>li>ul>li:first-child>a::before {
+
               #menu .nav>li>ul>li:first-child>a::before {
 
              content: "";
 
              content: "";
 
              display: block;
 
              display: block;
Line 191: Line 180:
  
 
               /* The hover state of the links */
 
               /* The hover state of the links */
              .nav ul li:hover>a, .nav ul li>a:hover {
+
            #menu .nav ul li:hover>a, .nav ul li>a:hover {
 
              background: #c8c8c8; /*e7e7e7 */
 
              background: #c8c8c8; /*e7e7e7 */
 
              color: #000000;
 
              color: #000000;
Line 197: Line 186:
  
 
               /* Changing the color of the arrow on hover */
 
               /* Changing the color of the arrow on hover */
              .nav ul>.dropdown:hover>a::after, .nav ul>.dropdown>a:hover::after {
+
            #menu .nav ul>.dropdown:hover>a::after, .nav ul>.dropdown>a:hover::after {
 
              border-left-color: #fff;
 
              border-left-color: #fff;
 
               }
 
               }
  
               .nav>li>ul>li  
+
               #menu .nav>li>ul>li  
 
               {
 
               {
 
                       margin-bottom: 0
 
                       margin-bottom: 0
Line 207: Line 196:
  
  
              .nav>li:first-child:hover>ul  
+
            #menu .nav>li:first-child:hover>ul  
 
               {
 
               {
 
                       left:0px;
 
                       left:0px;
 
               }
 
               }
  
              .nav>li:last-child:hover>ul  
+
            #menu .nav>li:last-child:hover>ul  
 
               {
 
               {
 
                     left: 0px;
 
                     left: 0px;
 
               }
 
               }
  
               .tableCSS
+
               #menu .tableCSS
 
               {
 
               {
 
                     background-color:#ffffff;
 
                     background-color:#ffffff;
Line 227: Line 216:
  
 
</head>
 
</head>
<body>
+
 
 +
 
 +
<body id="menu">
 
<a id="top">
 
<a id="top">
 
</a>
 
</a>
Line 234: Line 225:
 
               <li class="dropdown leftbookend">
 
               <li class="dropdown leftbookend">
 
                     <a href="/Team:UNC-Chapel_Hill" style="font-size:13px;">HOME</a>
 
                     <a href="/Team:UNC-Chapel_Hill" style="font-size:13px;">HOME</a>
                    <ul>
 
                    <li><a href="https://igem.org/Main_Page"> <img  src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="30px"></a></li>
 
 
                    </ul>
 
 
      </li>
 
      </li>
 
               <li class="dropdown leftbookend">
 
               <li class="dropdown leftbookend">
 
                     <a href="/Team:UNC-Chapel_Hill/Background" style="font-size:13px;">BACKGROUND</a>
 
                     <a href="/Team:UNC-Chapel_Hill/Background" style="font-size:13px;">BACKGROUND</a>
                    <ul>
 
                    <li><a href="/Team:UNC-Chapel_Hill/BackgroundDiabetes">DIABETES</a></li>
 
                    <li><a href="/Team:UNC-Chapel_Hill/BackgroundcAMP">cAMP-CRP</a></li>
 
 
                    </ul>
 
 
      </li>
 
      </li>
 
               <li class="dropdown leftbookend rightbookend">
 
               <li class="dropdown leftbookend rightbookend">
 
<a href="/Team:UNC-Chapel_Hill/Project" style="font-size:13px;">PROJECT</a>
 
<a href="/Team:UNC-Chapel_Hill/Project" style="font-size:13px;">PROJECT</a>
 
<ul>
 
<ul>
                                <li><a href="/Team:UNC-Chapel_Hill/Modeling">MODELING</a></li>
 
 
<li><a href="/Team:UNC-Chapel_Hill/Parts">PARTS</a></li>
 
<li><a href="/Team:UNC-Chapel_Hill/Parts">PARTS</a></li>
<li><a href="/Team:UNC-Chapel_Hill/Safety">SAFETY</a></li>
 
                                <li><a href="/Team:UNC-Chapel_Hill/Achievements">ACHIEVEMENTS</a></li>
 
 
</ul>
 
</ul>
 
</li>
 
</li>
      <li class="dropdown leftbookend rightbookend">
+
   
                    <a href="/Team:UNC-Chapel_Hill/Team" style="font-size:13px;">TEAM</a>
+
                    <ul>
+
                            <li><a href="/Team:UNC-Chapel_Hill/Attributions">ATTRIBUTIONS</a></li>
+
                    <li><a href="https://igem.org/Team.cgi">iGEM PROFILE</a></li>
+
                    </ul>
+
        </li>
+
+
+
 
<li class="dropdown leftbookend rightbookend">
 
<li class="dropdown leftbookend rightbookend">
 
<a href='/Team:UNC-Chapel_Hill/Notebook' style="font-size:13px;">NOTEBOOK</a>
 
<a href='/Team:UNC-Chapel_Hill/Notebook' style="font-size:13px;">NOTEBOOK</a>
<ul>
 
<li><a href="/Team:UNC-Chapel_Hill/Protocols">PROTOCOLS</a></li>
 
</ul>
 
 
</li>
 
</li>
 +
         
 +
 +
        <li class="dropdown leftbookend rightbookend">
 +
            <a href='/Team:UNC-Chapel_Hill/Protocols' style="font-size:13px;">PROTOCOLS</a>
 +
        </li>
 +
 +
 +
  <li class="dropdown leftbookend rightbookend">
 +
                    <a href="/Team:UNC-Chapel_Hill/Team" style="font-size:13px;">OUR TEAM</a>
 +
        </li>
 +
 
<li class="dropdown rightbookend">
 
<li class="dropdown rightbookend">
<a href="/Team:UNC-Chapel_Hill/HumanPractices" style="font-size:13px;">HUMAN PRACTICES</a>
+
<a href="/Team:UNC-Chapel_Hill/Practices" style="font-size:13px;">HUMAN PRACTICES</a>
<ul>
+
</li>
<li><a href='/Team:UNC-Chapel_Hill/Outreach'>OUTREACH</a></li>
+
                <li>
</ul>
+
                    <a href="/Team:UNC-Chapel_Hill/Attributions" style="font-size:13px;">ATTRIBUTIONS</a>
</li>
+
                </li>
 +
 
</ul>
 
</ul>
 
</center>
 
</center>

Latest revision as of 22:12, 18 September 2015