Difference between revisions of "Template:CSS UCL5"
Superjack15 (Talk | contribs) |
|||
Line 484: | Line 484: | ||
} | } | ||
− | .menu-items { | + | .menu-items {display: inline-block; |
− | display: inline-block; | + | |
width: 100%; | width: 100%; | ||
text-align: right; | text-align: right; | ||
position:fixed; | position:fixed; | ||
− | top: | + | top:26px; |
z-index:99998; | z-index:99998; | ||
− | |||
} | } | ||
@media(max-width: 463px){ | @media(max-width: 463px){ | ||
.menu-items {margin-top: 10px; } | .menu-items {margin-top: 10px; } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
.menu-items li { | .menu-items li { | ||
− | display: inline-block; | + | display: inline-block; |
− | margin-right: 10px; | + | margin-right: 10px; |
− | margin-left: 10px; | + | margin-left: 10px; |
− | margin-top: | + | margin-top: 3px; |
letter-spacing: 1.1px; | letter-spacing: 1.1px; | ||
− | |||
− | |||
+ | } | ||
− | .menu-items li:hover ul | + | .menu-items ul li:hover ul{ |
− | { | + | display:block; |
− | display: | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | height:auto; width:auto; | ||
+ | list-style-position: inside; | ||
+ | list-style-type: none !important; | ||
+ | padding-left: 0 !important; | ||
+ | margin-left: -19px; | ||
+ | float: left; | ||
+ | } | ||
.menu-items li ul { | .menu-items li ul { | ||
display:none; | display:none; | ||
position:absolute; | position:absolute; | ||
− | top: | + | top:28px; |
} | } | ||
.menu-items li ul li{ | .menu-items li ul li{ | ||
clear:both; | clear:both; | ||
− | text-align: | + | background: none; |
+ | text-align: center; | ||
+ | display: block; | ||
+ | background: #70C4BB; | ||
padding: 2px; | padding: 2px; | ||
+ | /*border: solid 1px #493C54;*/ | ||
+ | border-radius: 4px; | ||
+ | box-shadow:1.5px 1.5px lightgrey; | ||
opacity:0.95; | opacity:0.95; | ||
− | |||
} | } | ||
.menu-items li ul li a { | .menu-items li ul li a { | ||
− | color: # | + | color: #fff; |
− | font-size: | + | font-size: 14px; |
} | } | ||
.menu-items li ul li a:hover { | .menu-items li ul li a:hover { | ||
− | color: # | + | color: #787172/*#70C4BB;*/ |
} | } | ||
.menu-items a { | .menu-items a { | ||
− | color: # | + | color: #fff; |
text-decoration: none; | text-decoration: none; | ||
− | font-family: Raleway; | + | font-family: Raleway; |
} | } | ||
Line 555: | Line 554: | ||
-webkit-transition: color ease-in-out 150ms; | -webkit-transition: color ease-in-out 150ms; | ||
} | } | ||
− | |||
Revision as of 11:28, 28 August 2015