Built files from Bizgaze WebServer
Du kannst nicht mehr als 25 Themen auswählen Themen müssen mit entweder einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

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. }