settings-styles.css 17 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 .floatingSettings{position:absolute;top:0px;right:0px;box-shadow:0 6px 16px rgba(0,0,0,.28);background-color:#fff;z-index:499;height:100%;width:500px;overflow:hidden}.GeoGebraFrame .simplePropertiesPanel{padding:8px;border-right:1px solid #dcdcdc;box-sizing:border-box}.GeoGebraFrame .propertiesPanel{width:100%;height:100%;display:flex;flex-flow:column}.GeoGebraFrame .propertiesPanel .optionsSlider{display:flex}.GeoGebraFrame .propertiesPanel .gwt-TabBar{cursor:pointer}.GeoGebraFrame .propertiesPanel textarea{border-radius:2px;box-shadow:none}.GeoGebraFrame .propertiesPanel .numberInput{border:none;box-shadow:none;width:70px;margin-right:20px;position:relative}.GeoGebraFrame .propertiesPanel .numberInput .matKeyboardOpenBtn{display:none}.GeoGebraFrame .propertiesPanel .optionsPanel.inlineOption{display:inline-block}.GeoGebraFrame .propertiesPanel .optionsPanel.inlineOption .fieldContainer{width:112px}.GeoGebraFrame .propertiesPanel .panelRowIndent,.GeoGebraFrame .propertiesPanel .panelRowCell,.GeoGebraFrame .propertiesPanel .panelRow,.GeoGebraFrame .propertiesPanel .listBoxPanel,.GeoGebraFrame .propertiesPanel .optionsPanel,.GeoGebraFrame .propertiesPanel .optionsPanelIndent{margin-bottom:10px}.GeoGebraFrame .propertiesPanel .panelRowIndent .gwt-Label,.GeoGebraFrame .propertiesPanel .panelRowCell .gwt-Label,.GeoGebraFrame .propertiesPanel .panelRow .gwt-Label,.GeoGebraFrame .propertiesPanel .listBoxPanel .gwt-Label,.GeoGebraFrame .propertiesPanel .optionsPanel .gwt-Label,.GeoGebraFrame .propertiesPanel .optionsPanelIndent .gwt-Label{font-size:90%}.GeoGebraFrame .propertiesPanel .panelRowIndent .gwt-CheckBox,.GeoGebraFrame .propertiesPanel .panelRowCell .gwt-CheckBox,.GeoGebraFrame .propertiesPanel .panelRow .gwt-CheckBox,.GeoGebraFrame .propertiesPanel .listBoxPanel .gwt-CheckBox,.GeoGebraFrame .propertiesPanel .optionsPanel .gwt-CheckBox,.GeoGebraFrame .propertiesPanel .optionsPanelIndent .gwt-CheckBox{margin-bottom:0px}.GeoGebraFrame .propertiesPanel .panelRowIndent .gwt-CheckBox input[type=checkbox],.GeoGebraFrame .propertiesPanel .panelRowCell .gwt-CheckBox input[type=checkbox],.GeoGebraFrame .propertiesPanel .panelRow .gwt-CheckBox input[type=checkbox],.GeoGebraFrame .propertiesPanel .listBoxPanel .gwt-CheckBox input[type=checkbox],.GeoGebraFrame .propertiesPanel .optionsPanel .gwt-CheckBox input[type=checkbox],.GeoGebraFrame .propertiesPanel .optionsPanelIndent .gwt-CheckBox input[type=checkbox]{margin-right:0px}.GeoGebraFrame .propertiesPanel .colorChooserPreview canvas{border-radius:2px;cursor:pointer}.GeoGebraFrame .propertiesPanel .listBoxPanel{margin-bottom:0px}.GeoGebraFrame .propertiesPanel .panelIndent{padding-left:25px}.GeoGebraFrame .propertiesPanel input[type=range]{cursor:pointer}.GeoGebraFrame .propertiesPanel input[type=checkbox]{cursor:pointer;display:inline-block;vertical-align:middle;margin-bottom:2px}.GeoGebraFrame .propertiesPanel .gwt-CheckBox label{font-size:90%;margin-left:8px;margin-right:16px}.GeoGebraFrame .propertiesPanel .checkboxHolder{display:flex;min-height:40px;flex-wrap:wrap}.GeoGebraFrame .propertiesPanel .checkboxHolder .dropDown{height:40px}.GeoGebraFrame .propertiesPanel .checkboxHolder .dropDown .optionLabelHolder.noLabel .selectedOption{margin-top:8px}.GeoGebraFrame .propertiesPanel .checkboxHolder .dropDown .arrow{margin-top:6px}.GeoGebraFrame .propertiesPanel .gwt-ToggleButton,.GeoGebraFrame .propertiesPanel .button{cursor:pointer;padding:4px;margin:0px}.GeoGebraFrame .propertiesPanel .gwt-ToggleButton img,.GeoGebraFrame .propertiesPanel .button img{opacity:.54}.GeoGebraFrame .propertiesPanel .gwt-ToggleButton:hover img,.GeoGebraFrame .propertiesPanel .button:hover img{opacity:1}.GeoGebraFrame .propertiesPanel .advanced-TextButtonPanel .choice-button{position:absolute;right:16px;top:2px;cursor:pointer}.GeoGebraFrame .propertiesPanel .advanced-TextButtonPanel .choice-button img{opacity:.54}.GeoGebraFrame .propertiesPanel .advanced-TextButtonPanel .choice-button:hover img{opacity:1}.GeoGebraFrame .propertiesPanel .advanced-TextButtonPanel .choice-button.choice-button-up-disabled{cursor:default}.GeoGebraFrame .propertiesPanel .advanced-TextButtonPanel .choice-button.choice-button-up-disabled img{opacity:.3}.GeoGebraFrame .propertiesPanel input[type=text]{width:100%;font-size:90%;border-radius:0px;border:none;box-shadow:none;border-bottom:1px solid #dcdcdc;padding:4px;padding-left:8px;margin-bottom:2px;transition:border-bottom .3s ease-out}.GeoGebraFrame .propertiesPanel input[type=text]:hover,.GeoGebraFrame .propertiesPanel input[type=text]:focus{border:none;border-bottom:1px solid #008475}.GeoGebraFrame .propertiesPanel input[type=text]:disabled{background-color:rgba(255,255,255,0);opacity:.42}.GeoGebraFrame .propertiesPanel input[type=text]:disabled:hover{border-bottom:1px solid #dcdcdc}.GeoGebraFrame .propertiesPanel .cursorOverlay span{font-size:90%}.GeoGebraFrame .propertiesPanel .AutoCompleteTextFieldW .SymbolToggleButton{top:0%;right:20px}.GeoGebraFrame .propertiesPanel .AutoCompleteTextFieldW .SymbolToggleButton.shown:hover{color:#008475}.GeoGebraFrame .propertiesPanel .optionsPanelCell .gwt-Label{font-size:90%;min-width:64px}.GeoGebraFrame .propertiesPanel .optionsPanelCell .AutoCompleteTextFieldW .SymbolToggleButton{right:-8px}.GeoGebraFrame .propertiesPanel .optionsInput,.GeoGebraFrame .propertiesPanel .sliderIntervalPanel{margin-bottom:10px}.GeoGebraFrame .propertiesPanel .optionsInput .gwt-Label,.GeoGebraFrame .propertiesPanel .sliderIntervalPanel .gwt-Label{color:#008475;font-size:80%}.GeoGebraFrame .propertiesPanel .optionsInput .AutoCompleteTextFieldW .SymbolToggleButton,.GeoGebraFrame .propertiesPanel .sliderIntervalPanel .AutoCompleteTextFieldW .SymbolToggleButton{position:relative}.GeoGebraFrame .propertiesPanel .optionsInput input[type=text].gwt-SuggestBox,.GeoGebraFrame .propertiesPanel .sliderIntervalPanel input[type=text].gwt-SuggestBox{width:80%}.GeoGebraFrame .propertiesPanel .sliderWidthPanel .gwt-Label{font-size:80%;color:#008475}.GeoGebraFrame .propertiesPanel .sliderWidthPanel select{display:block;width:100%}.GeoGebraFrame .propertiesPanel .sliderWidthPanel .AutoCompleteTextFieldW{display:flex}.GeoGebraFrame .propertiesPanel .sliderWidthPanel .AutoCompleteTextFieldW .unitLabel{font-size:90%}.GeoGebraFrame .propertiesPanel .optionsPanel,.GeoGebraFrame .propertiesPanel .optionsPanelIndent{display:flex;flex-wrap:wrap}.GeoGebraFrame .propertiesPanel .optionsPanel .optionsSlider,.GeoGebraFrame .propertiesPanel .optionsPanelIndent .optionsSlider{display:flex}.GeoGebraFrame .propertiesPanel .optionsPanel .gwt-Label,.GeoGebraFrame .propertiesPanel .optionsPanelIndent .gwt-Label{vertical-align:middle;line-height:250%}.GeoGebraFrame .propertiesPanel .optionsPanel .gwt-CheckBox,.GeoGebraFrame .propertiesPanel .optionsPanelIndent .gwt-CheckBox{margin-top:11px !important}.GeoGebraFrame .propertiesPanel .optionsPanel input[type=range],.GeoGebraFrame .propertiesPanel .optionsPanelIndent input[type=range]{padding-top:0px !important}.GeoGebraFrame .propertiesPanel .optionsPanel .optionsSlider .gwt-Label,.GeoGebraFrame .propertiesPanel .optionsPanelIndent .optionsSlider .gwt-Label{margin-bottom:3px}.GeoGebraFrame .propertiesPanel .listBoxPanel .gwt-Label{min-width:64px}.GeoGebraFrame .propertiesPanel .listBoxPanel .imageCorner{font-size:90%}.GeoGebraFrame .propertiesPanel .settingsBtn,.GeoGebraFrame .propertiesPanel .textButton,.GeoGebraFrame .propertiesPanel .openFileBtn{height:36px;width:136px;padding:0px 16px;text-align:center;text-transform:uppercase;border:none;margin-top:16px;margin-right:16px;border-radius:2px;font-size:100%;box-shadow:0 2px 5px 0 rgba(0,0,0,.26);transition:box-shadow .3s ease-out}.GeoGebraFrame .propertiesPanel .settingsBtn .gwt-Label,.GeoGebraFrame .propertiesPanel .textButton .gwt-Label,.GeoGebraFrame .propertiesPanel .openFileBtn .gwt-Label{text-align:center;height:36px;line-height:36px}.GeoGebraFrame .propertiesPanel .settingsBtn:hover,.GeoGebraFrame .propertiesPanel .textButton:hover,.GeoGebraFrame .propertiesPanel .openFileBtn:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,.2);cursor:pointer}.GeoGebraFrame .propertiesPanel .textButton,.GeoGebraFrame .propertiesPanel .okBtn,.GeoGebraFrame .propertiesPanel .cancelBtn{width:100% !important;min-width:64px;max-width:128px;color:#000;margin-top:0px;margin-left:16px}.GeoGebraFrame .propertiesPanel .textButton:hover,.GeoGebraFrame .propertiesPanel .okBtn:hover,.GeoGebraFrame .propertiesPanel .cancelBtn:hover{background-color:#fff;text-decoration:none}.GeoGebraFrame .propertiesPanel .openFileBtn{width:150px;color:#000;margin-top:0px;margin-left:16px}.GeoGebraFrame .propertiesPanel .openFileBtn:hover{text-decoration:none;background-color:#fff}.GeoGebraFrame .propertiesPanel .settingsBtn{width:100% !important;max-width:256px;min-width:136px}.GeoGebraFrame .propertiesPanel .clearImgBtn{padding:4px}.GeoGebraFrame .propertiesPanel .clearImgBtn img{opacity:.54}.GeoGebraFrame .propertiesPanel .clearImgBtn img:hover{opacity:1}.GeoGebraFrame .propertiesPanel .btnBold,.GeoGebraFrame .propertiesPanel .btnItalic,.GeoGebraFrame .propertiesPanel .btnUnderline,.GeoGebraFrame .propertiesPanel .btnLatex{border-radius:2px;margin-left:0px;margin-right:8px}.GeoGebraFrame .propertiesPanel .btnBold img,.GeoGebraFrame .propertiesPanel .btnItalic img,.GeoGebraFrame .propertiesPanel .btnUnderline img,.GeoGebraFrame .propertiesPanel .btnLatex img{opacity:.7}.GeoGebraFrame .propertiesPanel .btnBold:hover,.GeoGebraFrame .propertiesPanel .btnItalic:hover,.GeoGebraFrame .propertiesPanel .btnUnderline:hover,.GeoGebraFrame .propertiesPanel .btnLatex:hover{border:#008475 solid 1px}.GeoGebraFrame .propertiesPanel .btnBold.gwt-ToggleButton-down,.GeoGebraFrame .propertiesPanel .btnItalic.gwt-ToggleButton-down,.GeoGebraFrame .propertiesPanel .btnUnderline.gwt-ToggleButton-down,.GeoGebraFrame .propertiesPanel .btnLatex.gwt-ToggleButton-down{border:#008475 solid 1px}.GeoGebraFrame .propertiesPanel .gwt-ToggleButton{cursor:pointer;padding:4px;margin:0px}.GeoGebraFrame .propertiesPanel .gwt-ToggleButton img{opacity:.54}.GeoGebraFrame .propertiesPanel .gwt-ToggleButton:hover img{opacity:1}.GeoGebraFrame .propertiesPanel .BackgroundColorPanel .gwt-RadioButton input[type=radio]{margin-right:10px}.GeoGebraFrame .propertiesPanel .BackgroundColorPanel .gwt-RadioButton label{font-size:90%}.GeoGebraFrame .propertiesPanel .BackgroundColorPanel .clearBackgroundButton{cursor:pointer;padding:4px;margin:0px}.GeoGebraFrame .propertiesPanel .BackgroundColorPanel .clearBackgroundButton img{opacity:.54}.GeoGebraFrame .propertiesPanel .BackgroundColorPanel .clearBackgroundButton:hover img{opacity:1}.GeoGebraFrame .propertiesPanel .panelTitle:first-child{margin-top:8px !important}.GeoGebraFrame .propertiesPanel .objectPropertiesTextEditor{border:#dcdcdc solid 1px;background:#fff;padding:4px 5px;color:#666;border-radius:2px;box-sizing:border-box;margin-bottom:10px;width:100%;height:100px;overflow:auto}.GeoGebraFrame .propertiesPanel .objectPropertiesTextEditor:focus:not([readonly]){border:1px #008475 solid}.GeoGebraFrame .propertiesTab{overflow:auto;padding-right:8px;padding-left:16px;box-sizing:border-box}.GeoGebraFrame .dropDownLabel{vertical-align:sub}.GeoGebraFrame .propertiesStyleBar{overflow:visible;position:absolute;right:0;top:0}.GeoGebraFrame .propertiesStyleBar .selected,.GeoGebraFrame .propertiesStyleBar .gwt-MenuItem.selected:hover{background-image:linear-gradient(right, #dcdcdc, #f8f8f8)}.GeoGebraFrame .propertiesStyleBar .menuProperties{position:relative;width:40px}.GeoGebraFrame .propertiesStyleBar .menuProperties .gwt-MenuItem{padding:0px}.GeoGebraFrame .propertiesStyleBar .menuProperties .gwt-MenuItem img{width:24px;height:24px;padding:8px}.GeoGebraFrame .propertiesStyleBar .closeButton{opacity:.54}.GeoGebraFrame .propertiesStyleBar .closeButton:hover{opacity:1}.GeoGebraFrame .dropdownButton,.GeoGebraFrame .gwt-ListBox{font-size:90%;color:#666;cursor:pointer;box-shadow:none;padding:8px;border-radius:0;border:none;border-bottom:1px solid #dcdcdc;transition:border-bottom .3s ease-out;background-color:rgba(0,0,0,0)}.GeoGebraFrame .dropdownButton:hover,.GeoGebraFrame .gwt-ListBox:hover{background-color:rgba(0,0,0,0);border-bottom:1px solid #008475}.GeoGebraFrame .listBoxPanel-noLabel{margin-top:4px;margin-bottom:0px;margin-left:20px}.GeoGebraFrame .grid .cell{padding:8px;vertical-align:top;cursor:pointer}.GeoGebraFrame .grid .cell .image{width:104px;height:64px;margin-bottom:8px;border-radius:4px;border:1px solid #e4e4e4}.GeoGebraFrame .grid .cell .title{text-align:center;font-size:75%;width:104px;min-height:40px}.GeoGebraFrame .grid .cell-active .image{border:1px solid var(--ggb-primary-color)}.GeoGebraFrame .grid .cell-active .title{color:var(--ggb-primary-color)}.GeoGebraFrame .animateInFromRight,.GeoGebraFrame .floatingSettings.animateIn{animation-duration:.25s;animation-name:settingsIn;overflow:auto}@keyframes settingsIn{0%{right:-500px;top:0px}100%{right:0px;top:0px}}.GeoGebraFrame .animateOutToRight,.GeoGebraFrame .floatingSettings.animateOut{animation-duration:.2s;animation-name:settingsOut;overflow-y:auto;right:-500px}@keyframes settingsOut{0%{right:0px;top:0px}50%{right:-250;top:0px}100%{right:-500px;top:0px}}.GeoGebraFrame .propertiesPanel .radioButtonPanel{display:block}.GeoGebraFrame .propertiesPanel .radioButtonPanel .radioButton{margin-right:40px}.GeoGebraFrame .propertiesPanel .radioButtonPanel .gwt-Label{font-size:90%;margin-left:8px}.GeoGebraFrame .propertiesPanel .checkboxLbl{font-size:90%;min-height:18px;line-height:18px;margin-left:8px}.GeoGebraFrame .propertiesPanel .checkboxPanel,.GeoGebraFrame .optionsPanel .checkboxPanel{margin-right:30px}.GeoGebraFrame .propertiesPanel .checkboxPanel.block,.GeoGebraFrame .optionsPanel .checkboxPanel.block{display:block}.GeoGebraFrame .propertiesPanel .checkboxPanel.block .checkbox,.GeoGebraFrame .optionsPanel .checkboxPanel.block .checkbox{display:inline-block}.GeoGebraFrame .propertiesPanel .checkboxPanel.block .checkboxLbl,.GeoGebraFrame .optionsPanel .checkboxPanel.block .checkboxLbl{display:inline-block;vertical-align:top}.GeoGebraFrame .tickPanel .combobox{width:80px}.GeoGebraFrame .tickPanel .checkboxPanel{margin:12px 30px 0 0}