File Manager

Editing File: /home/rtsgrob/ww6/wp-content/themes/synergia/framework/modules/sidearea/assets/css/sidearea-map.css

/* ==========================================================================
   Side area styles - begin
   ========================================================================== */
/* common mixins - start */
/* common mixins - end */
/* mixins styles - start */
/* mixins styles - end */
/* ==========================================================================
# Side area style - begin
========================================================================== */
.qodef-light-header .qodef-page-header > div:not(.qodef-sticky-header):not(.fixed) .qodef-side-menu-button-opener .qodef-sml,
.qodef-light-header .qodef-top-bar .qodef-side-menu-button-opener .qodef-sml {
  background-color: rgba(255, 255, 255, 0.8) !important;
}

.qodef-light-header .qodef-page-header > div:not(.qodef-sticky-header):not(.fixed) .qodef-side-menu-button-opener .qodef-sml.opened, .qodef-light-header .qodef-page-header > div:not(.qodef-sticky-header):not(.fixed) .qodef-side-menu-button-opener .qodef-sml:hover,
.qodef-light-header .qodef-top-bar .qodef-side-menu-button-opener .qodef-sml.opened,
.qodef-light-header .qodef-top-bar .qodef-side-menu-button-opener .qodef-sml:hover {
  background-color: rgba(255, 255, 255, 0.8) !important;
}

.qodef-dark-header .qodef-page-header > div:not(.qodef-sticky-header):not(.fixed) .qodef-side-menu-button-opener .qodef-sml,
.qodef-dark-header .qodef-top-bar .qodef-side-menu-button-opener .qodef-sml {
  background-color: #333 !important;
}

.qodef-dark-header .qodef-page-header > div:not(.qodef-sticky-header):not(.fixed) .qodef-side-menu-button-opener .qodef-sml.opened, .qodef-dark-header .qodef-page-header > div:not(.qodef-sticky-header):not(.fixed) .qodef-side-menu-button-opener .qodef-sml:hover,
.qodef-dark-header .qodef-top-bar .qodef-side-menu-button-opener .qodef-sml.opened,
.qodef-dark-header .qodef-top-bar .qodef-side-menu-button-opener .qodef-sml:hover {
  background-color: rgba(51, 51, 51, 0.8) !important;
}

.qodef-side-menu-button-opener {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0 10px;
  margin: 0 -10px;
}

.qodef-side-menu-button-opener .qodef-side-menu-title {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 8px 0 0;
  color: currentColor;
}

.qodef-side-menu-button-opener .qodef-side-menu-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
}

.qodef-side-menu-button-opener .qodef-side-menu-icon .qodef-sml {
  display: block;
  background-color: #162441;
  width: 5px;
  height: 5px;
  margin: 4px 0;
  border-radius: 50%;
  -webkit-transition: all 0.2s cubic-bezier(0.56, 0.2, 0.25, 1);
  -moz-transition: all 0.2s cubic-bezier(0.56, 0.2, 0.25, 1);
  transition: all 0.2s cubic-bezier(0.56, 0.2, 0.25, 1);
}

.qodef-side-menu-button-opener:hover .qodef-side-menu-icon .qodef-sml.qodef-sml-one {
  -webkit-transform: translate3d(0, -5px, 0);
  -moz-transform: translate3d(0, -5px, 0);
  transform: translate3d(0, -5px, 0);
}

.qodef-side-menu-button-opener:hover .qodef-side-menu-icon .qodef-sml.qodef-sml-three {
  -webkit-transform: translate3d(0, 5px, 0);
  -moz-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
}

.qodef-side-menu-button-opener.opened, .qodef-side-menu-button-opener:hover {
  color: #fd75b4;
}

.qodef-side-menu {
  position: fixed;
  top: 0;
  right: -558px;
  width: 558px;
  height: 100%;
  min-height: 100%;
  padding: 90px 100px 36px;
  background-color: #fff;
  text-align: left;
  overflow: hidden;
  visibility: hidden;
  z-index: 9999;
  -webkit-backface-visibility: hidden;
  box-sizing: border-box;
  box-shadow: -3px 0 3px rgba(0, 0, 0, 0.04);
  -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}

.qodef-side-menu .qodef-close-side-menu-holder {
  position: absolute;
  top: 36px;
  right: 43px;
  z-index: 1000;
}

.admin-bar .qodef-side-menu .qodef-close-side-menu-holder {
  top: 65px;
}

.qodef-side-menu a.qodef-close-side-menu {
  display: block;
  color: #162441;
  font-size: 40px;
  z-index: 1000;
}

.qodef-side-menu a.qodef-close-side-menu:hover {
  color: #00ebb4;
}

.qodef-side-menu a.qodef-close-side-menu span {
  display: block;
  line-height: inherit;
}

.qodef-side-menu a.qodef-close-side-menu span:before {
  display: block;
  line-height: inherit;
}

.qodef-side-menu-slide-from-right.qodef-right-side-menu-opened .qodef-wrapper .qodef-cover {
  z-index: 3000;
}

.qodef-side-menu-slide-from-right.qodef-right-side-menu-opened .qodef-side-menu {
  right: 0;
  visibility: visible;
}

.qodef-side-menu-slide-from-right .qodef-wrapper .qodef-cover {
  z-index: -1;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
}

/* ==========================================================================
# Side area style - end
========================================================================== */
/* ==========================================================================
   Side area styles - end
   ========================================================================== */

/*# sourceMappingURL=sidearea-map.css.map */

Back to Directory File Manager