comparison src/main/webapp/imageServer/resources/js/diva.css.map @ 203:719475ad0923 iiif_diva

more work on new diva.js in imageServer
author casties
date Fri, 05 Jul 2019 16:05:57 +0200
parents
children
comparison
equal deleted inserted replaced
202:81f761f9c015 203:719475ad0923
1 {"version":3,"file":"diva.css","sources":["webpack:///./source/css/diva.scss"],"sourcesContent":[".diva-wrapper {\n min-height: 95vh;\n width: 100%;\n flex-grow: 1; }\n .diva-wrapper.diva-wrapper-flexbox {\n display: flex;\n flex-direction: column; }\n .diva-wrapper > *:not(.diva-outer) {\n flex-shrink: 0; }\n\n.diva-title {\n text-align: center;\n font-weight: bold;\n font-size: 1.3em;\n max-width: 50em;\n margin: 0 auto; }\n\n.diva-button, .diva-input {\n box-sizing: border-box;\n outline: none;\n border-radius: 0;\n font: inherit;\n vertical-align: middle; }\n .diva-button::-moz-focus-inner, .diva-input::-moz-focus-inner {\n padding: 0; }\n\n.diva-button {\n display: inline-block;\n cursor: pointer;\n height: 34px;\n width: 34px;\n line-height: 34px;\n -webkit-appearance: none;\n padding: 3px;\n background-color: #F1F1F1;\n background-repeat: no-repeat;\n background-position: center;\n border: 1px solid #AAA; }\n .diva-button:hover, .diva-button:focus {\n background-color: #FDFDFD; }\n .diva-button.diva-button-text {\n width: auto;\n padding: 0 0.5em; }\n\n.diva-input {\n height: 34px;\n border: 1px solid #AAA;\n padding: 0 0.5em; }\n .diva-input:focus {\n border-color: #919191; }\n\n.diva-label {\n margin: 0 1em;\n line-height: 34px;\n vertical-align: top;\n white-space: nowrap;\n text-overflow: ellipsis; }\n\n.diva-tools-left, .diva-tools-right {\n margin-bottom: 1em; }\n\n.diva-tools-left {\n float: left;\n user-select: none; }\n\n.diva-zoom-in-button, .diva-grid-in-button {\n margin-left: -1px; }\n\n.diva-tools-right {\n float: right; }\n .diva-tools-right .diva-button {\n margin-left: -1px;\n user-select: none; }\n\n.diva-page-nav {\n white-space: nowrap;\n margin-right: 1em; }\n\n.diva-goto-form {\n display: inline-block;\n position: relative; }\n\n.diva-goto-page-input {\n width: 5em; }\n\n.diva-input-suggestions {\n display: none;\n box-sizing: border-box;\n position: absolute;\n width: 100%;\n background-color: white;\n border: solid 1px #aaa;\n border-top: none;\n z-index: 1; }\n\n.diva-input-suggestion {\n box-sizing: border-box;\n width: 100%;\n margin-top: 3px;\n padding: 2px;\n padding-left: 5px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer; }\n\n.diva-input-suggestion.active, .diva-input-suggestion:hover {\n background-color: #dfefff; }\n\n.diva-view-menu {\n display: inline-block;\n position: relative; }\n\n.diva-view-options {\n position: absolute;\n top: 34px;\n z-index: 1;\n display: none;\n box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.1); }\n\n.diva-view-options .diva-button {\n margin-top: -1px;\n display: block; }\n\n.diva-zoom-label, .diva-grid-label, .diva-page-label {\n display: inline-block; }\n\n.diva-fullscreen-tools {\n position: fixed;\n top: 15px;\n right: 30px;\n z-index: 101;\n padding: 15px;\n border: 1px solid #DDD;\n background: #FFF;\n transition: opacity 0.5s;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n /* prevent variable number of digits in labels from resizing .diva-fullscreen-tools */ }\n .diva-fullscreen-tools .diva-tools-left, .diva-fullscreen-tools .diva-tools-right {\n margin-bottom: 0; }\n .diva-fullscreen-tools .diva-tools-right {\n margin-left: 2em; }\n .diva-fullscreen-tools .diva-label, .diva-fullscreen-tools .diva-page-label {\n margin: 0; }\n .diva-fullscreen-tools .diva-zoom-label, .diva-fullscreen-tools .diva-grid-label, .diva-fullscreen-tools .diva-page-label {\n width: 8em;\n display: block; }\n .diva-fullscreen-tools .diva-page-nav {\n margin-right: 0; }\n\n.diva-outer {\n display: flex;\n clear: both;\n background: #F1F1F1;\n border: 1px solid #AAA;\n position: relative;\n overflow: hidden;\n min-height: 100px;\n min-width: 200px;\n flex-grow: 1; }\n\n.diva-viewer-canvas {\n position: absolute;\n top: 0;\n left: 0; }\n\n.diva-viewport {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n overflow: auto; }\n\n.diva-inner {\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab;\n position: relative;\n overflow: hidden;\n margin: 0 auto; }\n .diva-inner.diva-grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n\n.diva-page {\n box-shadow: 7px 7px 6px -6px rgba(0, 0, 0, 0.3);\n position: absolute;\n background-color: #FDFDFD; }\n\n.diva-page-tools-wrapper {\n position: absolute;\n z-index: 3; }\n\n.diva-page-tools {\n position: relative;\n top: -27px;\n height: 20px; }\n .diva-page-tools div {\n display: inline-block;\n height: 20px;\n width: 20px;\n cursor: pointer;\n padding: 3px; }\n .diva-page-tools div svg:hover .diva-pagetool-icon {\n fill: #006ebc; }\n\n.diva-page-labels-wrapper {\n position: absolute;\n z-index: 3; }\n\n.diva-page-labels {\n position: relative;\n top: -20px;\n height: 20px;\n font-size: 0.8em; }\n\n.diva-fullscreen {\n width: 100% !important;\n max-width: 100% !important;\n height: 100% !important;\n max-height: 100% !important;\n z-index: 100;\n position: fixed !important;\n top: 0;\n left: 0;\n margin: 0;\n border: 0; }\n\n.diva-popup {\n background: #FFF;\n border: 1px solid #AAA;\n padding: .6em;\n z-index: 101;\n position: absolute;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5); }\n\n.diva-link-popup {\n font-size: 10pt; }\n .diva-link-popup input {\n width: 18em; }\n .diva-link-popup input:focus {\n outline: none; }\n .diva-link-popup.in-fullscreen {\n top: 150px;\n right: 30px; }\n\n.diva-hide-scrollbar {\n overflow: hidden !important; }\n\n.diva-slider {\n position: relative;\n top: 0.6em;\n float: left; }\n @media (max-width: 480px) {\n .diva-slider {\n width: 100px; } }\n\n.diva-throbber {\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n width: 40px;\n height: 40px;\n margin: auto auto;\n padding: 20px;\n background-color: #fff;\n /*\n * Spinner positions\n * 1 2 3\n * 4 5 6\n * 7 8 9\n */ }\n .diva-throbber .cube {\n width: 33.33%;\n height: 33.33%;\n background-color: #333;\n float: left;\n animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }\n .diva-throbber .cube1 {\n animation-delay: 0.2s; }\n .diva-throbber .cube2 {\n animation-delay: 0.3s; }\n .diva-throbber .cube3 {\n animation-delay: 0.4s; }\n .diva-throbber .cube4 {\n animation-delay: 0.1s; }\n .diva-throbber .cube5 {\n animation-delay: 0.2s; }\n .diva-throbber .cube6 {\n animation-delay: 0.3s; }\n .diva-throbber .cube7 {\n animation-delay: 0.0s; }\n .diva-throbber .cube8 {\n animation-delay: 0.1s; }\n .diva-throbber .cube9 {\n animation-delay: 0.2s; }\n\n@keyframes sk-cubeGridScaleDelay {\n 0%, 70%, 100% {\n transform: scale3D(1, 1, 1); }\n 35% {\n transform: scale3D(0, 0, 1); } }\n\n.diva-error {\n position: absolute;\n width: 400px;\n height: 200px;\n background-color: #fff;\n border: 1px solid #ddd;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n top: 50%;\n left: 50%;\n margin-left: -220px;\n margin-top: -120px;\n z-index: 120;\n padding: 0 1em; }\n\n.diva-error-close {\n width: 18px;\n height: 18px;\n border: none;\n position: absolute;\n top: 1em;\n right: 1em; }\n .diva-error-close:hover {\n cursor: hand; }\n\n.diva-modal {\n position: absolute;\n width: 32em;\n max-height: 26em;\n background-color: #fff;\n border: 1px solid #ddd;\n box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 120;\n word-wrap: break-word; }\n\n.manipulation-fullscreen {\n width: 100% !important;\n max-width: 100% !important;\n height: 100% !important;\n max-height: 100% !important;\n z-index: 100;\n position: fixed !important;\n top: 0;\n left: 0;\n margin: 0;\n border: 0;\n background-color: rgba(0, 0, 0, 0.9);\n display: flex; }\n\n.manipulation-sidebar {\n width: 15%;\n overflow: scroll;\n text-align: center;\n padding: 10px; }\n .manipulation-sidebar .manipulation-sidebar-primary-image,\n .manipulation-sidebar .manipulation-sidebar-secondary-image {\n margin: 10px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #fff;\n color: #fff; }\n\n.manipulation-sidebar-mobile {\n width: 50%;\n text-align: center;\n padding: 10px;\n display: none; }\n .manipulation-sidebar-mobile .manipulation-sidebar-primary-image,\n .manipulation-sidebar-mobile .manipulation-sidebar-secondary-image {\n margin: 10px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #fff;\n color: #fff; }\n\n.manipulation-main-area {\n width: 70%;\n flex: 1 1 auto;\n background-color: rgba(255, 255, 255, 0.5);\n overflow: scroll;\n text-align: center;\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab; }\n .manipulation-main-area.grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n .manipulation-main-area canvas {\n margin: 0 auto; }\n\n.manipulation-main-area-mobile {\n width: 100%;\n background-color: rgba(255, 255, 255, 0.5);\n overflow: scroll;\n text-align: center;\n cursor: move;\n /* fallback if grab cursor is unsupported */\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab; }\n .manipulation-main-area-mobile.grabbing {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing; }\n .manipulation-main-area-mobile canvas {\n margin: 0 auto; }\n\n.manipulation-tools {\n width: 15%;\n flex: 1 1 auto;\n overflow: auto; }\n .manipulation-tools .manipulation-tools-text {\n color: #FBF7F6;\n margin-bottom: 0.7em; }\n\n.manipulation-tools-mobile {\n width: 50%;\n flex: 1 1 auto;\n overflow: auto;\n display: none; }\n .manipulation-tools-mobile .manipulation-tools-text {\n color: #FBF7F6;\n margin-bottom: 0.7em; }\n\n.burger-menu {\n position: fixed;\n top: 0.5em;\n left: 0.5em;\n cursor: pointer; }\n .burger-menu .stripe {\n width: 2em;\n height: 0.3em;\n background-color: #fff5ef;\n margin: 0.2em 0; }\n\ninput[type=range] {\n -webkit-appearance: none;\n width: 100%;\n margin: 4.5px 0; }\n\ninput[type=range]:focus {\n outline: none; }\n\ninput[type=range]::-webkit-slider-runnable-track {\n width: 100%;\n height: 5px;\n cursor: pointer;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);\n background: rgba(255, 255, 255, 0.66);\n border-radius: 25px;\n border: 0px solid rgba(1, 1, 1, 0); }\n\ninput[type=range]::-webkit-slider-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer;\n -webkit-appearance: none;\n margin-top: -4.5px; }\n\ninput[type=range]:focus::-webkit-slider-runnable-track {\n background: rgba(253, 133, 243, 0.66); }\n\ninput[type=range]::-moz-range-track {\n width: 100%;\n height: 5px;\n cursor: pointer;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32);\n background: rgba(255, 255, 255, 0.66);\n border-radius: 25px;\n border: 0px solid rgba(1, 1, 1, 0); }\n\ninput[type=range]::-moz-range-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer; }\n\ninput[type=range]::-ms-track {\n width: 100%;\n height: 4px;\n cursor: pointer;\n background: transparent;\n border-color: transparent;\n color: transparent; }\n\ninput[type=range]::-ms-fill-lower {\n background: rgba(251, 83, 239, 0.66);\n border: 0px solid rgba(1, 1, 1, 0);\n border-radius: 50px;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }\n\ninput[type=range]::-ms-fill-upper {\n background: rgba(252, 108, 241, 0.66);\n border: 0px solid rgba(1, 1, 1, 0);\n border-radius: 50px;\n box-shadow: 0.4px 0.4px 2.4px rgba(0, 0, 0, 0.32), 0px 0px 0.4px rgba(13, 13, 13, 0.32); }\n\ninput[type=range]::-ms-thumb {\n box-shadow: 1px 1px 6.2px rgba(0, 0, 49, 0.66), 0px 0px 1px rgba(0, 0, 75, 0.66);\n border: 0.9px solid rgba(0, 0, 30, 0.42);\n height: 13px;\n width: 13px;\n border-radius: 10px;\n background: #ffffff;\n cursor: pointer;\n height: 4px; }\n\ninput[type=range]:focus::-ms-fill-lower {\n background: rgba(252, 108, 241, 0.66); }\n\ninput[type=range]:focus::-ms-fill-upper {\n background: rgba(253, 133, 243, 0.66); }\n\n#metadata-content {\n overflow-y: auto;\n max-height: 20em;\n padding: 2em; }\n\n#metadata-content dl dt {\n font-weight: bold; }\n\n#metadata-content dl dd {\n margin-left: 0;\n margin-bottom: 1em; }\n\n#metadata-title {\n margin: 0;\n text-align: center; }\n\n.close-button {\n position: absolute;\n right: 1em;\n top: 1em; }\n\n.close-button:hover {\n color: tomato; }\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;","sourceRoot":""}