Team:Zamorano/css/jquery.fancybox-thumbs.css

From 2014.igem.org

  1. fancybox-thumbs {

position: fixed; left: 0; width: 100%; overflow: hidden; z-index: 8050; }

  1. fancybox-thumbs.bottom {

bottom: 2px; }

  1. fancybox-thumbs.top {

top: 2px; }

  1. fancybox-thumbs ul {

position: relative; list-style: none; margin: 0; padding: 0; }

  1. fancybox-thumbs ul li {

float: left; padding: 1px; opacity: 0.5; }

  1. fancybox-thumbs ul li.active {

opacity: 0.75; padding: 0; border: 1px solid #fff; }

  1. fancybox-thumbs ul li:hover {

opacity: 1; }

  1. fancybox-thumbs ul li a {

display: block; position: relative; overflow: hidden; border: 1px solid #222; background: #111; outline: none; }

  1. fancybox-thumbs ul li img {

display: block; position: relative; border: 0; padding: 0; max-width: none; }