Difference between revisions of "Template:Team:Vilnius-Lithuania/Vilnius15 Header"

Line 101: Line 101:
 
             background-image: linear-gradient(0deg, rgba(62,62,62,0) 0%, rgba(62,62,62,0) 50%, rgba(82,82,82,0.5) 51%);
 
             background-image: linear-gradient(0deg, rgba(62,62,62,0) 0%, rgba(62,62,62,0) 50%, rgba(82,82,82,0.5) 51%);
 
         }
 
         }
−
        #cssmenu ul {
+
    </style>
−
            list-style: none;
+
<style>
−
        }
+
.dropdown {
−
 
+
margin-top: 20px;
−
        #cssmenu a {
+
−
            text-decoration: none;
+
−
        }
+
−
 
+
−
        #cssmenu {
+
−
            height: 70px; /* This is for the main menu bit at the top */
+
−
        }
+
−
 
+
−
        #cssmenu > ul {
+
−
            text-align: center;
+
−
z-index: 9999;
+
−
        }
+
−
        /*            background-color: #784136; */
+
−
        #cssmenu > ul > li {
+
−
            display: inline-block;
+
−
            margin-left: 15px; /* This is when the drop down box appears */
+
−
            position: relative;
+
−
margin-top: -5px;
+
−
            z-index: 9999;
+
−
        }
+
−
        #cssmenu > ul > li > a {
+
−
            color: rgb(200,200,200);
+
−
            letter-spacing: 2px;
+
−
            font-family: Verdana, 'Lucida Grande';
+
−
            font-size: 14px;
+
−
            line-height: 70px; /* This bit chances the size of the text on the main heading */
+
−
            padding: 15px 24px; /* This is the padding between the different titles */
+
−
            -webkit-transition: color .15s;
+
−
            -moz-transition: color .15s;
+
−
            -o-transition: color .15s;
+
−
            transition: color .15s;
+
−
        }
+
−
 
+
−
        #cssmenu > ul > li > a:hover {
+
−
            color: rgb(255, 255, 255);
+
−
        }
+
−
 
+
−
        #cssmenu > ul > li > ul {
+
−
            opacity: 0;
+
−
            visibility: hidden;
+
−
            padding: 16px 0 20px 0;
+
−
            background-color: rgb(255, 255, 255);
+
−
            text-align: left; /* This is for the text when box is dropped down, centered isnt always totally in the middle so best to have on the left */
+
−
            position: absolute;
+
−
            top: 55px; /* This is for the drop down annimation */
+
−
            left: 50%;
+
−
            margin-left: -90px;
+
−
            width: 180px;
+
−
            -webkit-transition: all .3s .1s;
+
−
            -moz-transition: all .3s .1s;
+
−
            -o-transition: all .3s .1s;
+
−
            transition: all .3s .1s;
+
−
            -webkit-border-radius: 2px;
+
−
            -moz-border-radius: 2px;
+
−
            border-radius: 2px;
+
−
            background-color: rgb(227,227,227);
+
−
z-index: 9999;
+
−
        }
+
−
 
+
−
        #cssmenu > ul > li:hover > ul {
+
−
            opacity: 1;
+
−
            top: 65px; /* This is how far from the top the drop down annimation will go  */
+
−
            visibility: visible;
+
−
        }
+
−
 
+
−
        #cssmenu > ul > li > ul:before {
+
−
            content: '';
+
−
            display: block;
+
−
            border-color: transparent transparent rgb(227,227,227) transparent;
+
−
            border-style: solid;
+
−
            border-width: 10px; /* The border on the drop down box  */
+
−
            position: absolute;
+
−
            top: -20px;
+
−
            left: 50%;
+
−
            margin-left: -10px;
+
−
        }
+
−
 
+
−
        #cssmenu > ul ul > li {
+
−
            position: relative;
+
−
        }
+
−
 
+
−
        #cssmenu ul ul a {
+
−
            /* This is the drop down menu, change font or size when its drops down */
+
−
            color: rgb(62,62,62);
+
−
            font-family: Verdana, 'Lucida Grande';
+
−
            font-size: 13px;
+
−
            background-color: rgb(227,227,227);
+
−
            padding: 5px 8px 7px 16px;
+
−
            display: block;
+
−
            -webkit-transition: background-color .1s;
+
−
            -moz-transition: background-color .1s;
+
−
            -o-transition: background-color .1s;
+
−
            transition: background-color .1s;
+
−
        }
+
−
 
+
−
        #cssmenu ul ul a:hover {
+
−
            background-color: rgb(62,62,62);
+
−
 
+
−
        }
+
−
 
+
−
        #cssmenu ul ul a:hover {
+
−
            background-color: rgb(62,62,62);
+
−
            color: rgb(255, 255, 255);
+
−
        }
+
−
.has-sub {
+
−
margin-left: 0px !important;
+
 
}
 
}
−
    </style>
+
nav
−
     <nav class="row color-nav">
+
</style>
 +
     <nav class="row color-nav" style="margin-left: 0px; margin-right: 0px; margin-top: 10px;">
 
         <div id="cssmenu" class="col-md-12 col-xs-12 text-center" style="margin-left: 0px; margin-right: 0px; padding-left: 0px; madding-right: 0px">
 
         <div id="cssmenu" class="col-md-12 col-xs-12 text-center" style="margin-left: 0px; margin-right: 0px; padding-left: 0px; madding-right: 0px">
 
             <ul class="list-unstyled list-inline" style="margin-left: 0px;">
 
             <ul class="list-unstyled list-inline" style="margin-left: 0px;">
