Difference between revisions of "Template:Team:Vilnius-Lithuania/Vilnius15 Header2"
Line 2: | Line 2: | ||
<body> | <body> | ||
<style> | <style> | ||
− | + | div#content { | |
− | + | margin-top: 50px; | |
− | + | border: none; | |
− | + | padding: 10px 15px; | |
− | + | width: 1000px; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | div#bodyContent p:nth-of-type(2) { | |
− | # | + | margin: -20px; |
− | + | height: 0px; | |
− | + | } | |
− | + | #top_menu_under { | |
− | + | /*background-color: red;*/ | |
− | + | } | |
− | + | ||
− | + | ||
− | } | + | |
− | + | .b-default { | |
− | + | border: 1px solid rgb(120, 65, 54); | |
− | + | } | |
− | + | .b-default-h { | |
− | + | border-left: 1px solid rgb(120, 65, 54); | |
− | } | + | border-right: 1px solid rgb(120, 65, 54); |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | .b-default-v { | |
− | + | border-top: 1px solid rgb(120, 65, 54); | |
− | + | border-bottom: 1px solid rgb(120, 65, 54); | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | .b-default-top { | |
− | + | border-top: 1px solid rgb(120, 65, 54); | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .b-default-bottom { | |
− | + | border-bottom: 1px solid rgb(120, 65, 54); | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | .relative { | |
− | + | position: relative; | |
− | + | } | |
− | } | + | |
− | + | .header .igem_homepage a { | |
+ | opacity: 0.25; | ||
+ | font-size: 12px; | ||
+ | float: right; | ||
+ | background-color: rgb(62,62,62); | ||
+ | padding: 0px 2px; | ||
+ | color: white; | ||
+ | text-decoration: none; | ||
+ | position: absolute; | ||
+ | top: 10px; | ||
+ | right: 10px; | ||
+ | } | ||
+ | .header .igem_homepage a:hover { | ||
+ | opacity: 1; | ||
+ | color: white; | ||
+ | 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> | ||
+ | <header class="container-fluid"> | ||
+ | <div class="row relative" style="margin-bottom: 15px; background-color: rgb(249,249,249); position: relative;"> | ||
+ | <div class="col-md-12 text-center header" style="padding-top: 25px; padding-bottom: 25px;"> | ||
+ | <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> | ||
− | + | <!-- navigation --> | |
− | + | <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 { | ||
+ | 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> | |
− | + | <nav class="row color-nav"> | |
− | + | <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 style="margin-left: 0px;"><a href='https://2015.igem.org/Team:Vilnius-Lithuania'>Home</a> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <li class='has-sub'><a href="#">Project</a> | |
− | + | <ul> | |
− | + | <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> | |
− | + | <li class='has-sub'><a href="#">Parts</a> | |
− | + | <ul> | |
− | + | <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/Composite_Part">Composite Parts</a></li> | |
− | + | <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Part_Collection">Part Collection</a></li> | |
− | + | </ul> | |
− | + | <li class='has-sub'><a href="#">Team</a> | |
− | + | <ul> | |
− | + | <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/Attributions">Attributions</a></li> | |
− | + | <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Judging">Judging</a></li> | |
− | + | <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Team/Timeline">Timeline</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://www.indiegogo.com/projects/igem-vilnius-lithuania-on-the-world-science-map/x/11976051#/story">Crowdfunding</a></li> | |
− | + | </ul> | |
− | + | <li class='has-sub'><a href="#">Notebook</a> | |
− | + | <ul> | |
− | + | <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> | |
− | + | <li class='has-sub'><a href="#">Human Practices</a> | |
− | + | <ul> | |
− | + | <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/Events">Events</a></li> |
− | + | <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania/HumanPractices/Survey">Survey</a></li> | |
− | // | + | </ul> |
− | + | <li style="margin-left: 0px;"><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Measurement">InterLab</a> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | // | + | </ul> |
− | + | </div> | |
− | + | </nav > | |
− | + | <!-- /navigation --> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
</header> | </header> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 07:54, 18 September 2015