ColorBox Nav CSS

Public

Uses Pseudo :Before and :After to add border arrows as navigation elements on the new colorbox default implementation.

</> CopyGet raw version
css
  1. #cboxPrevious.element-invisible {
  2. float:none !important;
  3. display: block !important;
  4. width: 24px;
  5. height: 0;
  6. border-right: 16px solid rgba(255,255,255,0.60);
  7. border-bottom: 22px solid transparent;
  8. border-top: 22px solid transparent;
  9. position:absolute;
  10. clip: auto;
  11. top: 48%;
  12. left: 0;
  13. }
  14.  
  15. #cboxNext.element-invisible {
  16. float:none !important;
  17. display: block !important;
  18. width: 24px;
  19. height: 0;
  20. border-left: 16px solid rgba(255,255,255,0.60);
  21. border-bottom: 22px solid transparent;
  22. border-top: 22px solid transparent;
  23. position:absolute;
  24. clip: auto;
  25. top: 48%;
  26. right: 0;
  27. }