Hallo Welt!

von raredesign | Dez 3, 2019 | Allgemein | 0 Kommentare

Cokiee Shell

Current Path : /var/www/web28/html/wp-content/themes/Avada/assets/css/dynamic/

Upload File :

Current File : //var/www/web28/html/wp-content/themes/Avada/assets/css/dynamic/totop.css

/* stylelint-disable no-descending-specificity */
#toTop {
  background-color: var(--totop_background);
  border-radius: 4px 4px 0 0;
  bottom: 0;
  height: 35px;
  position: fixed;
  text-align: center;
  width: 48px;
  opacity: 0;
  z-index: 100000;
  transition: opacity 0.4s ease-in-out, background 0.2s ease-in-out;
  line-height: 1;
  pointer-events: none;
}
.to-top-container #toTop:hover {
  background-color: var(--totop_background_hover);
}
#toTop:before {
  line-height: 35px;
  content: "\f106";
  -webkit-font-smoothing: antialiased;
  font-family: "awb-icons";
  font-size: 22px;
  color: var(--totop_icon_color);
}
#toTop:hover::before {
  color: var(--totop_icon_hover);
}
#toTop:active,
#toTop:focus {
  outline: none;
  background-color: var(--totop_background);
}
#toTop.fusion-to-top-active {
  pointer-events: auto;
  opacity: 0.9;
  transition: opacity 0.4s ease-in-out, background 0.2s ease-in-out;
}
.to-top-container #toTop {
  border-radius: var(--totop_border_radius) var(--totop_border_radius) 0 0;
}
.to-top-floating #toTop {
  bottom: 30px;
  height: 44px;
  width: 44px;
  border-radius: var(--totop_border_radius) var(--totop_border_radius) var(--totop_border_radius) var(--totop_border_radius);
}
.to-top-floating #toTop:before {
  line-height: 42px;
}
.to-top-right #toTop {
  right: 75px;
}
.to-top-left #toTop {
  left: 75px;
}
.awb-to-top-progress {
  display: none;
}
.awb-to-top-scroll-progress #toTop {
  display: flex;
  justify-content: center;
  background: none;
}
.awb-to-top-scroll-progress #toTop:before {
  z-index: 1;
}
.awb-to-top-scroll-progress #toTop:hover,
.awb-to-top-scroll-progress #toTop:active,
.awb-to-top-scroll-progress #toTop:focus {
  background: none;
}
.awb-to-top-scroll-progress .awb-to-top-progress {
  display: block;
  position: absolute;
  top: -2.2px;
  left: -2.2px;
}
.awb-to-top-scroll-progress .awb-to-top-progress rect {
  stroke-width: 4;
  fill: transparent;
  transition: fill 0.2s ease-in-out, stroke 0.2s ease-in-out;
  rx: var(--totop_border_radius);
  ry: var(--totop_border_radius);
}
.awb-to-top-scroll-progress .awb-to-top-progress .awb-scale {
  fill: var(--totop_background);
}
.awb-to-top-scroll-progress .awb-to-top-progress .awb-progress {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke: var(--totop_background_hover);
}
.awb-to-top-scroll-progress:hover .awb-to-top-progress .awb-scale {
  stroke: var(--totop_background_hover) !important;
  fill: var(--totop_background_hover);
}
.awb-to-top-scroll-progress:active .awb-to-top-progress .awb-scale,
.awb-to-top-scroll-progress:focus .awb-to-top-progress .awb-scale {
  fill: var(--totop_background);
}

Cokiee Shell Web 1.0, Coded By Razor

Kommentar absenden Antworten abbrechen

Du musst angemeldet sein, um einen Kommentar abzugeben.