Home Explore Help
Register Sign In
wfsy1985
/
ggadmin
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 497966d927
Branches Tags
ggadmin
/
public
/
assets
/
less
/
fastadmin
/
lockscreen.less

lockscreen.less 1.1 KB
History Raw

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273 
  1. /*
    2. 

  2.  * Page: Lock Screen
    3. 

  3.  * -----------------
    4. 

  4.  */
    5. 

  5. /* ADD THIS CLASS TO THE <BODY> TAG */
    6. 

  6. .lockscreen {
    7. 

  7.   background: @gray;
    8. 

  8. }
    9. 

  9. 

  10. .lockscreen-logo {
    11. 

  11.   font-size: 35px;
    12. 

  12.   text-align: center;
    13. 

  13.   margin-bottom: 25px;
    14. 

  14.   font-weight: 300;
    15. 

  15.   a {
    16. 

  16.     color: #444;
    17. 

  17.   }
    18. 

  18. }
    19. 

  19. 

  20. .lockscreen-wrapper {
    21. 

  21.   max-width: 400px;
    22. 

  22.   margin: 0 auto;
    23. 

  23.   margin-top: 10%;
    24. 

  24. }
    25. 

  25. 

  26. /* User name [optional] */
    27. 

  27. .lockscreen .lockscreen-name {
    28. 

  28.   text-align: center;
    29. 

  29.   font-weight: 600;
    30. 

  30. }
    31. 

  31. 

  32. /* Will contain the image and the sign in form */
    33. 

  33. .lockscreen-item {
    34. 

  34.   .border-radius(4px);
    35. 

  35.   padding: 0;
    36. 

  36.   background: #fff;
    37. 

  37.   position: relative;
    38. 

  38.   margin: 10px auto 30px auto;
    39. 

  39.   width: 290px;
    40. 

  40. }
    41. 

  41. 

  42. /* User image */
    43. 

  43. .lockscreen-image {
    44. 

  44.   .border-radius(50%);
    45. 

  45.   position: absolute;
    46. 

  46.   left: -10px;
    47. 

  47.   top: -25px;
    48. 

  48.   background: #fff;
    49. 

  49.   padding: 5px;
    50. 

  50.   z-index: 10;
    51. 

  51.   > img {
    52. 

  52.     .border-radius(50%);
    53. 

  53.     width: 70px;
    54. 

  54.     height: 70px;
    55. 

  55.   }
    56. 

  56. }
    57. 

  57. 

  58. /* Contains the password input and the login button */
    59. 

  59. .lockscreen-credentials {
    60. 

  60.   margin-left: 70px;
    61. 

  61.   .form-control {
    62. 

  62.     border: 0;
    63. 

  63.   }
    64. 

  64.   .btn {
    65. 

  65.     background-color: #fff;
    66. 

  66.     border: 0;
    67. 

  67.     padding: 0 10px;
    68. 

  68.   }
    69. 

  69. }
    70. 

  70. 

  71. .lockscreen-footer {
    72. 

  72.   margin-top: 10px;
    73. 

  73. }
    74.