Difference between revisions of "Template:Team:Vilnius-Lithuania/Vilnius15 Header"
(89 intermediate revisions by 3 users not shown) | |||
Line 2: | Line 2: | ||
<body> | <body> | ||
<style> | <style> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
div#content { | div#content { | ||
margin-top: 50px; | margin-top: 50px; | ||
Line 17: | Line 10: | ||
div#bodyContent p:nth-of-type(2) { | div#bodyContent p:nth-of-type(2) { | ||
− | margin: | + | margin: -20px; |
height: 0px; | height: 0px; | ||
+ | } | ||
+ | #top_menu_under { | ||
+ | /*background-color: red;*/ | ||
} | } | ||
Line 41: | Line 37: | ||
border-bottom: 1px solid rgb(120, 65, 54); | border-bottom: 1px solid rgb(120, 65, 54); | ||
} | } | ||
+ | |||
.relative { | .relative { | ||
position: relative; | position: relative; | ||
} | } | ||
− | .header | + | .header .igem_homepage a { |
− | opacity: 0. | + | opacity: 0.25; |
font-size: 12px; | font-size: 12px; | ||
float: right; | float: right; | ||
− | background-color: rgb( | + | background-color: rgb(62,62,62); |
padding: 0px 2px; | padding: 0px 2px; | ||
− | color: | + | color: white; |
text-decoration: none; | text-decoration: none; | ||
position: absolute; | position: absolute; | ||
Line 57: | Line 54: | ||
right: 10px; | right: 10px; | ||
} | } | ||
− | .header | + | .header .igem_homepage a:hover { |
opacity: 1; | opacity: 1; | ||
color: white; | color: white; | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
+ | |||
+ | |||
+ | .desturate img:hover { | ||
+ | -webkit-filter: grayscale(0%); | ||
+ | -webkit-transition: .5s ease-in-out; | ||
+ | -moz-filter: grayscale(0%); | ||
+ | -moz-transition: .5s ease-in-out; | ||
+ | -o-filter: grayscale(0%); | ||
+ | -o-transition: .5s ease-in-out; | ||
+ | } | ||
+ | |||
+ | .desturate img { | ||
+ | -webkit-filter: grayscale(100%); | ||
+ | -webkit-transition: .5s ease-in-out; | ||
+ | -moz-filter: grayscale(100%); | ||
+ | -moz-transition: .5s ease-in-out; | ||
+ | -o-filter: grayscale(100%); | ||
+ | -o-transition: .5s ease-in-out; | ||
+ | } | ||
</style> | </style> | ||
<header class="container-fluid"> | <header class="container-fluid"> | ||
− | <div class="row | + | <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"><img src=" | + | <a href="https://2015.igem.org/Team:Vilnius-Lithuania"> |
− | < | + | <!-- http://i.giphy.com/3oEduPus3TMk9hxu6I.gif --> |
+ | <img id="main_logo" src="https://static.igem.org/mediawiki/2015/5/5f/Vilnius15_logo.gif" height="250px" /></a> | ||
+ | |||
+ | <div style="position: absolute; top: 10px; right: 10px;"><a class="desturate" href="https://2015.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2015/3/36/Vilnius15_igem_logo.png" width="75" height="75" /></a> | ||
+ | </div> | ||
+ | |||
+ | <!-- http://s3.postimg.org/70w4po6cz/Vilniusi_GEM_logo_stilizuotas_lt_f9f9f9ff.png --> | ||
+ | |||
+ | <!--<span class="igem_homepage"><a href="https://2015.igem.org/Main_Page">iGEM homepage</a></span>--> | ||
</div> | </div> | ||
</div> | </div> | ||
Line 73: | Line 97: | ||
<!-- navigation --> | <!-- navigation --> | ||
<style> | <style> | ||
− | + | .color-nav { | |
+ | background-color: rgb(62,62,62); | ||
+ | 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 { | #cssmenu ul { | ||
list-style: none; | list-style: none; | ||
Line 88: | Line 115: | ||
#cssmenu > ul { | #cssmenu > ul { | ||
text-align: center; | text-align: center; | ||
+ | z-index: 9999; | ||
} | } | ||
− | /* background-color: #784136; */ | + | /* background-color: #784136; */ |
#cssmenu > ul > li { | #cssmenu > ul > li { | ||
display: inline-block; | display: inline-block; | ||
margin-left: 15px; /* This is when the drop down box appears */ | margin-left: 15px; /* This is when the drop down box appears */ | ||
position: relative; | position: relative; | ||
− | z-index: | + | margin-top: -5px; |
+ | z-index: 9999; | ||
} | } | ||
#cssmenu > ul > li > a { | #cssmenu > ul > li > a { | ||
− | color: rgb( | + | color: rgb(200,200,200); |
letter-spacing: 2px; | letter-spacing: 2px; | ||
font-family: Verdana, 'Lucida Grande'; | font-family: Verdana, 'Lucida Grande'; | ||
Line 110: | Line 139: | ||
#cssmenu > ul > li > a:hover { | #cssmenu > ul > li > a:hover { | ||
− | color: rgb( | + | color: rgb(255, 255, 255); |
} | } | ||
Line 117: | Line 146: | ||
visibility: hidden; | visibility: hidden; | ||
padding: 16px 0 20px 0; | padding: 16px 0 20px 0; | ||
− | background-color: rgb( | + | 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 */ | 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; | position: absolute; | ||
Line 131: | Line 160: | ||
-moz-border-radius: 2px; | -moz-border-radius: 2px; | ||
border-radius: 2px; | border-radius: 2px; | ||
− | + | background-color: rgb(227,227,227); | |
+ | z-index: 9999; | ||
} | } | ||
Line 143: | Line 173: | ||
content: ''; | content: ''; | ||
display: block; | display: block; | ||
− | border-color: transparent transparent | + | border-color: transparent transparent rgb(227,227,227) transparent; |
border-style: solid; | border-style: solid; | ||
border-width: 10px; /* The border on the drop down box */ | border-width: 10px; /* The border on the drop down box */ | ||
Line 158: | Line 188: | ||
#cssmenu ul ul a { | #cssmenu ul ul a { | ||
/* This is the drop down menu, change font or size when its drops down */ | /* This is the drop down menu, change font or size when its drops down */ | ||
− | color: | + | color: rgb(62,62,62); |
font-family: Verdana, 'Lucida Grande'; | font-family: Verdana, 'Lucida Grande'; | ||
font-size: 13px; | font-size: 13px; | ||
− | background-color: | + | background-color: rgb(227,227,227); |
padding: 5px 8px 7px 16px; | padding: 5px 8px 7px 16px; | ||
display: block; | display: block; | ||
Line 171: | Line 201: | ||
#cssmenu ul ul a:hover { | #cssmenu ul ul a:hover { | ||
− | background-color: rgb( | + | background-color: rgb(62,62,62); |
} | } | ||
#cssmenu ul ul a:hover { | #cssmenu ul ul a:hover { | ||
− | background-color: rgb( | + | background-color: rgb(62,62,62); |
− | color: | + | color: rgb(255, 255, 255); |
} | } | ||
+ | .has-sub { | ||
+ | margin-left: 0px !important; | ||
+ | } | ||
</style> | </style> | ||
− | <nav class="row" style=" | + | <style> |
− | <div id="cssmenu" class="col-md-12 text-center"> | + | .dropdown { |
− | <ul class="list-unstyled list-inline"> | + | margin-top: 20px; |
− | + | } | |
+ | nav | ||
+ | </style> | ||
+ | <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"> | ||
+ | <ul class="list-unstyled list-inline" style="margin-left: 0px;"> | ||
+ | <li> | ||
+ | <div> | ||
+ | <a class="nav-link-o" href="https://2015.igem.org/Team:Vilnius-Lithuania">Home</a> | ||
+ | </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/Description">Description</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Design">Design</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Results">Results</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> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </li> | ||
− | + | <li> | |
− | + | <div class="dropdown"> | |
− | <li><a href=" | + | <a href="#" class="dropdown-toggle nav-link-o" data-toggle="dropdown">Parts |
− | <li><a href=" | + | <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/Basic_Part">Basic Parts</a></li> | |
− | <li><a href=" | + | <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> | |
− | + | </ul> | |
− | + | </div> | |
− | + | </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=" | + | <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Team/Sponsors">Sponsors</a></li> |
− | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Attributions">Attributions</a></li> |
− | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Judging">Judging</a></li> |
− | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Team/Timeline">Timeline</a></li> |
− | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Team/Pictures">Pictures</a></li> |
− | <li><a href=" | + | <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/Crowdfunding">Crowdfunding</a></li> | |
− | + | </ul> | |
− | + | </div> | |
− | + | </li> | |
− | <li><a href=" | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <li> | |
− | + | <div class="dropdown"> | |
− | </nav > | + | <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/Methods">Methods</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Safety">Safety</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </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/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/HumanPractices/Ethics">Ethics</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/HumanPractices/Events">Events</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <div> | ||
+ | <a class="nav-link-o" href="https://2015.igem.org/Team:Vilnius-Lithuania/Measurement">Interlab</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <ul> | ||
+ | </div> | ||
+ | </nav> | ||
<!-- /navigation --> | <!-- /navigation --> | ||
</header> | </header> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 11:16, 16 October 2015