Accueil Explorer Aide
Connexion
yinyujing
/
NBDXSY
Suivre 1
Voter 0
Fork 0
Fichiers Tickets 0 Pull Requests 0 Wiki
Branche: master
Branches Tags
NBDXSY
/
LeaRun.Application
/
LeaRun.Application.Web
/
Content
/
styles
/
learun-ckbox-radio.css

learun-ckbox-radio.css 3.9 KB
Lien permanent Historique Raw

12345678910111213141516171819202122232425262728293031323334353637383940 
  1. .ckbox,.rdio {position: relative;display:block;margin-right:5px;line-height: initial;float:left;}
    2. 

  2. .ckbox input[type="checkbox"],.rdio input[type="radio"] {opacity: 0;}
    3. 

  3. .ckbox label,.rdio label {padding-left: 10px;cursor: pointer;}
    4. 

  4. .ckbox label:before {width: 18px;height: 18px;position: absolute;top: 1px;left: 0;content: '';display: inline-block;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;border: 1px solid #bbb;background: #fff;}
    5. 

  5. .ckbox input[type="checkbox"]:disabled + label  {color: #999;}
    6. 

  6. .ckbox input[type="checkbox"]:disabled + label:before  {background-color: #eee;}
    7. 

  7. .ckbox input[type="checkbox"]:checked + label::after  {font-family: 'FontAwesome';content: "\F00C";position: absolute;top: 2px;left: 3px;display: inline-block;font-size: 11px;width: 16px;height: 16px;color: #fff;}
    8. 

  8. .ckbox-color_a input[type="checkbox"]:checked + label:before {border-color: #337ab7;background-color: #337ab7;}
    9. 

  9. .ckbox-color_b input[type="checkbox"]:checked + label:before {border-color: #42D758;background-color: #42D758;}
    10. 

  10. .ckbox-color_c input[type="checkbox"]:checked + label:before {border-color: #F04C4C;background-color: #F04C4C;}
    11. 

  11. .ckbox-color_d input[type="checkbox"]:checked + label:before {border-color: #36A2A3;background-color: #36A2A3;}
    12. 

  12. .ckbox-color_e input[type="checkbox"]:checked + label:before {border-color: #85D037;background-color: #85D037;}
    13. 

  13. .ckbox-color_f input[type="checkbox"]:checked + label:before {border-color: #DBA42A;background-color: #DBA42A;}
    14. 

  14. .ckbox-color_g input[type="checkbox"]:checked + label:before {border-color: #70b9f2;background-color: #70b9f2;}
    15. 

  15. .ckbox-color_h input[type="checkbox"]:checked + label:before {border-color: #7490bd;background-color: #7490bd;}
    16. 

  16. .ckbox-color_i input[type="checkbox"]:checked + label:before {border-color: #959595;background-color: #959595;}
    17. 

  17. .rdio label:before {width: 18px;height: 18px;position: absolute;top: 1px;left: 0;content: '';display: inline-block;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;border: 1px solid #bbb;background: #fff;}
    18. 

  18. .rdio input[type="radio"]:disabled + label  {color: #999;}
    19. 

  19. .rdio input[type="radio"]:disabled + label:before  {background-color: #eee;}
    20. 

  20. .rdio input[type="radio"]:checked + label::after  {content: '';position: absolute;top: 5px;left: 4px;display: inline-block;font-size: 11px;width: 10px;height: 10px;background-color: #444;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;}
    21. 

  21. .rdio-color_a input[type="radio"]:checked + label:before {border-color: #337ab7;}
    22. 

  22. .rdio-color_a input[type="radio"]:checked + label::after {background-color: #337ab7;}
    23. 

  23. .rdio-color_b input[type="radio"]:checked + label:before {border-color: #42D758;}
    24. 

  24. .rdio-color_b input[type="radio"]:checked + label::after {background-color: #42D758;}
    25. 

  25. .rdio-color_c input[type="radio"]:checked + label:before {border-color: #F04C4C;}
    26. 

  26. .rdio-color_c input[type="radio"]:checked + label::after {background-color: #F04C4C;}
    27. 

  27. .rdio-color_d input[type="radio"]:checked + label:before {border-color: #36A2A3;}
    28. 

  28. .rdio-color_d input[type="radio"]:checked + label::after {background-color: #36A2A3;}
    29. 

  29. .rdio-color_e input[type="radio"]:checked + label:before {border-color: #85D037;}
    30. 

  30. .rdio-color_e input[type="radio"]:checked + label::after {background-color: #85D037;}
    31. 

  31. .rdio-color_f input[type="radio"]:checked + label:before {border-color: #DBA42A;}
    32. 

  32. .rdio-color_f input[type="radio"]:checked + label::after {background-color: #DBA42A;}
    33. 

  33. .rdio-color_g input[type="radio"]:checked + label:before {border-color: #70b9f2;}
    34. 

  34. .rdio-color_g input[type="radio"]:checked + label::after {background-color: #70b9f2;}
    35. 

  35. .rdio-color_h input[type="radio"]:checked + label:before {border-color: #7490bd;}
    36. 

  36. .rdio-color_h input[type="radio"]:checked + label::after {background-color: #7490bd;}
    37. 

  37. .rdio-color_i input[type="radio"]:checked + label:before {border-color: #959595;}
    38. 

  38. .rdio-color_i input[type="radio"]:checked + label::after {background-color: #959595;}
    39. 

  39. 

  40.