Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .gform_wrapper .pt-toggle .gfield_checkbox input[type=checkbox] {
- margin-left: -9999px;
- position: absolute;
- visibility: hidden;
- }
- .gform_wrapper .pt-toggle .gfield_checkbox input[type=checkbox] + label {
- background-color: #ddd;
- border-radius: 60px;
- cursor: pointer;
- display: block;
- padding: 4px;
- outline: none;
- position: relative;
- transition: background .4s;
- user-select: none;
- width: 64px;
- height: 32px;
- }
- .gform_wrapper .pt-toggle .gfield_checkbox input[type=checkbox] + label::before, .gform_wrapper .pt-toggle .gfield_checkbox input[type=checkbox] + label::after {
- content: '';
- display: block;
- position: absolute;
- }
- .gform_wrapper .pt-toggle .gfield_checkbox input[type=checkbox] + label::before {
- background-color: #ddd;
- border-radius: 60px;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- transition: background .4s;
- }
- .gform_wrapper .pt-toggle .gfield_checkbox input[type=checkbox] + label::after {
- background-color: #fff;
- border-radius: 60px;
- color: #fff;
- line-height: 24px;
- top: 4px;
- bottom: 4px;
- left: 4px;
- width: 24px;
- text-align: center;
- transition: margin .4s, background .4s;
- }
- .gform_wrapper .pt-toggle .gfield_checkbox input[type=checkbox]:checked + label {
- background-color: #5cb85c;
- }
- .gform_wrapper .pt-toggle .gfield_checkbox input[type=checkbox]:checked + label::before {
- background-color: #5cb85c;
- }
- .gform_wrapper .pt-toggle .gfield_checkbox input[type=checkbox]:checked + label::after {
- background-color: #fff;
- color: #5cb85c;
- margin-left: 32px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement