12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394 |
- //
- // Pages: Lock Screen
- //
- // ADD THIS CLASS TO THE <BODY> TAG
- .lockscreen {
- background-color: $gray-200;
- // User name [optional]
- .lockscreen-name {
- font-weight: 600;
- text-align: center;
- }
- }
- .lockscreen-logo {
- font-size: 35px;
- font-weight: 300;
- margin-bottom: 25px;
- text-align: center;
- a {
- color: $gray-700;
- }
- }
- .lockscreen-wrapper {
- margin: 0 auto;
- margin-top: 10%;
- max-width: 400px;
- }
- // Will contain the image and the sign in form
- .lockscreen-item {
- @include border-radius(4px);
- background-color: $white;
- margin: 10px auto 30px;
- padding: 0;
- position: relative;
- width: 290px;
- }
- // User image
- .lockscreen-image {
- @include border-radius(50%);
- background-color: $white;
- left: -10px;
- padding: 5px;
- position: absolute;
- top: -25px;
- z-index: 10;
- > img {
- @include border-radius(50%);
- height: 70px;
- width: 70px;
- }
- }
- // Contains the password input and the login button
- .lockscreen-credentials {
- margin-left: 70px;
- .form-control {
- border: 0;
- }
- .btn {
- background-color: $white;
- border: 0;
- padding: 0 10px;
- }
- }
- .lockscreen-footer {
- margin-top: 10px;
- }
- @include dark-mode () {
- .lockscreen-item {
- background-color: $dark;
- }
- .lockscreen-logo a {
- color: $white;
- }
- .lockscreen-credentials .btn {
- background-color: $dark;
- }
- .lockscreen-image {
- background-color: $gray-600;
- }
- }
|