Built files from Bizgaze WebServer
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

toggles-light.css 1004B

123456789101112131415161718192021222324252627282930313233
  1. .toggle-light .toggle-slide {
  2. border-radius: 9999px;
  3. box-shadow: 0 0 0 1px #999;
  4. }
  5. .toggle-light .toggle-on,
  6. .toggle-light .toggle-off {
  7. font-size: 11px;
  8. font-weight: 500;
  9. }
  10. .toggle-light .toggle-on,
  11. .toggle-light .toggle-select .toggle-inner .active {
  12. background: #45a31f;
  13. box-shadow: inset 2px 2px 6px rgba(0, 0, 0, 0.2);
  14. text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
  15. color: rgba(255, 255, 255, 0.8);
  16. }
  17. .toggle-light .toggle-off,
  18. .toggle-light .toggle-select .toggle-on {
  19. color: rgba(0, 0, 0, 0.6);
  20. text-shadow: 0 1px rgba(255, 255, 255, 0.2);
  21. background: -webkit-linear-gradient(#cfcfcf, #f5f5f5);
  22. background: linear-gradient(#cfcfcf, #f5f5f5);
  23. }
  24. .toggle-light .toggle-blob {
  25. border-radius: 50px;
  26. background: -webkit-linear-gradient(#f5f5f5, #cfcfcf);
  27. background: linear-gradient(#f5f5f5, #cfcfcf);
  28. box-shadow: 1px 1px 2px #888;
  29. }
  30. .toggle-light .toggle-blob:hover {
  31. background: -webkit-linear-gradient(#e4e4e4, #f9f9f9);
  32. background: linear-gradient(#e4e4e4, #f9f9f9);
  33. }