1. /* 略 */
  2. /* CSS Programming */
  3. #gallery #switch1:checked ~ .slideFrame ul {
  4. left: 90px;
  5. }
  6. #gallery #switch2:checked ~ .slideFrame ul {
  7. left: -450px;
  8. }
  9. #gallery #switch3:checked ~ .slideFrame ul {
  10. left: -990px;
  11. }
  12. #gallery #switch1:checked ~ .nav li label[for="switch1"],
  13. #gallery #switch2:checked ~ .nav li label[for="switch2"],
  14. #gallery #switch3:checked ~ .nav li label[for="switch3"] {
  15. opacity: 0;
  16. }
  17. #gallery input {
  18. display: none;
  19. }
  20. #gallery #switch1:checked ~ .prev label:not([for="switch3"]),
  21. #gallery #switch2:checked ~ .prev label:not([for="switch1"]),
  22. #gallery #switch3:checked ~ .prev label:not([for="switch2"]),
  23. #gallery #switch1:checked ~ .next label:not([for="switch2"]),
  24. #gallery #switch2:checked ~ .next label:not([for="switch3"]),
  25. #gallery #switch3:checked ~ .next label:not([for="switch1"]) {
  26. pointer-events: none;
  27. }
  28. /* 略 */