File Manager

X7ROOT File Manager

Current Path: /var/www/html/mpc_emas/public/css

var / www / html / mpc_emas / public / css /

📁 ..
📄 animatedcheckbox.css(2.08 KB)
📄 app.css(111.53 KB)
📄 chat.css(93.17 KB)
📄 daterangepicker.css(8.58 KB)
📄 ddmenu.css(978 B)
📄 fancycheckbox.css(582 B)
📄 fancyradio.css(333 B)
📄 fileinput.css(2.26 KB)
📁 fontawesome
📁 fontawesome-5.5.0
📄 fullcalendar-custom.css(1.79 KB)
📄 mega-menu.css(2 KB)
📄 minusinputplus.css(1.22 KB)
📄 mjmz.css(1.53 KB)
📄 multiselectdropdown.css(1.63 KB)
📄 select2-fixed-custom.css(298 B)
📄 store((15.37 KB)
📄 switchcheckbox.css(7.63 KB)
📁 webfonts

Editing: animatedcheckbox.css

//== Checkbox
//
//##

// Animated Checkbox
//
// Animated checkboxes will use a similar structure as the Bootstrap's default checkboxes.

.checkbox-animated {
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;

input[type=checkbox] {
    display: none;
    
    &:disabled ~ label .box {
      border-color: #777;
      background-color: #E6E6E6;
    }

&:disabled ~ label .check {
      border-color: #777;
    }

&:checked ~ label .box {
      opacity: 0;
      -webkit-transform:  scale(0) rotate(-180deg);
      -moz-transform:     scale(0) rotate(-180deg);
      transform:          scale(0) rotate(-180deg);
    }

&:checked ~ label .check {
      opacity:1;
      -webkit-transform:  scale(1) rotate(45deg);
      -moz-transform:     scale(1) rotate(45deg);
      transform:          scale(1) rotate(45deg);
    }
  }

label {
    cursor: pointer;
    padding-left: 28px;
    font-weight: normal;
    margin-bottom: 0;

& span {
      display: block;
      position: absolute;
      left: 0;
      -webkit-transition-duration:  0.3s;
      -moz-transition-duration:     0.3s;
      transition-duration:          0.3s;
    }

& .box {
      border: 2px solid #000;
      height: 20px;
      width: 20px;
      z-index: 888;
      -webkit-transition-delay: 0.2s;
      -moz-transition-delay:    0.2s;
      transition-delay:         0.2s;
    }

& .check {
      top: -7px;
      left: 6px;
      width: 12px;
      height: 24px;
      border: 2px solid #BADA55;
      border-top: none;
      border-left: none;
      opacity:0;
      z-index:888;
      -webkit-transform:  rotate(180deg);
      -moz-transform:     rotate(180deg);
      transform:          rotate(180deg);

-webkit-transition-delay: 0.3s;
      -moz-transition-delay:    0.3s;
      transition-delay:         0.3s;
    }
  }
}

.checkbox-animated-inline {
  .checkbox-animated();

&.checkbox-animated-inline {
    display: inline-block;
    & + .checkbox-animated-inline {
      margin-left: 10px;
    }
  }
}

X7ROOT File Manager

Editing: animatedcheckbox.css

Upload File

Create Folder