menu-styles.css 3.2 KB

1
  1. :root{--ggb-primary-color: #6557D2;--ggb-primary-variant-color: #F3F0FF;--ggb-dark-color: #5145A8;--ggb-light-color: #F3F0FF;--ggb-selection-color: rgba(101, 87, 210, 0.2)}.GeoGebraFrame .floatingMenuView{position:absolute;top:0px;box-shadow:0 6px 16px rgba(0,0,0,.28);z-index:101;height:100%;width:320px;background-color:#fff;transition-property:left;overflow:auto;overflow-x:hidden;pointer-events:initial}.GeoGebraFrame .floatingMenuView.transitionIn{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-duration:.25s;left:0px}.GeoGebraFrame .floatingMenuView.transitionOut{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-duration:.2s;left:-320px;box-shadow:none}.GeoGebraFrame .floatingMenuView .headerCaption{font-weight:500;letter-spacing:-0.65px}.GeoGebraFrame .menuView{width:100%;padding:8px 0px}.GeoGebraFrame .menuView .groupLabel{font-size:75%;text-transform:uppercase;margin:8px 16px 8px 16px}.GeoGebraFrame .menuView .menuItemView{display:flex;width:calc(100% - 10px);height:48px;line-height:48px;border-radius:0px 24px 24px 0px;white-space:nowrap;font-size:87%}.GeoGebraFrame .menuView .menuItemView:hover{background-color:#f3f2f7}.GeoGebraFrame .menuView .menuItemView.keyboardFocus:focus-visible{outline-color:var(--ggb-dark-color);outline-width:2px;outline-style:solid;background:var(--ggb-light-color)}.GeoGebraFrame .menuView .menuItemView .menuImg{vertical-align:bottom;display:inline-block;width:24px;height:24px;margin:12px 16px;opacity:.54;padding:0}.GeoGebraFrame .menuView .menuItemView .fa-light{display:inline-flex;margin:12px 16px;opacity:.54;width:24px;height:24px;font-size:24px;justify-content:center}.GeoGebraFrame .menuView .menuItemView .html-face{display:inline-block;font-size:87%;vertical-align:middle}.GeoGebraFrame .menuView .menuItemView.userMenuItemView .menuImg{border-radius:50%;object-fit:cover;opacity:1;margin:2px 8px 6px 12px;width:36px;height:36px}.GeoGebraFrame .menuView .menuItemView.noImage{padding-left:16px;width:calc(100% - 26px)}.GeoGebraFrame .menuView .divider{height:1px;margin:8px 0px 8px 56px}.GeoGebraFrame .headerDivider{border-bottom:solid #e4e4e4 1px}.GeoGebraFrame .titleHeader>div{color:#6e6d73}.GeoGebraFrame .headeredMenuView{background-color:#fff;width:100%;height:100%}.GeoGebraFrame .headeredMenuView .versionNumber{position:absolute;bottom:0px;font-size:87%;margin-bottom:16px;width:100%;text-align:center}.GeoGebraFrame .mainMenu{position:absolute}.GeoGebraFrame .mainMenu.transitionIn{transition-timing-function:cubic-bezier(0.35, 0.91, 0.33, 0.97);transition-duration:.25s;left:0px}.GeoGebraFrame .mainMenu.transitionOut{overflow:hidden;transition-timing-function:cubic-bezier(0.35, 0.91, 0.33, 0.97);transition-duration:.25s;left:-100px}.GeoGebraFrame .subMenu{position:absolute;height:100%;width:100%;z-index:200}.GeoGebraFrame .subMenu.transitionIn{overflow:auto;transition-timing-function:cubic-bezier(0.35, 0.91, 0.33, 0.97);transition-duration:.25s;box-shadow:-2px 0px 20px 0px rgba(0,0,0,.3);left:0px}.GeoGebraFrame .subMenu.transitionOut{transition-timing-function:cubic-bezier(0.35, 0.91, 0.33, 0.97);transition-duration:.25s;left:320px}.GeoGebraFrame .menuPanelContainer{width:100%;height:100%}.GeoGebraFrame .menuPanelGlass{width:100%;height:100%;overflow:hidden;position:absolute;top:0;pointer-events:none}