Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!
Guest

Untitled

By: a guest on Mar 7th, 2013  |  syntax: CSS  |  size: 2.77 KB  |  views: 36  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. @charset "utf-8";
  2.  
  3. .gallery { margin: auto; }
  4. .gallery-item { float: left; margin: 10px auto; text-align: center; }
  5. .gallery img { border: 2px solid #cfcfcf; }
  6. /* If you want to show images slowly, use this. And you need to edit lightbox-gallery.js too. */
  7. /* .gallery img {display: none; border: 2px solid #cfcfcf;} */
  8. .gallery-caption { margin-left: 0; display:none; }
  9.  
  10. /* Tooltip */
  11. #tooltip {
  12.         position: absolute;
  13.         z-index: 3000;
  14.         border: 1px solid #111;
  15.         background-color: #1f1f1f;
  16.         padding: 5px;
  17.         pacity: 0.85;
  18. }
  19. #tooltip h3, #tooltip div { margin: 0; }
  20.  
  21. /* Lightbox */
  22. #jquery-overlay {
  23.     background:url(images/overlay.png) repeat 0 0;
  24.         position: absolute;
  25.         top: 0;
  26.         left: 0;
  27.         z-index: 100;
  28.         width: 100%;
  29.         height: 500px;
  30. }
  31. #jquery-lightbox {
  32.         position: absolute;
  33.         top: 0;
  34.         left: 0;
  35.         width: 100%;
  36.         z-index: 100;
  37.         text-align: center;
  38.         line-height: 0;
  39. }
  40. #jquery-lightbox a img { border: none; }
  41. #lightbox-container-image-box {
  42.         position: relative;
  43.         background-color: #1f1f1f;
  44.         width: 250px;
  45.         height: 250px;
  46.         margin: 0 auto;
  47. }
  48. #lightbox-container-image { padding: 10px; }
  49. #lightbox-loading {
  50.         position: absolute;
  51.         top: 40%;
  52.         left: 0%;
  53.         height: 25%;
  54.         width: 100%;
  55.         text-align: center;
  56.         line-height: 0;
  57. }
  58. #lightbox-nav {
  59.         position: absolute;
  60.         top: 0;
  61.         left: 0;
  62.         height: 100%;
  63.         width: 100%;
  64.         z-index: 10;
  65. }
  66. #lightbox-container-image-box > #lightbox-nav { left: 0; }
  67. #lightbox-nav a { outline: none;}
  68. #lightbox-nav-btnPrev, #lightbox-nav-btnNext {
  69.         width: 49%;
  70.         height: 100%;
  71.         zoom: 1;
  72.         display: block;
  73. }
  74. #lightbox-nav-btnPrev {
  75.         margin: 0 0 0 -55px;
  76.         left: 0;
  77.         float: left;
  78. }
  79. #lightbox-nav-btnNext {
  80.         margin: 0 -55px 0 0;
  81.         right: 0;
  82.         float: right;
  83. }
  84. #lightbox-container-image-data-box {
  85.         font: 12px Roboto;
  86.         background-color: #1f1f1f;
  87.         margin: 0 auto;
  88.         line-height: 1.4em;
  89.         overflow: auto;
  90.         width: 100%;
  91.         padding: 0 10px 0;
  92. }
  93. #lightbox-container-image-data {
  94.         padding: 0 10px;
  95.         color: #666;
  96. }
  97. #lightbox-container-image-data #lightbox-image-details {
  98.         width: 70%;
  99.         float: left;
  100.         text-align: left;
  101. }      
  102. #lightbox-image-details-caption { font-weight: bold; }
  103. #lightbox-image-details-currentNumber {
  104.         display: block;
  105.         clear: left;
  106.         padding-bottom: 1.0em;
  107. }                      
  108. #lightbox-secNav-btnClose {
  109.         width: 66px;
  110.         float: right;
  111.         padding-bottom: 0.7em;
  112. }