geostyler/dist/index.css

Framework for styling geodata

.gs-breadcrumb{display:flex;align-items:center}.gs-breadcrumb .gs-breadcrumb-crumbs :not(span.ant-breadcrumb-separator){cursor:pointer;text-decoration:underline}.gs-function-name-combo{display:flex}.gs-function-name-combo .ant-select{flex:1}.gs-function-name-combo button.ant-btn{display:none}.gs-function-name-combo:hover button.ant-btn{display:inline-block}.gs-function-ui .gs-function-name-combo{width:100%}.gs-function-ui .ant-input-wrapper .ant-input-group-addon{display:none}.gs-function-ui .ant-input-wrapper:hover .ant-input-group-addon{display:table-cell}.gs-function-ui .gs-function-ui{margin:.25em 0;width:100%}.gs-function-ui .gs-function-arguments .gs-function-arg{display:flex}.gs-function-ui .gs-function-arguments .gs-function-arg>:not(.tree-icon){margin:.25em 0;flex:1}.gs-function-ui .gs-function-arguments .gs-function-arg .remove-argument-button{flex:unset;align-self:center}.gs-function-ui .gs-function-arguments .gs-function-arg .tree-icon{width:28px;background-image:linear-gradient(gray,gray),linear-gradient(gray,gray);background-size:1px 100%,50% 1px;background-repeat:no-repeat,no-repeat}.gs-function-ui .gs-function-arguments .gs-function-arg:not(:last-child) .tree-icon{background-position:center center,100% 20px}.gs-function-ui .gs-function-arguments .gs-function-arg:last-child .tree-icon{width:28px;height:40px;background-size:1px 50%,50% 1px;background-position:top center,center right}.string-expression-input{display:flex;align-items:center}.string-expression-input .gs-function-ui,.string-expression-input .ant-input{flex:1}.string-expression-input button.ant-btn{display:none;border-radius:0 6px 6px 0}.string-expression-input:hover button.ant-btn{display:inline-block}.string-expression-input:hover .ant-input-affix-wrapper,.string-expression-input:hover .ant-input-group-addon{border-radius:0}.string-expression-input:hover .ant-input{border-radius:6px 0 0 6px}.boolean-expression-input{display:flex;align-items:center;justify-content:space-between}.boolean-expression-input button.ant-btn{display:none}.boolean-expression-input:hover button.ant-btn{display:inline-block}.gs-case-input{display:flex;gap:.25em}.gs-case-input .boolean-expression-input{flex:1}.gs-case-input>.gs-unknown-input{max-width:calc(40% - 32px)}.gs-unknown-input{display:flex}.gs-unknown-input .string-expression-input,.gs-unknown-input .number-expression-input,.gs-unknown-input .boolean-expression-input{flex:1}.gs-unknown-input .gs-type-select{min-width:56px}.gs-step-input{display:flex;gap:.25em}.gs-step-input .gs-unknown-input,.gs-step-input .number-expression-input{flex:1}.number-expression-input{display:flex;align-items:center}.number-expression-input .gs-function-ui,.number-expression-input .ant-input-number-affix-wrapper,.number-expression-input .ant-input-number{flex:1}.number-expression-input button.ant-btn{visibility:hidden;border-radius:0 6px 6px 0}.number-expression-input:hover button.ant-btn{visibility:visible}.number-expression-input:hover .ant-input-number,.number-expression-input:hover .ant-input-number-affix-wrapper{border-radius:6px 0 0 6px}.number-expression-input .slider-wrapper{display:flex;gap:5px;flex:1}.number-expression-input .slider-wrapper .ant-slider{flex:1}.number-expression-input .number-wrapper{display:flex}.ant-color-picker .ant-color-picker-slider-container{padding-bottom:6px}.ant-color-picker .ant-color-picker-slider-container .ant-color-picker-slider-group{align-self:end}.gs-color-field{display:flex}.gs-color-field .gs-function-ui,.gs-color-field .ant-input,.gs-color-field button.color-picker-trigger{flex:1}.gs-color-field button.function-ui-trigger{display:none;border-radius:0 6px 6px 0}.gs-color-field:hover button.ant-btn{display:inline-block}.gs-color-field:hover button.color-picker-trigger{border-radius:6px 0 0 6px}.gs-icon-selector .gs-icon-selector-grid{cursor:pointer;box-shadow:none;display:flex;flex-direction:column}.gs-icon-selector .gs-icon-selector-grid:hover{background-color:#0000000d}.gs-icon-selector .gs-icon-selector-grid-selected{background-color:#0000;box-shadow:inset 0 0 2px 2px #1890ffcc}.gs-icon-selector .gs-icon-selector-grid-selected:hover{background-color:#0000000d;box-shadow:inset 0 0 2px 2px #1890ffcc}.gs-icon-selector .gs-lib-row{display:flex;padding:3px 0 3px 3px}.gs-icon-selector .gs-lib-row .gs-label{padding-right:10px;vertical-align:middle;line-height:30px}.gs-icon-selector .gs-lib-row .gs-select{flex:1}.gs-icon-selector .gs-icon-selector-grid-avatar{align-self:center}.gs-icon-selector .gs-icon-selector-grid-description{text-align:center;padding-top:5px}.gs-icon-selector-window .ant-modal-body{padding-top:15px;max-height:calc(100vh - 100px);overflow:auto}.gs-image-field .spriterow{display:flex}.gs-image-field .spriterow>span{flex:1;display:inline-flex;align-items:center;padding-inline:1em}.gs-fieldset .fieldset-title{position:relative;top:.75em;left:1em;background:#fff;padding-left:.25em}.gs-fieldset .fieldset-body{border-top:1px solid lightgrey}.gs-fieldset.checked .fieldset-body{border:1px solid lightgrey;border-radius:4px;padding-top:1em;padding-bottom:.5em}.gs-bulk-edit-modals-icon-selector{padding-top:10px}.gs-bulkeditor .gs-symbol-selection .kind-field{margin-bottom:12px}.gs-card-style>.gs-renderer .gs-symbolizer-olrenderer,.gs-card-style>.gs-renderer .gs-symbolizer-sldrenderer{width:50px;height:50px;cursor:default}.gs-field-container{width:100%}.gs-field-container .ant-form-item{margin-bottom:12px}.gs-namefield-input{width:inherit}.gs-selectable-item{position:relative}.gs-selectable-item.selected>:last-child{background-color:#eee}.gs-selectable-item>.anticon{position:absolute;top:0;right:0;padding:10px;z-index:99;font-size:x-large}.gs-rule-card>.ant-card-body{display:flex}.gs-rule-card .ant-divider{height:auto;margin:0 20px}.gs-rule-card .gs-symbolizer-olrenderer{width:100px;height:100px}.gs-rule-card .gs-rule-card-content{flex:1;min-width:0;display:flex;flex-direction:column}.gs-rule-card .gs-rule-card-content .gs-rule-card-content-icon-row>span:not(:first-child){padding-left:10px}.gs-rule-card .gs-rule-card-content .gs-rule-card-icon{font-size:medium;padding-right:3px}.gs-rule-card .gs-rule-card-content .gs-rule-card-cql{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.gs-rule-card .gs-rule-card-content .gs-rule-card-cql .gs-rule-card-icon{padding-right:10px}.gs-symbolizer-olrenderer{position:relative;border:1px solid lightgrey;border-radius:4px;background-color:#fff;cursor:pointer;min-width:4px;min-height:4px}.gs-symbolizer-olrenderer .anticon.anticon-info-circle{position:absolute;right:.25em;bottom:.25em}.gs-symbolizer-sldrenderer{position:relative;border:1px solid lightgrey;background-color:#fff;cursor:pointer}.gs-removable-item{position:relative}.gs-removable-item>.anticon{position:absolute;top:0;right:0;padding:10px;z-index:99;font-size:x-large}.gs-removable-item>.anticon:hover{color:#1890ff}.gs-rules{display:flex;flex-direction:column}.gs-rules .gs-rules-header{display:flex}.gs-rules .gs-rules-header>h2{flex:1}.gs-rules .gs-rules-list{flex:1;overflow-y:auto}.gs-rules .gs-rules-list .gs-rule-card{margin-bottom:15px}.gs-rule-field-container{display:flex}.gs-rule-field-container .gs-rule-field-container-header{flex:2}.gs-rule-field-container .ant-divider{height:auto;margin:0 20px}.gs-rule-field-container .gs-renderer{flex:1}.gs-rule-field-container .gs-renderer .gs-symbolizer-olrenderer,.gs-rule-field-container .gs-renderer .gs-symbolizer-sldrenderer{height:100%;cursor:default}.gs-min-scaledenominator-input,.gs-max-scaledenominator-input{width:100%}.gs-symbolizers .gs-symbolizers-content{display:flex}.gs-symbolizers .gs-symbolizers-content>*{margin:5px}.gs-symbolizers .gs-add-button{font-size:xxx-large;display:flex;align-items:center;justify-content:center;color:#d3d3d3;border-radius:4px;border:1px solid lightgrey}.gs-symbolizers .gs-symbolizer-card{margin:5px}.gs-symbolizers .gs-symbolizers-grid{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap}.gs-symbolizers .gs-symbolizers-list{display:flex;overflow:hidden}.gs-symbolizers .gs-symbolizers-footer{display:flex;flex-direction:row;justify-content:flex-end}.gs-symbolizer-card{height:100px;width:100px}.gs-symbolizer-card.ant-card .ant-card-body{padding:0}.gs-symbolizer-card.ant-card-bordered{border:none}.gs-symbolizer-card .gs-symbolizer-olrenderer{height:100px;width:100px}.gs-filter-overview .gs-filter-overview-add{display:flex;align-content:center;align-items:center;flex-direction:column}.visibility-field{display:flex;align-items:center;height:auto;min-height:32px}.visibility-field .gs-function-ui,.visibility-field .ant-checkbox-input{flex:1}.gs-add-dash-button{margin-left:10px}.string-expression-select{display:flex;align-items:center}.string-expression-select .gs-function-ui,.string-expression-select .ant-select{flex:1}.string-expression-select button.ant-btn{display:none;border-radius:0 6px 6px 0}.string-expression-select:hover button.ant-btn{display:inline-block}.string-expression-select:hover .ant-select-selector{border-radius:6px 0 0 6px}.gs-text-symbolizer-editor .ant-row.ant-form-item.ant-form-item-no-colon{margin-bottom:0}.gs-symbolizer-editor .ant-input-number{width:100%}.gs-symbolizer-editor .ant-form-item{margin-bottom:12px}.gs-color-ramp-select{border-radius:4px;font-weight:700}.gs-color-ramp-select .ant-select-selection{font-weight:700;background-color:inherit}.gs-color-ramp-select.ant-select.ant-select-single .ant-select-selector{background-color:unset}.gs-color-ramp-select li.gs-color-ramp-option{font-weight:700}.gs-colormap-symbolizer-editor .gs-colormap-label-input{max-width:100px}.gs-colormap-symbolizer-editor .gs-colormap-opacity-input,.gs-colormap-symbolizer-editor .gs-colormap-quantity-input{max-width:60px}.gs-raster-editor-view-toggle{text-align:right}.gs-filter-tree{text-align:left}.gs-filter-tree.ant-tree .style-filter-node.and-filter,.gs-filter-tree.ant-tree .style-filter-node.or-filter,.gs-filter-tree.ant-tree .style-filter-node.not-filter{border-radius:4px;margin-bottom:5px}.gs-filter-tree.ant-tree .style-filter-node{width:100%}.gs-filter-tree.ant-tree .style-filter-node.comparison-filter .gs-comparison-filter-ui{padding-left:0}.gs-filter-tree.ant-tree .style-filter-node.comparison-filter .ant-form-item .ant-form-item-control-input{min-height:unset}.gs-filter-tree.ant-tree .style-filter-node.comparison-filter .ant-tree-switcher{display:none}.gs-filter-tree.ant-tree .style-filter-node .ant-tree-node-content-wrapper{flex:1;height:inherit;padding:0}.gs-filter-tree.ant-tree .style-filter-node .node-title{display:flex;align-items:baseline;justify-content:space-between}.gs-filter-tree.ant-tree .style-filter-node .node-title .filter-menu-button{margin-left:.5em;visibility:hidden}.gs-filter-tree.ant-tree .style-filter-node:hover .node-title .filter-menu-button{visibility:visible}.gs-text-filter-field .ant-select{min-width:10rem}.gs-comparison-filter-ui{padding-left:5px;display:flex;flex:1}.gs-comparison-filter-ui .gs-attribute-combo,.gs-comparison-filter-ui .gs-text-filter-field{flex:1}.gs-comparison-filter-ui.micro .ant-form-item{margin-bottom:0}.gs-comparison-filter-ui.micro .ant-form-item-label{display:none}.gs-rule-generator{padding:20px}.gs-rule-generator .ant-input-number{width:100%}.gs-rule-generator .gs-rule-generator-submit-button{float:right}.gs-rule-generator .ant-form-item{margin-bottom:12px}.colors-preview{height:30px;border-radius:4px}.classification-combo{min-width:10em}.gs-code-editor{height:100%;text-align:left;display:flex;flex-direction:column;position:relative}.gs-code-editor .gs-code-editor-feedback{background-color:#d3d3d3;overflow:hidden;transition:max-height .3s ease-out;position:absolute;bottom:42px;width:100%}.gs-code-editor .gs-code-editor-feedback .write-feedback span,.gs-code-editor .gs-code-editor-feedback .read-feedback span{padding:0 1em;font-weight:700}.gs-code-editor .gs-code-editor-feedback.feedback-hidden{max-height:0}.gs-code-editor .gs-code-editor-feedback.feedback-visible{max-height:400px}.gs-code-editor .gs-code-editor-toolbar,.gs-code-editor .gs-code-editor-bottombar{width:100%;height:42px;padding:5px 0;display:flex;align-items:center;justify-content:center}.gs-code-editor .gs-code-editor-toolbar .gs-code-editor-format-select{width:300px}.gs-code-editor .gs-code-editor-toolbar .gs-code-editor-upload-button{margin:0 5px}.gs-code-editor .gs-code-editor-bottombar .center-items{flex:6;display:flex;justify-content:center}.gs-code-editor .gs-code-editor-bottombar .left-items{flex:1;padding-left:1em}.gs-code-editor .gs-code-editor-bottombar .right-items{flex:1;padding-right:1em}.gs-code-editor .gs-code-editor-bottombar .anticon{font-size:1.5em}.gs-code-editor .gs-code-editor-download-button,.gs-code-editor .gs-code-editor-copy-button{margin:0 5px}.symbolizer-units-label{padding-left:10px}.wfs-parser-modal .ant-modal-footer{display:none}.wfs-parser-modal .wfs-parser-input .ant-row.ant-form-item{display:flex}.wfs-parser-modal .wfs-parser-input .ant-row .ant-form-item-label{flex:2}.wfs-parser-modal .wfs-parser-input .ant-row .ant-form-item-control-wrapper{flex:3}.wfs-parser-modal .wfs-parser-input .wfs-parser-submit-button{float:right}.filter-editor-modal .ant-modal-body{padding-top:15px;max-height:calc(100vh - 100px);overflow:auto}.gs-symbolizer-multi-editor{overflow:inherit}.gs-symbolizer-multi-editor .ant-tabs-extra-content{margin-right:5px}.gs-symbolizer-multi-editor .gs-symbolizer-multi-editor-tab{padding:20px;max-height:70vh;overflow-y:auto}.gs-symbolizer-previewmap{position:relative;border:1px solid lightgrey;border-radius:4px}.gs-text-symbolizer-prop-editor .ant-row.ant-form-item.ant-form-item-no-colon{margin-bottom:0}.gs-text-symbolizer-prop-editor .gs-attribute-combo .ant-form-item-label{display:none}.rule-generator-window .ant-modal-body{padding-top:15px;max-height:calc(100vh - 100px);overflow:auto}.gs-rule-table{padding:10px}.gs-rule-table .ant-table-tbody td{padding:0;border-bottom:0}.gs-rule-table .ant-table-tbody .ant-input,.gs-rule-table .ant-table-tbody .ant-input-number,.gs-rule-table .ant-table-tbody .gs-symbolizer-olrenderer{border-radius:0;cursor:default}.gs-rule-table .ant-table-tbody .ant-input-search .ant-input-search-button{border-radius:0}.gs-rule-table .ant-table-tbody .gs-symbolizer-olrenderer,.gs-rule-table .ant-table-tbody .gs-symbolizer-sldrenderer,.gs-rule-table .ant-table-tbody .gs-symbolizer-sldrenderer img{height:32px;width:48px}.gs-rule-table .ant-table-tbody .scale-denominator{width:100%}.gs-rule-table .ant-table-tbody .gs-rule-table-filter-cell>input,.gs-rule-table .ant-table-tbody .gs-rule-table-numeric-cell{cursor:default}.gs-rule-table .ant-table-tbody .gs-rule-table-action-buttons{border-radius:0}.gs-rule-table .ant-table-tbody .gs-symbolizer-wrapper{display:flex}.gs-rule-table .ant-table-tbody .gs-symbolizer-wrapper .square-button{border-radius:0}.symbolizer-editor-modal .ant-modal-body{padding-top:15px}.symbolizer-editor-modal .gs-renderer{margin-bottom:15px}.symbolizer-editor-modal .gs-renderer .gs-symbolizer-olrenderer{border-radius:0;cursor:default;height:100px}.gs-scaledenominator .ant-form-item{margin-bottom:0}.gs-scaledenominator .ant-form-item .ant-form-item-explain-error{font-size:10px}.gs-scaledenominator .ant-form-item .ant-input-number-group-addon{padding:4px}.gs-select-scale{min-width:15rem}.gs-select-scale .ant-select{width:100%}.gs-style .gs-style-name-classification-row{display:flex;padding-left:10px;padding-right:10px}.gs-style .gs-rule-table .ant-table-footer{margin-top:1px;padding:0}.gs-style .gs-style-rulegenerator{margin-left:auto}