Advertisement
Guest User

Untitled

a guest
Aug 13th, 2013
82
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.21 KB | None | 0 0
  1. #lightbox{
  2.     position: absolute;
  3.     left: 0;
  4.     width: 100%;
  5.     z-index: 100;
  6.     text-align: center;
  7.     line-height: 0;
  8.     }
  9.  
  10. #lightbox a img{ border: none; }
  11.  
  12. #outerImageContainer{
  13.     position: relative;
  14.     background-color: #fff;
  15.     width: 250px;
  16.     height: 250px;
  17.     margin: 0 auto;
  18.     }
  19.  
  20. #imageContainer{
  21.     padding: 10px;
  22.     }
  23.  
  24. #loading{
  25.     position: absolute;
  26.     top: 40%;
  27.     left: 0%;
  28.     height: 25%;
  29.     width: 100%;
  30.     text-align: center;
  31.     line-height: 0;
  32.     }
  33. #hoverNav{
  34.     position: absolute;
  35.     top: 0;
  36.     left: 0;
  37.     height: 100%;
  38.     width: 100%;
  39.     z-index: 10;
  40.     }
  41. #imageContainer>#hoverNav{ left: 0;}
  42. #hoverNav a{ outline: none;}
  43.  
  44. #prevLink, #nextLink{
  45.     width: 49%;
  46.     height: 100%;
  47.     background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
  48.     display: block;
  49.     }
  50. #prevLink { left: 0; float: left;}
  51. #nextLink { right: 0; float: right;}
  52. #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
  53. #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
  54.  
  55.  
  56. #imageDataContainer{
  57.     font: 10px Verdana, Helvetica, sans-serif;
  58.     background-color: #fff;
  59.     margin: 0 auto;
  60.     line-height: 1.4em;
  61.     }
  62.  
  63. #imageData{ padding:0 10px; color: #666; }
  64. #imageData #imageDetails{ width: 70%; float: left; text-align: left; } 
  65. #imageData #caption{ font-weight: bold; }
  66. #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;  }          
  67. #imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;  }  
  68.        
  69. #overlay{
  70.     position: absolute;
  71.     top: 0;
  72.     left: 0;
  73.     z-index: 90;
  74.     width: 100%;
  75.     height: 500px;
  76.     background-color: #000;
  77.     }
  78.    
  79.  
  80. /* Min-Width */
  81. .lbWidth { /* most browsers */
  82.     position: absolute;
  83.     top: 0px; left: 0px;
  84.     width: 100%;
  85.     min-width: 790px;
  86.     }
  87.  
  88. * html .lbContent { /* IE6 */
  89.     margin-left: -790px;
  90.     position:relative;
  91.     }
  92.  
  93. * html .lbMinWidth { /* IE6 */
  94.     padding-left: 790px;
  95.     }
  96.    
  97.    
  98. /* Clearfix */ 
  99. .clearfix:after {
  100. content: ".";
  101. display: block;
  102. height: 0;
  103. clear: both;
  104. visibility: hidden;
  105. }
  106.  
  107. .clearfix {display: inline-block;}
  108.  
  109. /* Hides from IE-mac \*/
  110. * html .clearfix {height: 1%;}
  111. .clearfix {display: block;}
  112. /* End hide from IE-mac */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement