lockscreen.less 1.1 KB

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