Advertisement
benskalz

style.css

Mar 19th, 2017
64
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.17 KB | None | 0 0
  1. /* The switch - the box around the slider */
  2. .switch {
  3. position: relative;
  4. display: inline-block;
  5. width: 30px;
  6. height: 17px;
  7.  
  8. }
  9.  
  10. /* Hide default HTML checkbox */
  11. .switch input {display:none;}
  12.  
  13. /* The slider */
  14. .slider {
  15. position: absolute;
  16. cursor: pointer;
  17. top: 0;
  18. left: 0;
  19. right: 0;
  20. bottom: 0;
  21. background-color: #ccc;
  22. -webkit-transition: .4s;
  23. transition: .4s;
  24. }
  25.  
  26. .slider:before {
  27. position: absolute;
  28. content: "";
  29. height: 13px;
  30. width: 13px;
  31. left: 2px;
  32. bottom: 2px;
  33. background-color: white;
  34. -webkit-transition: .4s;
  35. transition: .4s;
  36. }
  37.  
  38. input:checked + .slider {
  39. background-color: #004365;
  40. }
  41.  
  42. input:focus + .slider {
  43. box-shadow: 0 0 1px #004365;
  44. }
  45.  
  46. input:checked + .slider:before {
  47. -webkit-transform: translateX(13px);
  48. -ms-transform: translateX(13px);
  49. transform: translateX(13px);
  50. }
  51.  
  52. /* Rounded sliders */
  53. .slider.round {
  54. border-radius: 34px;
  55. }
  56.  
  57. .slider.round:before {
  58. border-radius: 50%;
  59. }
  60.  
  61. #scroll-live{
  62. position : relative;
  63. }
  64.  
  65. .scroll-txt {
  66. font-size: 7px;
  67. margin-left: 10px;
  68. position: absolute;
  69. margin-top: 4px;
  70. font-size: 11px;
  71. color: #8d8d8d;
  72. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement