Difference between revisions of "Template:Team:Vilnius-Lithuania/Vilnius15 Header"
Line 2: | Line 2: | ||
<body> | <body> | ||
<style> | <style> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
div#content { | div#content { | ||
margin-top: 50px; | margin-top: 50px; | ||
Line 19: | Line 12: | ||
margin: 0px; | margin: 0px; | ||
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 a | + | .header a { |
− | opacity: 0. | + | opacity: 0.66; |
font-size: 12px; | font-size: 12px; | ||
float: right; | float: right; | ||
Line 57: | Line 54: | ||
right: 10px; | right: 10px; | ||
} | } | ||
− | .header a | + | .header a:hover { |
opacity: 1; | opacity: 1; | ||
color: white; | color: white; | ||
Line 63: | Line 60: | ||
} | } | ||
</style> | </style> | ||
− | <header class="container | + | <header class="container"> |
− | <div class="row b-default relative" style="margin-bottom: 15px; background-color: rgb( | + | <div class="row b-default relative" style="margin-bottom: 15px; background-color: rgb(249,249,249);"> |
<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;"> | ||
− | + | <img src="http://s3.postimg.org/70w4po6cz/Vilniusi_GEM_logo_stilizuotas_lt_f9f9f9ff.png" height="150px" /> | |
− | <a class="igem_homepage" href="https://igem.org/Main_Page">iGEM homepage</a> | + | <a class="igem_homepage" href="https://2013.igem.org/Main_Page">iGEM homepage</a> |
</div> | </div> | ||
</div> | </div> | ||
Line 73: | Line 70: | ||
<!-- navigation --> | <!-- navigation --> | ||
<style> | <style> | ||
− | + | .color-nav { | |
+ | background-color: rgb(62,62,62); | ||
+ | } | ||
#cssmenu ul { | #cssmenu ul { | ||
list-style: none; | list-style: none; | ||
Line 89: | Line 88: | ||
text-align: center; | text-align: center; | ||
} | } | ||
− | /* background-color: #784136; */ | + | /* background-color: #784136; */ |
#cssmenu > ul > li { | #cssmenu > ul > li { | ||
display: inline-block; | display: inline-block; | ||
Line 97: | Line 96: | ||
} | } | ||
#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 109: | ||
#cssmenu > ul > li > a:hover { | #cssmenu > ul > li > a:hover { | ||
− | color: rgb( | + | color: rgb(255, 255, 255); |
} | } | ||
Line 117: | Line 116: | ||
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 130: | ||
-moz-border-radius: 2px; | -moz-border-radius: 2px; | ||
border-radius: 2px; | border-radius: 2px; | ||
− | + | background-color: rgb(227,227,227); | |
} | } | ||
Line 143: | Line 142: | ||
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 157: | ||
#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 170: | ||
#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); |
} | } | ||
</style> | </style> | ||
− | <nav class="row | + | <nav class="row color-nav"> |
<div id="cssmenu" class="col-md-12 text-center"> | <div id="cssmenu" class="col-md-12 text-center"> | ||
<ul class="list-unstyled list-inline"> | <ul class="list-unstyled list-inline"> |
Revision as of 13:32, 26 July 2015