graphdb-workbench/dist/shared-components/collection/components/onto-user-menu/onto-user-menu.css

The web application for GraphDB APIs

.onto-user-menu{position:relative;width:fit-content}.onto-user-menu button{border:1px solid transparent;color:var(--gw-secondary-base);cursor:pointer;display:flex;flex-direction:row;font-size:1rem;font-weight:400;line-height:1.5;padding:.4em 1rem;place-items:center;text-align:center;transition:all .15s ease-out;user-select:none;white-space:nowrap}.onto-user-menu button:hover{background-color:#d4d4d4;border-color:#d4d4d4}.onto-user-menu button:hover .fa-user{transform:scale(1.2)}.onto-user-menu button:focus{outline:none}.onto-user-menu button.open{background-color:var(--gw-primary-base);border-color:var(--gw-primary-base);color:#fff}.onto-user-menu button.open .fa-user{color:var(--icon-on-primary-color,hsla(0,0%,100%,.8))}.onto-user-menu button.open:hover .fa-user{transform:scale(1.2)}.onto-user-menu button .username{padding:0 5px}.onto-user-menu button i{color:var(--user-menu-primary-color);font-size:1.2em;line-height:.75;transition:.15s ease-out}.onto-user-menu button i.fa-angle-down{color:rgba(0,0,0,.35);font-size:1.1em;transition:all .2s ease-in}.onto-user-menu .onto-user-menu-dropdown{background-color:var(--user-menu-primary-color);color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:1rem;min-width:7rem;position:absolute;right:0;text-decoration:none;width:100%;z-index:1000}.onto-user-menu .onto-user-menu-dropdown translate-label{font-weight:400;padding:.4rem 1rem;user-select:none;white-space:nowrap}.onto-user-menu .onto-user-menu-dropdown translate-label:focus,.onto-user-menu .onto-user-menu-dropdown translate-label:hover{background-color:rgba(0,0,0,.1)}