Mercurial > hg > ismi-richfaces

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

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
more work on new diva.js in imageServer
author casties
date Fri, 05 Jul 2019 16:05:57 +0200
parents
children
line wrap: on
line source

{"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":""}