photo-sphere-viewer/dist/plugins/settings.css

A JavaScript library to display Photo Sphere panoramas

/*!
 * Photo Sphere Viewer 4.8.1
 * @copyright 2014-2015 Jérémy Heleine
 * @copyright 2015-2022 Damien "Mistic" Sorel
 * @licence MIT (https://opensource.org/licenses/MIT)
 */
.psv-settings {
  position: absolute;
  bottom: 50px;
  right: 10px;
  background: rgba(10, 10, 10, 0.7);
  -webkit-box-shadow: 0 0 5px rgba(10, 10, 10, 0.7);
          box-shadow: 0 0 5px rgba(10, 10, 10, 0.7);
  color: rgb(220, 220, 220);
  z-index: 90;
  opacity: 0;
  -webkit-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
}
.psv-settings--open {
  opacity: 1;
}
.psv-settings-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.psv-settings-item {
  height: 1.5em;
  padding: 0.5em 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  cursor: pointer;
}
.psv-settings-item:hover {
  background: rgba(255, 255, 255, 0.2);
}
.psv-settings-item:focus-visible {
  outline: 2px solid #007cff;
  outline-offset: -2px;
}
.psv-settings-item *:not(:last-child) {
  margin-right: 1em;
}
.psv-settings-item-label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: bold;
}
.psv-settings-item-value {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.psv-settings-item-icon {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  height: 1em;
  width: 1em;
}
.psv-settings-item-icon svg {
  width: 1em;
  height: 1em;
}
.psv-settings-item--header {
  border-bottom: 1px solid currentcolor;
}
.psv-settings-item--header svg {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

.psv-settings-badge {
  position: absolute;
  top: 10%;
  right: 10%;
  border-radius: 0.2em;
  padding: 0.2em;
  background: #111;
  color: white;
  font: 10px/0.9 monospace;
}
/*# sourceMappingURL=settings.css.map */