File Manager

X7ROOT File Manager

Current Path: /home/cbholdings/pasukulu/h5p/h5plib/v124/joubel/core/styles

home / cbholdings / pasukulu / h5p / h5plib / v124 / joubel / core / styles /

📁 ..
📄 font-open-sans.css(15.72 KB)
📄 h5p-admin.css(6.89 KB)
📄 h5p-confirmation-dialog.css(3.53 KB)
📄 h5p-core-button.css(1.2 KB)
📄 h5p-hub-registration.css(23.11 KB)
📄 h5p-hub-sharing.css(37.52 KB)
📄 h5p-tooltip.css(1.07 KB)
📄 h5p.css(12.88 KB)

Editing: h5p-tooltip.css

.h5p-tooltip {
  --translateX: -50%;
  --translateY: 0;

display: none;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(var(--translateX)) translateY(var(--translateY));

z-index: 4;

font-size: 0.9rem;
  line-height: 1.5rem;

padding: 0 0.5rem;
  white-space: nowrap;

background: #000;
  color: #FFF;

cursor: default;

/* To hide the position adjustments and to get a bit more 
     pleasent popup effect */
  -webkit-animation: 800ms ease 0s normal forwards 1 fadein;
  animation: 800ms ease 0s normal forwards 1 fadein;
}

@keyframes fadein{
  0% { opacity: 0; }
  80% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadein{
  0% { opacity: 0; }
  80% { opacity: 0; }
  100% { opacity: 1; }
}

.h5p-tooltip-bottom {
  top: 100%;
  bottom: auto;
}

.h5p-tooltip-left {
  --translateY: -50%;
  --translateX: 0;
  top: 50%;
  bottom: auto;
  left: auto;
  right: 100%;
}

.h5p-tooltip-right {
  --translateY: -50%;
  --translateX: 0;
  top: 50%;
  bottom: auto;
  left: 100%;
  right: auto;
}

.h5p-tooltip-visible {
  display: block;
}

X7ROOT File Manager

Editing: h5p-tooltip.css

Upload File

Create Folder