/* * Page: Lock Screen * ----------------- */ /* ADD THIS CLASS TO THE TAG */ .lockscreen { background: @gray;//url(../img/boxed-bg.png) repeat; } /* We will put the dynamically generated digital clock here */ .lockscreen-logo { font-size: 30px; text-align: center; margin-bottom: 25px; a { color: #444; } } .lockscreen-wrapper { max-width: 400px; margin: 0 auto; margin-top: 10%; } @media (max-width: @screen-xs-max) { .lockscreen .headline { font-size: 60px; margin-bottom: 40px; } } /* User name [optional] */ .lockscreen .lockscreen-name { text-align: center; font-weight: 600; } /* Will contain the image and the sign in form */ .lockscreen-item { padding: 0; background: #fff; position: relative; .border-radius(4px); .clearfix(); margin: 10px auto; width: 290px; } /* User image */ .lockscreen-image { position: absolute; left: -10px; top: -30px; background: #fff; padding: 10px; .border-radius(50%); z-index: 10; > img { width: 70px; height: 70px; .border-radius(50%); } } /* Contains the password input and the login button */ .lockscreen-credentials { margin-left: 80px; input { border: 0 !important; } .btn { background-color: #fff; border: 0; } } /* Extra to give the user an option to navigate the website [optional]*/ .lockscreen-link { margin-top: 30px; text-align: center; }