File Manager

X7ROOT File Manager

Current Path: /home/notabjze/narcev.com/media/system/css/fields

home / notabjze / narcev.com / media / system / css / fields /

ðŸ“ ..
ðŸ“„ calendar-rtl.css(4.3 KB)
ðŸ“„ calendar-rtl.min.css(3.07 KB)
ðŸ“„ calendar-rtl.min.css.gz(1.08 KB)
ðŸ“„ calendar.css(4.3 KB)
ðŸ“„ calendar.min.css(3.07 KB)
ðŸ“„ calendar.min.css.gz(1.08 KB)
ðŸ“„ joomla-field-media.css(1.18 KB)
ðŸ“„ joomla-field-media.min.css(1.08 KB)
ðŸ“„ joomla-field-media.min.css.gz(585 B)
ðŸ“„ joomla-field-permissions.css(2.69 KB)
ðŸ“„ joomla-field-permissions.min.css(2.37 KB)
ðŸ“„ joomla-field-permissions.min.css.gz(779 B)
ðŸ“„ joomla-field-simple-color.css(1.66 KB)
ðŸ“„ joomla-field-simple-color.min.css(1.42 KB)
ðŸ“„ joomla-field-simple-color.min.css.gz(695 B)
ðŸ“„ joomla-media-select.css(440 B)
ðŸ“„ joomla-media-select.min.css(370 B)
ðŸ“„ joomla-media-select.min.css.gz(220 B)
ðŸ“„ switcher.css(1.61 KB)
ðŸ“„ switcher.min.css(1.27 KB)
ðŸ“„ switcher.min.css.gz(518 B)

Editing: switcher.css

.switcher {
  position: relative;
  width: 18rem;
  height: 28px;
  margin: 0;
}

.switcher input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 62px;
  height: 28px;
  margin: 0;
  cursor: pointer;
  opacity: 0;
}
[dir=rtl] .switcher input {
  right: 0;
  left: auto;
}

.switcher input:checked {
  z-index: 1;
}

.switcher input:checked + label {
  z-index: 0;
  opacity: 1;
}

.switcher input:not(:checked) + label {
  z-index: 3;
  opacity: 0;
}

.switcher input:focus ~ .toggle-outside {
  border-color: var(--focus);
  box-shadow: 0 0 0 0.2rem rgba(26, 70, 107, 0.25);
}

.switcher label {
  position: absolute;
  left: 0;
  display: inline-block;
  width: auto;
  min-width: 6rem;
  height: 100%;
  margin-bottom: 0;
  margin-left: 70px;
  line-height: 28px;
  text-align: left;
  transition: opacity 0.25s ease;
}
[dir=rtl] .switcher label {
  right: 0;
  left: auto;
  margin-right: 70px;
  margin-left: 0;
  text-align: right;
}

.switcher .toggle-outside {
  position: absolute;
  left: 0;
  box-sizing: border-box;
  width: 58px;
  height: 100%;
  overflow: hidden;
  background: #d3d3d3;
  border: 1px solid rgba(0, 0, 0, 0.18);
  transition: 0.2s ease all;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
[dir=rtl] .switcher .toggle-outside {
  right: 0;
  left: auto;
}

.switcher input ~ input:checked ~ .toggle-outside {
  background: #2f7d32;
}

.switcher .toggle-inside {
  position: absolute;
  left: 0;
  width: 28px;
  height: 28px;
  background: #fff;
  transition: 0.4s ease all;
}

.switcher input ~ input:checked ~ .toggle-outside .toggle-inside {
  left: 30px;
}

X7ROOT File Manager

Editing: switcher.css

Upload File

Create Folder