.jqclock { text-align: center; padding-top: 60px; margin: auto; width: 320px; -moz-transition: all 550ms ease-in-out; -webkit-transition: all 550ms ease-in-out; -o-transition: all 550ms ease-in-out; transition: all 550ms ease-in-out; } .clockdate { color: #fff; margin-bottom: 0px; font-size: 20px; display: block; } .clocktime { padding: 5px; font-size: 20px; color: #fff; margin: 2px; display: block; } .modal { text-align: center; padding: 0 !important; } .modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; } .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; } /* * AdminLTE 2 | Lockscreen * Page: Lock Screen * ----------------- */ /* ADD THIS CLASS TO THE TAG */ .lockscreen { background: #d2d6de; font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 13px; } .lockscreen-logo { font-size: 28px; text-align: center; margin-bottom: 40px; font-weight: bold; color: #db6437; } .lockscreen-logo a { color: #db6437 } .lockscreen-wrapper { width: 500px; margin: auto; position: relative; padding-top: 20px; -moz-transition: all 550ms ease-in-out; -webkit-transition: all 550ms ease-in-out; -o-transition: all 550ms ease-in-out; transition: all 550ms ease-in-out; } .lockscreen .lockscreen-name { text-align: center; font-weight: bold; font-size: 15px; margin-left: 150px; color: #555; } .lockscreen-item { border-radius: 4px; padding-top: 0; /* background: #fff; */ position: relative; /* width: 350px; */ margin: auto; } .lockscreen-wrapper .text-clave { margin-left: 170px; } .lockscreen-wrapper .cambiar-usuario { margin-left: 160px; } .lockscreen-image { border-radius: 50%; position: absolute; left: 12px; top: -30px; background: #fff; padding: 20px 30px; z-index: 10; width: 180px; height: 180px; } .lockscreen-image > img { width: 120px; } .lockscreen-credentials { margin-left: 170px; background-color: #ffffff; } /*.lockscreen-credentials { border-top: 1px solid #e3e3e3; }*/ .lockscreen-credentials .form-control { border: 0; -webkit-box-shadow: none; box-shadow: none; } .lockscreen-credentials .btn { background-color: #fff; border: 0; padding: 0 10px } .lockscreen-footer { margin-top: 10px } @media (max-width: 640px) { .jqclock { text-align: center; padding-top: 60px; margin: auto; width: 320px; -moz-transition: all 550ms ease-in-out; -webkit-transition: all 550ms ease-in-out; -o-transition: all 550ms ease-in-out; transition: all 550ms ease-in-out; } .clockdate { color: #4b9c3c; margin-bottom: 0px; font-size: 20px; display: block; } .clocktime { padding: 5px; font-size: 20px; color: #4b9c3c; margin: 2px; display: block; } .lockscreen-wrapper { width: initial; margin: auto; } .lockscreen-logo { font-size: 30px; text-align: center; margin-bottom: 20px; font-weight: bold; color: #db6437; } .lockscreen-wrapper .text-clave { margin: auto; } .lockscreen-wrapper .cambiar-usuario { margin: auto; } .lockscreen-item { border-radius: 4px; padding: 0; background: initial; /* position: relative; */ /* margin: 10px auto 30px auto; */ /* width: 290px; */ } .lockscreen-image { border-radius: 50%; position: initial; /* left: -160px; */ /* top: -75px; */ padding: 20px 30px; z-index: 10; width: 180px; height: 180px; margin: auto; } .lockscreen-credentials { margin-left: initial; background-color: #ffffff; width: 300px; margin: auto; } .lockscreen .lockscreen-name { text-align: center; margin-left: initial; } }