graphdb-workbench
Version:
The web application for GraphDB APIs
1 lines • 5.97 kB
CSS
:host{display:block}.navbar-component{font-weight:400;height:100%;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:fixed;-moz-transition:width .2s ease-in;-o-transition:width .2s ease-in;-webkit-transition:width .2s ease-in;transition:width .2s ease-in;width:15rem;z-index:1010}@media screen and (max-height:475px){.navbar-component.collapsed{position:absolute}}.navbar-component li{cursor:pointer;list-style:none}.navbar-component li a{color:var(--gw-sidenav-menuitem-icon-color);text-decoration:none}.navbar-component li a.sub-menu-link:not([href=""]):not([tabindex]):hover{text-decoration:none}.navbar-component .sub-menu-item a.sub-menu-link:not([href]) translate-label.menu-item{padding-right:3.5px}.navbar-component a:not([href]):not([tabindex]),.navbar-component a:not([href]):not([tabindex]):focus,.navbar-component a:not([href]):not([tabindex]):hover{color:var(--gw-sidenav-menuitem-icon-color)}.navbar-component a.sub-menu-link:not([href]):hover .menu-item,.navbar-component a.sub-menu-link[href=""]:hover .menu-item{text-decoration-line:underline}.navbar-component .sub-menu li:hover,.navbar-component li .menu-element-root:hover{text-decoration-line:none}.navbar-component .menu-element.open .menu-item-icon,.navbar-component li .menu-element-root:hover .menu-item-icon{transform:scale(1.1)}.navbar-component .menu-element.open .sub-menu .menu-item-icon{transform:scale(.5)}.navbar-component .menu-element{background-color:var(--gw-sidenav-menuitem-background);position:relative}.navbar-component .menu-element-root{color:var(--gw-sidenav-menuitem-color);cursor:pointer;display:block;line-height:2.5rem;overflow:hidden;padding:.8em 2.5em .8em .8em;position:relative;text-overflow:ellipsis;white-space:nowrap;z-index:100}.navbar-component .menu-element-root,.navbar-component .menu-item-icon{-moz-transition:all .18s ease-out;-o-transition:all .18s ease-out;-webkit-transition:all .18s ease-out;transition:all .18s ease-out}.navbar-component .menu-item-icon{color:var(--gw-sidenav-menuitem-icon-color);display:inline-block;font-size:2.5rem;pointer-events:none;text-align:center;transform:scale(.9);vertical-align:middle;width:2.5rem}.navbar-component .menu-element-root .menu-item{pointer-events:none}.navbar-component .menu-element-root.active,.navbar-component .menu-element-root.active:hover{background-color:var(--gw-sidenav-submenuitem-active-background);color:var(--gw-sidenav-menuitem-active-color)}.navbar-component .active .menu-item-icon{color:var(--gw-sidenav-menuitem-active-icon-color);transform:scale(1.1)}.navbar-component :not(.brand) .menu-element-root{font-size:1.1rem}.navbar-component .brand{background-color:var(--gw-sidenav-logo-background)}.navbar-component .brand a{display:block;position:relative;z-index:5}.navbar-component .menu-element.open,.navbar-component.collapsed .menu-element:hover{background-color:var(--gw-sidenav-submenuitem-highlight-background)}.navbar-component .sub-menu{padding:0;position:relative;z-index:110}.navbar-component .sub-menu li{display:none}.navbar-component .sub-menu li a{color:var(--gw-sidenav-submenuitem-color);display:block;padding:.5em .8em}.navbar-component .sub-menu li.active a{background-color:var(--gw-sidenav-submenuitem-active-background);color:var(--gw-sidenav-submenuitem-active-color);font-weight:500}.navbar-component .menu-element.open ul li{display:block}.navbar-component .menu-element ul:before,.rdf-list ul.datasource:before{content:"\e921";display:block;font-family:icomoon,sans-serif;font-size:1.5em;pointer-events:none;position:absolute;right:1rem;top:-3.3rem;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}.navbar-component .menu-element.open ul:before,.rdf-list ul.open.datasource:before{transform:rotate(180deg)}.toggle-menu{background-color:var(--gw-sidenav-collapsebutton-background);color:var(--gw-sidenav-collapsebutton-color);cursor:pointer;display:block;font-size:.8em;line-height:1.5;padding:0 .3em;position:absolute;right:0;top:0;z-index:10}.toggle-menu:hover{background-color:var(--gw-sidenav-collapsebutton-hover-background);color:var(--gw-sidenav-collapsebutton-hover-color)}.toggle-menu [class^=icon-]{display:inline-block;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}.toggle-menu:hover [class^=icon-]{transform:scale(1.1)}.small-logo{height:50px;width:50px}.big-logo{height:50px;width:180px}.navbar-component.collapsed{height:auto;overflow:visible;width:4.375rem}.navbar-component.collapsed .menu-element.open .sub-menu{background-color:var(--gw-sidenav-submenuitem-highlight-background);left:4.375rem;position:absolute;top:0;width:15rem}.navbar-component.collapsed .menu-element .menu-item,.navbar-component.collapsed .menu-element .sub-menu li{display:none}.navbar-component.collapsed .menu-element.open .menu-item,.navbar-component.collapsed .menu-element.open .sub-menu li{display:block}.navbar-component.collapsed .menu-element.open .menu-element-root .menu-item{display:none}.navbar-component.collapsed .menu-element-root{overflow:visible}.navbar-component .menu-element.open ul li.submenu-title,.navbar-component .submenu-title{display:none}.navbar-component.collapsed .menu-element.open ul li.submenu-title{color:var(--gw-sidenav-submenuitem-color);display:block;font-size:1.2em;font-weight:500;margin-bottom:.5em;margin-left:.8rem;overflow:hidden;padding:.5em .8rem .2em 0;text-overflow:ellipsis}.navbar-component .sub-menu li.submenu-title:hover{background-color:transparent}.navbar-component.collapsed .menu-element.open .sub-menu.align-bottom{bottom:0;top:auto}.navbar-component.collapsed .menu-element ul:before{display:none}.navbar-component.collapsed .brand a{padding:.4rem}.navbar-component .big-logo,.navbar-component.collapsed .small-logo{display:block}.navbar-component .small-logo,.navbar-component.collapsed .big-logo{display:none}