−
                <li style="margin-left: 0px;"><a href='https://2015.igem.org/Team:Vilnius-Lithuania'>Home</a>
+
<li>
−
 
+
<div>
−
                <li class='has-sub'><a href="#">Project</a>
+
  <a class="nav-link-o" href="https://2015.igem.org/Team:Vilnius-Lithuania">Home</a>
−
                    <ul>
+
</div>
 +
</li>
 +
<li>
 +
<div class="dropdown">
 +
  <a href="#" class="dropdown-toggle nav-link-o" data-toggle="dropdown">Project
 +
  <span class="caret"></span></a>
 +
  <ul class="dropdown-menu">
 
                         <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Project">Overview</a></li>
 
                         <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Project">Overview</a></li>
 
                         <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Description">Description</a></li>
 
                         <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Description">Description</a></li>
Line 226: Line 127:
 
                         <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Modeling">Modeling</a></li>
 
                         <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Modeling">Modeling</a></li>
 
                         <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Application">Application</a></li>
 
                         <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Application">Application</a></li>
−
                    </ul>
+
  </ul>
−
                <li class='has-sub'><a href="#">Parts</a>
+
</div>
−
                    <ul>
+
</li>
 +
 
 +
<li>
 +
<div class="dropdown">
 +
  <a href="#" class="dropdown-toggle nav-link-o" data-toggle="dropdown">Parts
 +
  <span class="caret"></span></a>
 +
  <ul class="dropdown-menu">
 
                         <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Team_Collection">Team Parts</a></li>
 
                         <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Team_Collection">Team Parts</a></li>
 
                         <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Basic_Part">Basic Parts</a></li>
 
                         <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Basic_Part">Basic Parts</a></li>
 
                         <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Composite_Part">Composite Parts</a></li>
 
                         <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Composite_Part">Composite Parts</a></li>
 
                         <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Part_Collection">Part Collection</a></li>
 
                         <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Part_Collection">Part Collection</a></li>
−
                    </ul>
+
  </ul>
−
                <li class='has-sub'><a href="#">Team</a>
+
</div>
−
                    <ul>
+
</li>
 +
 
 +
<li>
 +
<div class="dropdown">
 +
  <a href="#" class="dropdown-toggle nav-link-o" data-toggle="dropdown">Team
 +
  <span class="caret"></span></a>
 +
  <ul class="dropdown-menu">
 
                         <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Team/Members">Members</a></li>
 
                         <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Team/Members">Members</a></li>
 
                         <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Team/Sponsors">Sponsors</a></li>
 
                         <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Team/Sponsors">Sponsors</a></li>
Line 244: Line 157:
 
                         <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Team/Publicity">Publicity</a></li>
 
                         <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Team/Publicity">Publicity</a></li>
 
                         <li><a href="https://www.indiegogo.com/projects/igem-vilnius-lithuania-on-the-world-science-map/x/11976051#/story">Crowdfunding</a></li>
 
                         <li><a href="https://www.indiegogo.com/projects/igem-vilnius-lithuania-on-the-world-science-map/x/11976051#/story">Crowdfunding</a></li>
−
                    </ul>
+
  </ul>
−
                <li class='has-sub'><a href="#">Notebook</a>
+
</div>
−
                    <ul>
+
</li>
 +
 
 +
<li>
 +
<div class="dropdown">
 +
  <a href="#" class="dropdown-toggle nav-link-o" data-toggle="dropdown">Notebook
 +
  <span class="caret"></span></a>
 +
  <ul class="dropdown-menu">
 
                         <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Labjournal">Labjournal</a></li>
 
                         <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Labjournal">Labjournal</a></li>
 
                         <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Methods">Methods</a></li>
 
                         <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Methods">Methods</a></li>
 
                         <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Safety">Safety</a></li>
 
                         <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Safety">Safety</a></li>
−
                    </ul>
+
  </ul>
−
                <li class='has-sub'><a href="#">Human Practices</a>
+
</div>
−
                    <ul>
+
</li>
 +
 
 +
<li>
 +
<div class="dropdown">
 +
  <a href="#" class="dropdown-toggle nav-link-o" data-toggle="dropdown">Human Practice
 +
  <span class="caret"></span></a>
 +
  <ul class="dropdown-menu">
 
                         <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Practices">Overview</a></li>
 
                         <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Practices">Overview</a></li>
 
                         <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/HumanPractices/Education">Education</a></li>
 
                         <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/HumanPractices/Education">Education</a></li>
 
                         <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Collaborations">Collaborations</a></li>
 
                         <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Collaborations">Collaborations</a></li>
 
                       <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/HumanPractices/Events">Events</a></li>
 
                       <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/HumanPractices/Events">Events</a></li>
−
                       <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/HumanPractices/Ethics">Ethics</a></li>
+
                       <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/HumanPractices/Survey">Survey</a></li>
−
                    </ul>
+
  </ul>
−
                <li style="margin-left: 0px;"><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Measurement">InterLab</a>
+
</div>
 +
</li>
  
−
            </ul>
+
<li>
−
        </div>
+
<div>
−
     </nav >
+
  <a class="nav-link-o" href="#">Interlab</a>
 +
</div>
 +
</li>
 +
            <ul>
 +
      </div>
 +
     </nav>
 
     <!-- /navigation -->
 
     <!-- /navigation -->
 
</header>
 
</header>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 08:43, 18 September 2015