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

 
(16 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: 975px; /*1000px*/
+
              width: 100%; /*1000px*/
 
              height: 43px;
 
              height: 43px;
 
                       border-radius:4px;
 
                       border-radius:4px;
−
 
+
                  text-align: center;
 
              /* Background & effects */
 
              /* Background & effects */
 
              background: #56A0D3; /* Background for Internet Explorer 9 and older browsers */
 
              background: #56A0D3; /* Background for Internet Explorer 9 and older browsers */
Line 40: Line 34:
  
 
               /* The link containers */
 
               /* The link containers */
−
               .nav>li {
+
               #menu .nav>li {
−
              display: block;
+
              display:inline-block;
−
              float:left;
+
 
              position: relative;
 
              position: relative;
 
              margin: 0;
 
              margin: 0;
Line 50: 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 74: 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 94: Line 81:
  
  
−
               .arrow:hover {
+
               #menu .arrow:hover {
 
                   -moz-transition-duration: 3000s;
 
                   -moz-transition-duration: 3000s;
 
                   -ms-transition-duration: 3000s;
 
                   -ms-transition-duration: 3000s;
Line 104: Line 91:
  
 
               /* General styling for the submenus */
 
               /* General styling for the submenus */
−
               .nav ul {
+
               #menu .nav ul {
−
              display: block;
+
              display: inline-block;
 
              position: absolute;
 
              position: absolute;
 
              left: -9999px;
 
              left: -9999px;
Line 114: 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 122: 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 128: 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 141: 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 179: 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 193: 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 199: 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 209: 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 229: Line 216:
  
 
</head>
 
</head>
−
<body>
+
 
 +
 
 +
<body id="menu">
 
<a id="top">
 
<a id="top">
 
</a>
 
</a>
Line 236: 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