Built files from Bizgaze WebServer
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

toggles-iphone.css 1.3KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. .toggle-iphone .toggle-slide {
  2. border-radius: 9999px;
  3. box-shadow: 0 0 0 1px #999;
  4. }
  5. .toggle-iphone .toggle-on,
  6. .toggle-iphone .toggle-off {
  7. color: white;
  8. font-size: 18px;
  9. font-weight: bold;
  10. text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  11. }
  12. .toggle-iphone .toggle-on {
  13. border-radius: 9999px 0 0 9999px;
  14. background: #037bda;
  15. box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.4);
  16. }
  17. .toggle-iphone .toggle-on:after {
  18. background: -webkit-linear-gradient(#1189f1, #3797ef);
  19. background: linear-gradient(#1189f1, #3797ef);
  20. height: 50%;
  21. content: '';
  22. margin-top: -19%;
  23. display: block;
  24. border-radius: 9999px;
  25. margin-left: 10%;
  26. }
  27. .toggle-iphone .toggle-off {
  28. box-shadow: inset -2px 2px 5px rgba(0, 0, 0, 0.4);
  29. border-radius: 0 9999px 9999px 0;
  30. color: #828282;
  31. background: #ECECEC;
  32. text-shadow: 0 0 1px white;
  33. }
  34. .toggle-iphone .toggle-off:after {
  35. background: -webkit-linear-gradient(#fafafa, #fdfdfd);
  36. background: linear-gradient(#fafafa, #fdfdfd);
  37. height: 50%;
  38. content: '';
  39. margin-top: -19%;
  40. display: block;
  41. margin-right: 10%;
  42. border-radius: 9999px;
  43. }
  44. .toggle-iphone .toggle-blob {
  45. border-radius: 50px;
  46. background: -webkit-linear-gradient(#d1d1d1, #fafafa);
  47. background: linear-gradient(#d1d1d1, #fafafa);
  48. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.6), inset 0 0 0 2px white, 0 0 3px rgba(0, 0, 0, 0.6);
  49. }