raspberry-pi-absensi/assets/styles/style-horizontal.min.css

1 line
78 KiB
CSS
Raw Permalink Normal View History

@import 'https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700';@import url(../fonts/font-awesome/css/font-awesome.min.css);@import url(../plugin/bootstrap/css/bootstrap.min.css);@import url(../plugin/nprogress/nprogress.css);body,html{position:relative;height:100%;background:#f5f7fa;color:#505458}#wrapper{position:relative;top:0px;z-index:10;width:100%;min-height:100%;transform:translate(0, 0);-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);background:#f5f7fa;overflow:hidden;transition:transform 0.4s ease;-webkit-transition:-webkit-transform 0.4s ease;-moz-transition:-moz-transform 0.4s ease;-o-transition:-o-transform 0.4s ease;-ms-transition:-ms-transform 0.4s ease}@media (min-width:1025px){#wrapper{top:0px!important}}img{max-width:100%;height:auto;-webkit-backface-visibility:hidden}a,button,input{transition:all 0.4s ease;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-webkit-transition:all 0.4s ease}a{text-decoration:none!important;outline:none;color:#304ffe}a:active,a:focus,a:hover{text-decoration:none!important;outline:none;color:#1e3ded}button,input{-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;outline:none}label{font-weight:500;margin-bottom:10px}@-moz-keyframes pulse{0%{-moz-transform:scale(0);opacity:0.0}25%{-moz-transform:scale(0);opacity:0.1}50%{-moz-transform:scale(0.1);opacity:0.3}75%{-moz-transform:scale(0.5);opacity:0.5}to{-moz-transform:scale(1);opacity:0.0}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(0);opacity:0.0}25%{-webkit-transform:scale(0);opacity:0.1}50%{-webkit-transform:scale(0.1);opacity:0.3}75%{-webkit-transform:scale(0.5);opacity:0.5}to{-webkit-transform:scale(1);opacity:0.0}}.fa-hover{font-size:14px;line-height:22px;padding-top:5px;padding-bottom:5px;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all 0.4s ease;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;cursor:pointer}.fa-hover .fa,.fa-hover .ico{display:inline-block;height:22px;vertical-align:top;min-width:28px;font-size:14px;line-height:22px;transition:all 0.4s ease;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;color:#435966}.fa-hover:hover{background:#304ffe;color:#ffffff}.fa-hover:hover .fa,.fa-hover:hover .ico{font-size:22px;line-height:22px;height:22px;color:#ffffff}.input-no-style{border:none;background:none;outline:none}.row-inline-block{font-size:0px;text-align:left}.row-inline-block>*{display:inline-block;float:none;font-size:14px;vertical-align:top}.row-inline-block.text-center>*{text-align:center}.row.small-spacing{margin-left:-10px;margin-right:-10px}.row.small-spacing>[class^=col-]{padding-left:10px;padding-right:10px}.light-effect{position:relative;overflow:hidden;display:block}.light-effect:after{content:"";display:block;position:absolute;top:0px;left:-200%;width:100%;height:100%;background:rgba(255, 255, 255, 0.3);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-moz-opacity:1;-khtml-opacity:1;opacity:1;transition:all 0.4s ease;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;transform:skew(45deg);-webkit-transform:skew(45deg);-moz-transform:skew(45deg);-o-transform:skew(45deg);-ms-transform:skew(45deg)}.light-effect:hover:after{left:100%;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-moz-opacity:0;-khtml-opacity:0;opacity:0}.error{color:#ea4335;font-weight:400;padding:5px 0px 5px 0px}.display-none{display:none}@media (min-width:1025px){.hidden-on-desktop{display:none!important}}h4 strong{font-weight:600;font-size:16px}.help-block{margin-top:10px;color:#aab2bd}.margin-top-0{margin-top:0px!important}.margin-top-10{margin-top:10px!important}.margin-top-15{margin-top:15px!important}.margin-top-20{margin-top:20px!important}.margin-top-30{margin-top:30px!important}.margin-top-40{mar