lockscreen.less 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. /*
  2. * Page: Lock Screen
  3. * -----------------
  4. */
  5. /* ADD THIS CLASS TO THE <BODY> TAG */
  6. .lockscreen {
  7. background: @gray-lte;
  8. }
  9. .lockscreen-logo {
  10. font-size: 35px;
  11. text-align: center;
  12. margin-bottom: 25px;
  13. font-weight: 300;
  14. a {
  15. color: #444;
  16. }
  17. }
  18. .lockscreen-wrapper {
  19. max-width: 400px;
  20. margin: 0 auto;
  21. margin-top: 10%;
  22. }
  23. /* User name [optional] */
  24. .lockscreen .lockscreen-name {
  25. text-align: center;
  26. font-weight: 600;
  27. }
  28. /* Will contain the image and the sign in form */
  29. .lockscreen-item {
  30. .border-radius(4px);
  31. padding: 0;
  32. background: #fff;
  33. position: relative;
  34. margin: 10px auto 30px auto;
  35. width: 290px;
  36. }
  37. /* User image */
  38. .lockscreen-image {
  39. .border-radius(50%);
  40. position: absolute;
  41. left: -10px;
  42. top: -25px;
  43. background: #fff;
  44. padding: 5px;
  45. z-index: 10;
  46. > img {
  47. .border-radius(50%);
  48. width: 70px;
  49. height: 70px;
  50. }
  51. }
  52. /* Contains the password input and the login button */
  53. .lockscreen-credentials {
  54. margin-left: 70px;
  55. .form-control {
  56. border: 0;
  57. }
  58. .btn {
  59. background-color: #fff;
  60. border: 0;
  61. padding: 0 10px;
  62. }
  63. }
  64. .lockscreen-footer {
  65. margin-top: 10px;
  66. }