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