/trunk/wikini/maj_wikini/actions/galerie/presentation/styles/jquery.lightbox-0.4.css |
---|
New file |
0,0 → 1,101 |
/** |
* jQuery lightBox plugin |
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) |
* and adapted to me for use like a plugin from jQuery. |
* @name jquery-lightbox-0.4.css |
* @author Leandro Vieira Pinho - http://leandrovieira.com |
* @version 0.4 |
* @date November 17, 2007 |
* @category jQuery plugin |
* @copyright (c) 2007 Leandro Vieira Pinho (leandrovieira.com) |
* @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US |
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin |
*/ |
#jquery-overlay { |
position: absolute; |
top: 0; |
left: 0; |
z-index: 90; |
width: 100%; |
height: 500px; |
} |
#jquery-lightbox { |
position: absolute; |
top: 0; |
left: 0; |
width: 100%; |
z-index: 100; |
text-align: center; |
line-height: 0; |
} |
#jquery-lightbox a img { border: none; } |
#lightbox-container-image-box { |
position: relative; |
background-color: #fff; |
width: 250px; |
height: 250px; |
margin: 0 auto; |
} |
#lightbox-container-image { padding: 10px; } |
#lightbox-loading { |
position: absolute; |
top: 40%; |
left: 0%; |
height: 25%; |
width: 100%; |
text-align: center; |
line-height: 0; |
} |
#lightbox-nav { |
position: absolute; |
top: 0; |
left: 0; |
height: 100%; |
width: 100%; |
z-index: 10; |
} |
#lightbox-container-image-box > #lightbox-nav { left: 0; } |
#lightbox-nav a { outline: none;} |
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { |
width: 49%; |
height: 100%; |
zoom: 1; |
display: block; |
} |
#lightbox-nav-btnPrev { |
left: 0; |
float: left; |
} |
#lightbox-nav-btnNext { |
right: 0; |
float: right; |
} |
#lightbox-container-image-data-box { |
font: 10px Verdana, Helvetica, sans-serif; |
background-color: #fff; |
margin: 0 auto; |
line-height: 1.4em; |
overflow: auto; |
width: 100%; |
padding: 0 10px 0; |
} |
#lightbox-container-image-data { |
padding: 0 10px; |
color: #666; |
} |
#lightbox-container-image-data #lightbox-image-details { |
width: 70%; |
float: left; |
text-align: left; |
} |
#lightbox-image-details-caption { font-weight: bold; } |
#lightbox-image-details-currentNumber { |
display: block; |
clear: left; |
padding-bottom: 1.0em; |
} |
#lightbox-secNav-btnClose { |
width: 66px; |
float: right; |
padding-bottom: 0.7em; |
} |
/trunk/wikini/maj_wikini/actions/galerie/presentation/styles/jquery.galerie-0.1.css |
---|
24,9 → 24,15 |
.stripViewer { |
position: relative; |
overflow: hidden; |
border: 5px solid #444; |
margin: 0 0 1px 0;} |
.stripViewer li a img {border:none;} |
border-style: solid; |
border-bottom-color: #333333; |
border-right-color: #555555; |
border-left-color: #BBBBBB; |
border-top-color: #DDDDDD; |
margin: 5px 10px;} |
.stripViewer li a img { |
border:none; |
margin:0 auto;} |
.stripViewer ul { /* this is your UL of images */ |
margin: 0; |
padding: 0; |
48,6 → 54,7 |
.stripTransmitter ul li{ |
width: 20px; |
float:left; |
padding:0; |
margin: 0 1px 1px 0;} |
.stripTransmitter a{ |
font: bold 10px Verdana, Arial; |
56,9 → 63,10 |
background: #444; |
color: #fff; |
text-decoration: none; |
display: block;} |
display: block; |
border:none;} |
.stripTransmitter a:hover, a.current{ |
background: #fff; |
background: #fff; |
color: #444;} |
/*tooltips formatting*/ |
#tooltip { |
101,7 → 109,9 |
text-align: center; |
line-height: 0; |
} |
#jquery-lightbox a img { border: none; } |
#jquery-lightbox a img { |
margin:0 auto; |
border: none; } |
#lightbox-container-image-box { |
position: relative; |
background-color: #fff; |
109,7 → 119,8 |
height: 250px; |
margin: 0 auto; |
} |
#lightbox-container-image { padding: 10px; } |
#lightbox-container-image { |
padding:0;} |
#lightbox-loading { |
position: absolute; |
top: 40%; |
/trunk/wikini/maj_wikini/actions/galerie/presentation/styles/jquery.sliderviewer.css |
---|
New file |
0,0 → 1,71 |
/*Gallerie CSS en cas d'abscence de JS*/ |
.galerie { |
background-color: #444; |
padding: 10px; |
width:190px; |
height:190px; |
overflow: auto; |
white-space:nowrap;} |
.galerie ul { |
list-style: none; |
padding:0; |
margin:0;} |
.galerie ul li {display: inline;} |
.galerie ul img { |
border: 5px solid #3e3e3e;} |
.galerie ul a:hover img { |
border: 5px solid #fff; |
color: #fff;} |
/* jQuery SlideViewer plugin*/ |
/*core classes*/ |
.stripViewer { |
position: relative; |
overflow: hidden; |
border: 5px solid #ff0000; |
margin: 0 0 1px 0;} |
.stripViewer li a img {border:none;} |
.stripViewer ul { /* this is your UL of images */ |
margin: 0; |
padding: 0; |
position: relative; |
left: 0; |
top: 0; |
width: 1%; |
list-style-type: none;} |
.stripViewer ul li { |
float:left;} |
.stripTransmitter { |
overflow: auto; |
width: 1%;} |
.stripTransmitter ul { |
margin: 0; |
padding: 0; |
position: relative; |
list-style-type: none;} |
.stripTransmitter ul li{ |
width: 20px; |
float:left; |
margin: 0 1px 1px 0;} |
.stripTransmitter a{ |
font: bold 10px Verdana, Arial; |
text-align: center; |
line-height: 22px; |
background: #ff0000; |
color: #fff; |
text-decoration: none; |
display: block;} |
.stripTransmitter a:hover, a.current{ |
background: #fff; |
color: #ff0000;} |
/*tooltips formatting*/ |
#tooltip { |
background: #fff; |
color: #000; |
opacity: 0.85; |
border: 5px solid #dedede;} |
#tooltip h3 { |
font: normal 10px Verdana; |
margin: 0; |
padding: 6px 2px; |
border: 0;} |