Advertisement
Guest User

Untitled

a guest
Apr 18th, 2017
816
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.56 KB | None | 0 0
  1. .gform_wrapper .pt-toggle .gfield_checkbox input[type=checkbox] {
  2.   margin-left: -9999px;
  3.   position: absolute;
  4.   visibility: hidden;
  5. }
  6. .gform_wrapper .pt-toggle .gfield_checkbox input[type=checkbox] + label {
  7.   background-color: #ddd;
  8.   border-radius: 60px;
  9.   cursor: pointer;
  10.   display: block;
  11.   padding: 4px;
  12.   outline: none;
  13.   position: relative;
  14.   transition: background .4s;
  15.   user-select: none;
  16.   width: 64px;
  17.   height: 32px;
  18. }
  19. .gform_wrapper .pt-toggle .gfield_checkbox input[type=checkbox] + label::before, .gform_wrapper .pt-toggle .gfield_checkbox input[type=checkbox] + label::after {
  20.   content: '';
  21.   display: block;
  22.   position: absolute;
  23. }
  24. .gform_wrapper .pt-toggle .gfield_checkbox input[type=checkbox] + label::before {
  25.   background-color: #ddd;
  26.   border-radius: 60px;
  27.   top: 0;
  28.   right: 0;
  29.   bottom: 0;
  30.   left: 0;
  31.   transition: background .4s;
  32. }
  33. .gform_wrapper .pt-toggle .gfield_checkbox input[type=checkbox] + label::after {
  34.   background-color: #fff;
  35.   border-radius: 60px;
  36.   color: #fff;
  37.   line-height: 24px;
  38.   top: 4px;
  39.   bottom: 4px;
  40.   left: 4px;
  41.   width: 24px;
  42.   text-align: center;
  43.   transition: margin .4s, background .4s;
  44. }
  45. .gform_wrapper .pt-toggle .gfield_checkbox input[type=checkbox]:checked + label {
  46.   background-color: #5cb85c;
  47. }
  48. .gform_wrapper .pt-toggle .gfield_checkbox input[type=checkbox]:checked + label::before {
  49.   background-color: #5cb85c;
  50. }
  51. .gform_wrapper .pt-toggle .gfield_checkbox input[type=checkbox]:checked + label::after {
  52.   background-color: #fff;
  53.   color: #5cb85c;
  54.   margin-left: 32px;
  55. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement