diff options
Diffstat (limited to 'rt/share/static/css/freeside4/nav.css')
-rw-r--r-- | rt/share/static/css/freeside4/nav.css | 223 |
1 files changed, 223 insertions, 0 deletions
diff --git a/rt/share/static/css/freeside4/nav.css b/rt/share/static/css/freeside4/nav.css new file mode 100644 index 0000000..907a74b --- /dev/null +++ b/rt/share/static/css/freeside4/nav.css @@ -0,0 +1,223 @@ +.sf-menu { + width: 100%; + margin-bottom: 0; +} + +.sf-menu li:hover { + background-color: #CFDEFF +} + +.sf-menu li, +.sf-menu li li, +.sf-menu li li li { + background-color: #fff +} + +.sf-sub-indicator { + background-image: url(../../../static/css/images/arrows-grey.png) +} + +.sf-menu li li .sf-sub-indicator { + margin-top: -3px +} + +#page-menu.sf-menu li .sf-sub-indicator { + top: 0.7em +} + +#page-menu.sf-menu li:hover ul, +#page-menu.sf-menu li.sfHover ul { + top: 2.5em +} + +#main-navigation { + position: absolute; + top: 1px; + left: 0; + z-index: 9999; + text-color: #000; +} + +#main-navigation .sf-menu a, +#main-navigation .sf-menu a:hover { + padding-top: 0.5em; + padding-bottom: 0.5em; + border-color: #fff; + color: #000; +} + +#main-navigation a { + border-top: none +} + +#main-navigation li li a { + border-top: 1px solid white +} + +#app-nav.sf-menu > li:first-child > a { + border-left: none +} + +#main-navigation #app-nav > li, +#main-navigation #app-nav > li > a { + background-color: transparent +} + +#page-navigation { + position: absolute; + top: 6em; + right: 0; + left: 0; + padding-right: 3em; + z-index: 9995; + font-size: 0.9em; + border-bottom: 1px solid #ccc; + background-color: #eee; +} + +#page-navigation #page-menu { + margin-top: 0.2em; + float: right; + width: auto; +} + +#page-navigation .sf-menu li { + background-color: transparent +} + +#page-navigation .sf-menu li li, +#page-navigation .sf-menu li li li { + background-color: #fff +} + +#page-navigation .sf-menu a:visited, +#page-navigation .sf-menu a { + border: none; + color: #000; +} + +/* to stop a "flash" of an unstyled menu on an older browser, hide the menu until superfish has initialized it */ + +#app-nav.toplevel { + display: none +} + +#app-nav.toplevel.sf-menu { + display: block +} + +#page-menu.toplevel { + display: none +} + +#page-menu.toplevel.sf-menu { + display: block +} + +#topactions { + position: absolute; + background: transparent; + top: 2.5em; + right: 0em; + padding-right: 0.7em; + width: auto; + padding-top: 0.5em; + padding-bottom: 0.5em; + min-width: 42em; + font-size: 0.9em; + z-index: 99; +} + +#topactions form * { + +} + +#topactions input, +#topactions select, +#topactions button { + font-size: 1em; + padding-top: 0.25em; + padding-bottom: 0.25em; + padding-left: 0.5em; + padding-right: 0.5em; + width: 8em; + vertical-align: middle; +} + +#topactions .select-queue { + padding-right: 0 +} + +#topactions #simple-search .field { + margin-left: 1em; + color: #787; +} + +#topactions #simple-search .field:focus { + color: #000 +} + +.sf-menu ul { + background-image: none; + padding: 0; +} + +.sf-menu.sf-shadow ul { + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; + -moz-box-shadow: 2px 2px 8px -2px #999; + -webkit-box-shadow: 2px 2px 8px -2px #999; + box-shadow: 2px 2px 8px -2px #999; +} + +/* The bookmark star is too tall without adjusting the padding and height */ + +.sf-menu .toggle-bookmark a { + padding: 0 1em; + height: 2.5em; +} + +.sf-menu .toggle-bookmark a img { + padding-top: 0.6em +} + +/* Pin page menu to top left corner once you scroll past it */ + +#page-navigation #page-menu.pinned { + position: fixed; + top: 0; + right: 0; + left: auto; + width: auto; + margin-top: 0; + background: white; + border-left: 1px #aaa solid; + border-bottom: 1px #aaa solid; + border-radius: 0 0 0 5px; + box-shadow: 0 0 10px rgba(0,0,0,0.4); + /* stupid vendor prefixes */ + -moz-border-radius: 0 0 0 5px; + -webkit-border-radius: 0 0 0 5px; + -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4); + -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4); +} + +#page-menu.pinned li:hover ul, +#page-menu.pinned li.sfHover ul { + border-left: 1px #aaa solid; + border-right: 1px #aaa solid; + z-index: -1 !important; /* relative to current stacking context */ + box-shadow: 0 0 10px rgba(0,0,0,0.4); + -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4); + -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4); +} + +/* round off the corner of the first menu item so it matches the container */ + +#page-menu.pinned > li:first-of-type, +#page-menu.pinned > li:first-of-type > a { + border-radius: 0 0 0 5px; + -moz-border-radius: 0 0 0 5px; + -webkit-border-radius: 0 0 0 5px; +} |