headerbar.css 10 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}.GeoGebraFrame{position:relative}.GeoGebraFrame .ggbdockpanelhack>div{overflow:visible !important}.GeoGebraFrame .toolPanelHeading{height:48px;border-bottom:1px rgba(0,0,0,.1) solid;position:relative;transition:height .2s}.GeoGebraFrame .toolPanelHeading .gwt-Image{opacity:.54}.GeoGebraFrame .toolPanelHeading.noBorder{border-bottom:none}.GeoGebraFrame .toolPanelHeading.withShadow{z-index:5;border-bottom:none;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)}.GeoGebraFrame .toolbarPanel{position:relative;background-color:#f8f8f8;box-shadow:0px 0px 2px rgba(204,204,204,.5);padding:5px;box-sizing:border-box;z-index:100}.GeoGebraFrame .toolbarPanel .toolBPanelMobile{overflow:hidden;height:46px}.GeoGebraFrame .toolbarPanel ::-webkit-scrollbar{height:5px;overflow:visible}.GeoGebraFrame .toolbarPanel ::-webkit-scrollbar-button{height:0;width:0}.GeoGebraFrame .toolbarPanel ::-webkit-scrollbar-thumb{background-color:#999}.GeoGebraFrame .toolbarPanel ::-webkit-scrollbar-track{background-clip:padding-box;border:solid rgba(0,0,0,0);border-width:0 0 0 4px}.GeoGebraFrame .toolbarPanel .overflow{overflow:visible !important}.GeoGebraFrame .toolbarPanel .toolBPanel{float:left;padding-top:1px}.GeoGebraFrame .toolbarPanel .toolBPanel ul{margin:0;padding:0}.GeoGebraFrame .toolbarPanel .toolBPanel li.toolbar_item{margin:0 5px 0 0;text-align:center;position:relative;width:40px;height:40px;display:block;float:left;list-style-type:none;cursor:pointer}.GeoGebraFrame .toolbarPanel .toolBPanel .toolbar_button{border-radius:5px;border:1px solid #dcdcdc;background-color:#fff;padding:3px;width:32px;height:32px}.GeoGebraFrame .toolbarPanel .toolBPanel .toolbar_button[isSelected=false]{border-color:#dcdcdc}.GeoGebraFrame .toolbarPanel .toolBPanel .toolbar_button:hover[isSelected=false][isMobile=false],.GeoGebraFrame .toolbarPanel .toolBPanel .toolbar_button:focus[isSelected=false][isMobile=false]{border-color:#6161ff}.GeoGebraFrame .toolbarPanel .toolBPanel .toolbar_button[isSelected=true]{border:2px solid #6161ff;padding:2px}.GeoGebraFrame .toolbarPanel .toolBPanel .toolbar_button img.gwt-Image.toolbar_icon.plusPadding{width:24px !important;height:24px;padding:4px}.GeoGebraFrame .toolbarPanel .toolBPanel .touched{border-color:#6161ff !important}.GeoGebraFrame .toolbarPanel .toolBPanel .toolbar_submenu{position:absolute;z-index:501;display:none}.GeoGebraFrame .toolbarPanel .toolBPanel .toolbar_submenu.visible{display:block}.GeoGebraFrame .toolbarPanel .toolBPanel .toolbar_submenu .submenuArrow{position:absolute;z-index:300;left:4px}.GeoGebraFrame .toolbarPanel .toolBPanel .toolbar_submenu .submenuContent{position:absolute;z-index:250;border-radius:10px;padding-top:3px !important;background-color:rgba(255,255,255,.9);box-shadow:0px 0px 2px 1px rgba(102,102,102,.3);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.GeoGebraFrame .toolbarPanel .toolBPanel .toolbar_submenu .submenuContent li{white-space:nowrap;list-style-type:none;height:32px;padding:5px 0;text-align:left;cursor:pointer}.GeoGebraFrame .toolbarPanel .toolBPanel .toolbar_submenu .submenuContent li:hover,.GeoGebraFrame .toolbarPanel .toolBPanel .toolbar_submenu .submenuContent li:focus{color:#333;background-color:#ccf}.GeoGebraFrame .toolbarPanel .toolBPanel .toolbar_submenu .submenuContent li img.gwt-Image.plusPadding{width:24px !important;height:24px;padding:4px 4px 4px 9px}.GeoGebraFrame .toolbarPanel .toolBPanel .toolbar_submenu .submenuContent img{float:left;padding-left:5px;padding-right:5px}.GeoGebraFrame .toolbarPanel .toolBPanel .toolbar_submenu .submenuContent .gwt-Label{padding:7px 10px 0 40px}.GeoGebraFrame .toolbarPanel .submenuBack{position:absolute;top:10px;left:10px;cursor:pointer}.GeoGebraFrame .toolbarPanel .submenuBack img{opacity:.54}.GeoGebraFrame .toolbarPanel .submenuBack img:hover{opacity:.84}.GeoGebraFrame .toolbarPanel .submenuPanel{margin-top:0}.GeoGebraFrame .toolbarPanel .submenuScrollPanel{overflow-x:auto;overflow-y:hidden;position:absolute !important;top:6px;left:50px;height:46px}.GeoGebraFrame .toolbarPanel .submenuItems{margin:0}.GeoGebraFrame .toolbarPanel .submenuItems .submenu_button{border-radius:5px;border:1px solid #dcdcdc;background-color:#fff;padding:3px;width:32px;height:32px}.GeoGebraFrame .toolbarPanel .submenuItems .submenu_button[isSelected=false]{border-color:#dcdcdc}.GeoGebraFrame .toolbarPanel .submenuItems li{margin:0 5px 0 0;text-align:center;position:relative;width:40px;height:40px;display:block;float:left;list-style-type:none;cursor:pointer}.GeoGebraFrame .toolbarPanel .rightButtonPanel{float:right;margin:6px}.GeoGebraFrame .toolbarPanel .rightButtonPanel>*{margin:0 5px 0 10px;float:left}.GeoGebraFrame .toolbarPanel .rightButtonPanel .undoButton{position:relative}.GeoGebraFrame .toolbarPanel .rightButtonPanel .redoButton{position:relative;margin-left:0}.GeoGebraFrame .toolbarPanel .rightButtonPanel .selectedButton{padding:0}.GeoGebraFrame .toolbarPanel .rightButtonPanel .ToggleButton{padding:0;border:none;background:none}.GeoGebraFrame .toolbarPanel .rightButtonPanelMobile{position:absolute;top:5px;right:5px}.GeoGebraFrame .toolbarPanelSouth{border-top:1px solid #dcdcdc}.GeoGebraFrame .toolbarPanelSouth .submenuArrow{bottom:45px;transform:scale(-1)}.GeoGebraFrame .toolbarPanelSouth .submenuContent{bottom:60px}.GeoGebraFrame .toolbarPanelNorth{border-bottom:1px solid #dcdcdc}.GeoGebraFrame .toolbarPanelNorth .submenuContent{top:15px}.GeoGebraFrame .menuContainer{left:auto !important;top:53px !important;z-index:100}.GeoGebraFrame .ggbmenubarwrapper{width:100%;height:100%;box-sizing:border-box}.GeoGebraFrame .menuBarClassic{overflow-y:auto;background-color:#f8f8f8;border-left:1px;border-left-color:#dcdcdc;border-left-style:solid;height:100%}.GeoGebraFrame .menuBarClassic .menuPanel{width:100%;border-collapse:collapse;padding:0}.GeoGebraFrame .menuBarClassic .GeoGebraMenuBar>table{width:100%}.GeoGebraFrame .menuBarClassic .GeoGebraMenuBar .gwt-MenuItem{padding:6px 5px 6px 35px;position:relative;display:block}.GeoGebraFrame .menuBarClassic .GeoGebraMenuBar .gwt-MenuItem .menuImg{width:20px;height:20px;position:absolute;top:50%;margin-top:-10px;left:5px}.GeoGebraFrame .menuBarClassic .GeoGebraMenuBar .gwt-MenuItem:focus{background:none}.GeoGebraFrame .menuBarClassic .GeoGebraMenuBar .gwt-MenuItem:hover,.GeoGebraFrame .menuBarClassic .GeoGebraMenuBar .gwt-MenuItem:active{background:#ccf}.GeoGebraFrame .menuBarClassic .GeoGebraMenuBar .RadioButtonMenuItem label{cursor:pointer}.GeoGebraFrame .menuBarClassic .GeoGebraMenuBar .versionNr{height:31px;line-height:31px;padding-left:35px}.GeoGebraFrame .subMenuLeftSidePopup{box-shadow:none;padding:0;border-radius:0}.GeoGebraFrame .subMenuLeftSidePopup .GeoGebraMenuBar.subMenuLeftSide{right:280px;white-space:nowrap;top:-5px;position:absolute;z-index:501;border-radius:10px;padding:5px;background-color:rgba(255,255,255,.9);box-shadow:0px 0px 2px 1px rgba(102,102,102,.3)}.GeoGebraFrame .subMenuLeftSidePopup .GeoGebraMenuBar.subMenuLeftSide .arrowSubmenu{position:absolute;top:3px;right:-15px}.GeoGebraFrame .subMenuLeftSidePopup .GeoGebraMenuBar.subMenuLeftSide .gwt-MenuItem{padding:3px 10px}.GeoGebraFrame .subMenuLeftSidePopup .GeoGebraMenuBar.subMenuLeftSide input[type=radio]{margin:0 5px 0 0}.GeoGebraFrame .subMenuLeftSidePopup .GeoGebraMenuBar.subMenuLeftSide.subMenuLeftSide2{right:10px}