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 { | ||
+ | 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> |
Revision as of 08:44, 18 September 2015