PHP File Manager

Editing File: login.css

*:focus, *:active, *:hover, a:focus, a:active, a:hover {
    outline: none !important;
}

html, body {
    height: 100%;
}

body {
    font-family: 'Roboto', sans-serif;
    background: #F6F6F6;
}

.login-body {
    margin: 100px 0;
    text-align: center;
}

.login-body .logo {
    position: relative;
    margin-bottom: 25px;
}

.login-body form {
    position: relative;
}

.login-body .form-control {
    font-size: 26px;
    font-weight: 400;
    height: 52px;
    text-align: center;
    margin: 4px 0;
    
    background: #F1F1F1;
    border: 1px #E6E6E6 solid;
    
    -moz-box-shadow: 0 1px #FFF;
    -webkit-box-shadow: 0 1px #FFF;
    box-shadow: 0 1px #FFF;
    
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.login-body .form-control:focus {
    border-color: #D5D5D5;
}

.login-body .split-logo {
    position: relative;
    height: 20px;
    top: 5px;
    border-bottom: 1px #C8C8C8 solid;
}

.login-body .split-logo:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    border-radius: 50% / 30px; 
    box-shadow: rgba(0, 0, 0, 0.1) 0 2px 7px;
    clip: rect(20px, auto, 50px, 0);
}

.login-body .checkbox-inline {
    margin: 10px 0 0;
    padding: 9px 14px 9px 34px;
    background: #EEE;
    border: 1px #E6E6E6 solid;
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    
    -moz-box-shadow: 0 1px #FFF;
    -webkit-box-shadow: 0 1px #FFF;
    box-shadow: 0 1px #FFF;
}

.login-body .btn {
    position: relative;
    background-color: #7A7A7A;
    border-color: #6F6F6F;
    border-bottom-color: #626161;
    text-shadow: 0 -1px #000;
    
    margin: 20px 0 0;
    
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    
    -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.32), 0 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.32), 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.32), 0 3px rgba(0, 0, 0, 0.1);
    
    border-bottom-width: 4px;
}

.login-body .btn:active {
    -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.23);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.23);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.23);
}

.login-body .btn:active {
    top: 2px;
}

.form-control::-webkit-input-placeholder { color: #A4A4A4; opacity: 1; }
.form-control:-moz-placeholder { color: #A4A4A4; opacity: 1; }
.form-control::-moz-placeholder { color: #A4A4A4; opacity: 1; }
.form-control:-ms-input-placeholder { color: #A4A4A4; opacity: 1; }

Cancel