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

 
(8 intermediate revisions by 3 users not shown)
Line 80: Line 80:
 
</style>
 
</style>
 
<header class="container-fluid">
 
<header class="container-fluid">
−
     <div class="row relative" style="margin-bottom: 15px; background-color: rgb(249,249,249); position: relative;">
+
     <div class="row relative" style="margin-bottom: 15px; background-color: rgb(249,249,249); position: relative; margin-top: -15px;">
 
         <div class="col-md-12 text-center header" style="padding-top: 25px; padding-bottom: 25px;">
 
         <div class="col-md-12 text-center header" style="padding-top: 25px; padding-bottom: 25px;">
 
             <a href="https://2015.igem.org/Team:Vilnius-Lithuania">
 
             <a href="https://2015.igem.org/Team:Vilnius-Lithuania">
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 {
 +
            list-style: none;
 +
        }
 +
 +
        #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>
 
     </style>
 
<style>
 
<style>
Line 108: Line 219:
 
nav  
 
nav  
 
</style>
 
</style>
−
     <nav class="row color-nav" style="margin-left: 0px; margin-right: 0px; margin-top: 10px;">
+
     <nav class="row color-nav" style="margin-left: -15px; margin-right: -15px; 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;">
Line 156: Line 267:
 
                         <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Team/Pictures">Pictures</a></li>
 
                         <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Team/Pictures">Pictures</a></li>
 
                         <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://2015.igem.org/Team:Vilnius-Lithuania/Crowdfunding">Crowdfunding</a></li>
 
   </ul>
 
   </ul>
 
</div>
 
</div>
Line 181: Line 292:
 
                         <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/Ethics">Ethics</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/Survey">Survey</a></li>
+
 
 
   </ul>
 
   </ul>
 
</div>
 
</div>
Line 189: Line 301:
 
<li>
 
<li>
 
<div>
 
<div>
−
   <a class="nav-link-o" href="#">Interlab</a>
+
   <a class="nav-link-o" href="https://2015.igem.org/Team:Vilnius-Lithuania/Measurement">Interlab</a>
 
</div>
 
</div>
 
</li>
 
</li>

Latest revision as of 11:16, 16 October 2015