geostyler/browser/geostyler.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}:root,:host{--ol-background-color: white;--ol-accent-background-color: #F5F5F5;--ol-subtle-background-color: rgba(128, 128, 128, .25);--ol-partial-background-color: rgba(255, 255, 255, .75);--ol-foreground-color: #333333;--ol-subtle-foreground-color: #666666;--ol-brand-color: #00AAFF}.ol-box{box-sizing:border-box;border-radius:2px;border:1.5px solid var(--ol-background-color);background-color:var(--ol-partial-background-color)}.ol-mouse-position{top:8px;right:8px;position:absolute}.ol-scale-line{background:var(--ol-partial-background-color);border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}.ol-scale-line-inner{border:1px solid var(--ol-subtle-foreground-color);border-top:none;color:var(--ol-foreground-color);font-size:10px;text-align:center;margin:1px;will-change:contents,width;transition:all .25s}.ol-scale-bar{position:absolute;bottom:8px;left:8px}.ol-scale-bar-inner{display:flex}.ol-scale-step-marker{width:1px;height:15px;background-color:var(--ol-foreground-color);float:right;z-index:10}.ol-scale-step-text{position:absolute;bottom:-5px;font-size:10px;z-index:11;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-text{position:absolute;font-size:12px;text-align:center;bottom:25px;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-singlebar{position:relative;height:10px;z-index:9;box-sizing:border-box;border:1px solid var(--ol-foreground-color)}.ol-scale-singlebar-even{background-color:var(--ol-subtle-foreground-color)}.ol-scale-singlebar-odd{background-color:var(--ol-background-color)}.ol-unsupported{display:none}.ol-viewport,.ol-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ol-viewport canvas{all:unset;overflow:hidden}.ol-viewport{touch-action:pan-x pan-y}.ol-selectable{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text;user-select:text}.ol-grabbing{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.ol-grab{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.ol-control{position:absolute;background-color:var(--ol-subtle-background-color);border-radius:4px}.ol-zoom{top:.5em;left:.5em}.ol-rotate{top:.5em;right:.5em;transition:opacity .25s linear,visibility 0s linear}.ol-rotate.ol-hidden{opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s}.ol-zoom-extent{top:4.643em;left:.5em}.ol-full-screen{right:.5em;top:.5em}.ol-control button{display:block;margin:1px;padding:0;color:var(--ol-subtle-foreground-color);font-weight:700;text-decoration:none;font-size:inherit;text-align:center;height:1.375em;width:1.375em;line-height:.4em;background-color:var(--ol-background-color);border:none;border-radius:2px}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{display:block;font-weight:400;will-change:transform}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:hover,.ol-control button:focus{text-decoration:none;outline:1px solid var(--ol-subtle-foreground-color);color:var(--ol-foreground-color)}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{text-align:right;bottom:.5em;right:.5em;max-width:calc(100% - 1.3em);display:flex;flex-flow:row-reverse;align-items:center}.ol-attribution a{color:var(--ol-subtle-foreground-color);text-decoration:none}.ol-attribution ul{margin:0;padding:1px .5em;color:var(--ol-foreground-color);text-shadow:0 0 2px var(--ol-background-color);font-size:12px}.ol-attribution li{display:inline;list-style:none}.ol-attribution li:not(:last-child):after{content:" "}.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.ol-attribution button{flex-shrink:0}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution:not(.ol-collapsed){background:var(--ol-partial-background-color)}.ol-attribution.ol-uncollapsible{bottom:0;right:0;border-radius:4px 0 0}.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{top:4.5em;left:.5em;height:200px}.ol-zoomslider button{position:relative;height:10px}.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{left:.5em;bottom:.5em}.ol-overviewmap.ol-uncollapsible{bottom:0;left:0;border-radius:0 4px 0 0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:block}.ol-overviewmap .ol-overviewmap-map{border:1px solid var(--ol-subtle-foreground-color);height:150px;width:150px}.ol-overviewmap:not(.ol-collapsed) button{bottom:0;left:0;position:absolute}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:var(--ol-subtle-background-color)}.ol-overviewmap-box{border:1.5px dotted var(--ol-subtle-foreground-color)}.ol-overviewmap .ol-overviewmap-box:hover{cursor:move}.ol-overviewmap .ol-viewport:hover{cursor:pointer}.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}