Makaze

jQuery.switchButton.css

Apr 25th, 2015
251
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 0.69 KB | None | 0 0
  1. .switch-button-label {
  2.     float: left;
  3.  
  4.     font-size: 10pt;
  5.     cursor: pointer;
  6. }
  7.  
  8. .switch-button-label.off {
  9.     color: #adadad;
  10. }
  11.  
  12. .switch-button-label.on {
  13.     color: #0088CC;
  14. }
  15.  
  16. .switch-button-background {
  17.     float: left;
  18.     position: relative;
  19.  
  20.     background: #ccc;
  21.     border: 1px solid #aaa;
  22.  
  23.     margin: 1px 10px;
  24.  
  25.     -webkit-border-radius: 4px;
  26.     -moz-border-radius: 4px;
  27.     border-radius: 4px;
  28.  
  29.     cursor: pointer;
  30. }
  31.  
  32. .switch-button-button {
  33.     position: absolute;
  34.  
  35.     left: -1px;
  36.     top : -1px;
  37.  
  38.     background: #FAFAFA;
  39.     border: 1px solid #aaa;
  40.  
  41.     -webkit-border-radius: 4px;
  42.     -moz-border-radius: 4px;
  43.     border-radius: 4px;
  44. }
Advertisement
Add Comment
Please, Sign In to add comment