jquery-lightbox.css (2376B)
1 /** 2 * jQuery lightBox plugin 3 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) 4 * and adapted to me for use like a plugin from jQuery. 5 * @name jquery-lightbox-0.5.css 6 * @author Leandro Vieira Pinho - http://leandrovieira.com 7 * @version 0.5 8 * @date April 11, 2008 9 * @category jQuery plugin 10 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) 11 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US 12 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin 13 */ 14 #jquery-overlay { 15 position: absolute; 16 top: 0; 17 left: 0; 18 z-index: 90; 19 width: 100%; 20 height: 500px; 21 } 22 #jquery-lightbox { 23 position: absolute; 24 top: 0; 25 left: 0; 26 width: 100%; 27 z-index: 100; 28 text-align: center; 29 line-height: 0; 30 } 31 #jquery-lightbox a img { border: none; } 32 #lightbox-container-image-box { 33 position: relative; 34 background-color: #fff; 35 width: 250px; 36 height: 250px; 37 margin: 0 auto; 38 } 39 #lightbox-container-image { padding: 10px; } 40 #lightbox-loading { 41 position: absolute; 42 top: 40%; 43 left: 0%; 44 height: 25%; 45 width: 100%; 46 text-align: center; 47 line-height: 0; 48 } 49 #lightbox-nav { 50 position: absolute; 51 top: 0; 52 left: 0; 53 height: 100%; 54 width: 100%; 55 z-index: 10; 56 } 57 #lightbox-container-image-box > #lightbox-nav { left: 0; } 58 #lightbox-nav a { outline: none;} 59 #lightbox-nav-btnPrev, #lightbox-nav-btnNext { 60 width: 49%; 61 height: 100%; 62 zoom: 1; 63 display: block; 64 } 65 #lightbox-nav-btnPrev { 66 left: 0; 67 float: left; 68 } 69 #lightbox-nav-btnNext { 70 right: 0; 71 float: right; 72 } 73 #lightbox-container-image-data-box { 74 font: 10px Verdana, Helvetica, sans-serif; 75 background-color: #fff; 76 margin: 0 auto; 77 line-height: 1.4em; 78 overflow: auto; 79 width: 100%; 80 padding: 0 10px 0; 81 } 82 #lightbox-container-image-data { 83 padding: 0 10px; 84 color: #666; 85 } 86 #lightbox-container-image-data #lightbox-image-details { 87 width: 70%; 88 float: left; 89 text-align: left; 90 } 91 #lightbox-image-details-caption { font-weight: bold; } 92 #lightbox-image-details-currentNumber { 93 display: block; 94 clear: left; 95 padding-bottom: 1.0em; 96 } 97 #lightbox-secNav-btnClose { 98 width: 66px; 99 float: right; 100 padding-bottom: 0.7em; 101 }