From 9e413fd5ad408a2ddee3be2be7e0283574f587ee Mon Sep 17 00:00:00 2001 From: pliablepixels Date: Tue, 10 May 2016 15:38:17 -0400 Subject: #246 - new list button Former-commit-id: d936aed8d33677c4ea9eb825387bbe0b75554796 --- www/css/style.css | 70 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 70 insertions(+) (limited to 'www/css') diff --git a/www/css/style.css b/www/css/style.css index 589549a8..1b9c1e16 100644 --- a/www/css/style.css +++ b/www/css/style.css @@ -888,3 +888,73 @@ body { font-family: sans-serif; } list-style-position: inside; } + +#flyoutmenu { + z-index:99; + +} + +#flyoutmenu ul { + list-style: none; + margin: 0; + padding: 0; + color:white; + z-index:99; + + font-size: 1.5em; + font-family: sans-serif; + text-transform: uppercase; +} + +#flyoutmenu li { + display: inline-block; + margin-bottom: .2em; + padding:0.5em; + line-height: 100%; +} + +#flyoutmenu li:first-child +{ + /*background: rgba(192, 57, 43, 0.7);*/ + background:rgba(108, 122, 137, 0.7); + -webkit-border-radius: 5px 0 0 5px ; + +} + +#flyoutmenu li:only-child +{ + /*background: rgba(192, 57, 43, 0.7);*/ + background:rgba(108, 122, 137, 0.7); + -webkit-border-radius: 5px 5px 5px 5px ; + +} + +#flyoutmenu li:last-child +{ + -webkit-border-radius: 0 5px 5px 0; +} + +/* make sure this is after last-child */ +#flyoutmenu li:only-child +{ + /*background: rgba(192, 57, 43, 0.7);*/ + background:rgba(108, 122, 137, 0.7); + -webkit-border-radius: 5px 5px 5px 5px ; + +} + + #flyoutmenu li:nth-child(n+2) { + background:rgba(108, 122, 137, 0.7); + z-index:-1; + + } + +#flyoutmenu a +{ + text-decoration:none; + color:white; +} + + + + -- cgit v1.2.3