Home Explore Help
Sign In
shenzhipeng
/
edm
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 93c2b80617
Branches Tags
edm
/
static
/
AdminLTE
/
less
/
lockscreen.less

lockscreen.less 1.8 KB
History Raw

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586 
  1. /*
    2. 

  2.     Page: locked screen
    3. 

  3. */
    4. 

  4. 

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

  6. .lockscreen {
    7. 

  7.     background: url(../img/blur-background09.jpg) repeat center center fixed;
    8. 

  8.     -webkit-background-size: cover;
    9. 

  9.     -moz-background-size: cover;
    10. 

  10.     -o-background-size: cover;
    11. 

  11.     background-size: cover;
    12. 

  12. }
    13. 

  13. 

  14. /* Remove the background from the body element */
    15. 

  15. .lockscreen > body {
    16. 

  16.     background: transparent;
    17. 

  17. }
    18. 

  18. 

  19. /* We will put the dynamically generated digital clock here */
    20. 

  20. .lockscreen .headline {
    21. 

  21.     color: #fff;
    22. 

  22.     text-shadow: 1px 3px 5px rgba(0,0,0,0.5);
    23. 

  23.     font-weight: 300;
    24. 

  24.     -webkit-font-smoothing: antialiased !important;
    25. 

  25.     opacity: 0.8;
    26. 

  26.     margin: 10px 0 30px 0;
    27. 

  27.     font-size: 90px;    
    28. 

  28. }
    29. 

  29. 

  30. @media screen and (max-width: @screen-xs) {
    31. 

  31.     .lockscreen .headline {
    32. 

  32.         font-size: 60px;
    33. 

  33.         margin-bottom: 40px;
    34. 

  34.     }
    35. 

  35. }
    36. 

  36. 

  37. /* User name [optional] */
    38. 

  38. .lockscreen .lockscreen-name {
    39. 

  39.     text-align: center;
    40. 

  40.     font-weight: 600;
    41. 

  41.     font-size: 16px;
    42. 

  42. }
    43. 

  43. 

  44. /* Will contain the image and the sign in form */
    45. 

  45. .lockscreen-item {
    46. 

  46.     padding: 0;
    47. 

  47.     background: #fff;
    48. 

  48.     position: relative;
    49. 

  49.     .border-radius(4px);
    50. 

  50.     .clearfix();    
    51. 

  51.     margin: 10px auto;
    52. 

  52.     width: 290px;
    53. 

  53. }
    54. 

  54. 

  55. /* User image */
    56. 

  56. .lockscreen-item > .lockscreen-image {
    57. 

  57.     position: absolute;
    58. 

  58.     left: -10px;
    59. 

  59.     top: -30px;
    60. 

  60.     background: #fff;
    61. 

  61.     padding: 10px;
    62. 

  62.     .border-radius(50%);
    63. 

  63.     z-index: 10;
    64. 

  64.     > img {
    65. 

  65.         width: 70px;
    66. 

  66.         height: 70px;
    67. 

  67.         .border-radius(50%);
    68. 

  68.     }
    69. 

  69. }
    70. 

  70. 

  71. /* Contains the password input and the login button */
    72. 

  72. .lockscreen-item > .lockscreen-credentials {
    73. 

  73.     margin-left: 80px;
    74. 

  74.     input {
    75. 

  75.         border: 0 !important;
    76. 

  76.     }
    77. 

  77.     .btn {
    78. 

  78.         background-color: #fff;
    79. 

  79.         border: 0;
    80. 

  80.     }
    81. 

  81. }
    82. 

  82. /* Extra to give the user an option to navigate the website [optional]*/
    83. 

  83. .lockscreen-link {    
    84. 

  84.     margin-top: 30px;
    85. 

  85.     text-align: center;
    86. 

  86. }
    87.