WebSVN – Sites.tela-botanica.org – Diff – /trunk/wikini/maj_wikini/actions/galerie/presentation/styles/jquery.galerie-0.1.css


/*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*/
/*preload classes*/
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
/*core classes*/
.stripViewer {  
	position: relative; 
	overflow: hidden;  
	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; 
	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; 
	padding:0;
	margin: 0 1px 1px 0;} 
.stripTransmitter a{ 
	font: bold 10px Verdana, Arial; 
	text-align: center; 
	line-height: 22px; 
	background: #444; 
	color: #fff; 
	text-decoration: none; 
	display: block;
	border:none;}
.stripTransmitter a:hover, a.current{ 
	background: #fff;
	color: #444;}
/*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;}
/**
 * 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 {
	margin:0 auto;
	border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image {
	padding:0;}
#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;	
}

Rev 415	Rev 434
1	`/Gallerie CSS en cas d'abscence de JS/`	1	`/Gallerie CSS en cas d'abscence de JS/`
2	`.galerie {`	2	`.galerie {`
3	`background-color: #444;`	3	`background-color: #444;`
4	`padding: 10px;`	4	`padding: 10px;`
5	`width:190px;`	5	`width:190px;`
6	`height:190px;`	6	`height:190px;`
7	`overflow: auto;`	7	`overflow: auto;`
8	`white-space:nowrap;}`	8	`white-space:nowrap;}`
9	`.galerie ul {`	9	`.galerie ul {`
10	`list-style: none;`	10	`list-style: none;`
11	`padding:0;`	11	`padding:0;`
12	`margin:0;}`	12	`margin:0;}`
13	`.galerie ul li {display: inline;}`	13	`.galerie ul li {display: inline;}`
14	`.galerie ul img {`	14	`.galerie ul img {`
15	`border: 5px solid #3e3e3e;}`	15	`border: 5px solid #3e3e3e;}`
16	`.galerie ul a:hover img {`	16	`.galerie ul a:hover img {`
17	`border: 5px solid #fff;`	17	`border: 5px solid #fff;`
18	`color: #fff;}`	18	`color: #fff;}`
19	`/* jQuery SlideViewer plugin*/`	19	`/* jQuery SlideViewer plugin*/`
20	`/preload classes/`	20	`/preload classes/`
21	`.svw {width: 50px; height: 20px; background: #fff;}`	21	`.svw {width: 50px; height: 20px; background: #fff;}`
22	`.svw ul {position: relative; left: -999em;}`	22	`.svw ul {position: relative; left: -999em;}`
23	`/core classes/`	23	`/core classes/`
24	`.stripViewer {`	24	`.stripViewer {`
25	`position: relative;`	25	`position: relative;`
26	`overflow: hidden;`	26	`overflow: hidden;`
27	`border: 5px solid #444;`	27	`border-style: solid;`
-		28	`border-bottom-color: #333333;`
-		29	`border-right-color: #555555;`
-		30	`border-left-color: #BBBBBB;`
-		31	`border-top-color: #DDDDDD;`
28	`margin: 0 0 1px 0;}`	32	`margin: 5px 10px;}`
29	`.stripViewer li a img {border:none;}`	33	`.stripViewer li a img {`
-		34	`border:none;`
-		35	`margin:0 auto;}`
30	`.stripViewer ul { /* this is your UL of images */`	36	`.stripViewer ul { /* this is your UL of images */`
31	`margin: 0;`	37	`margin: 0;`
32	`padding: 0;`	38	`padding: 0;`
33	`position: relative;`	39	`position: relative;`
34	`left: 0;`	40	`left: 0;`
35	`top: 0;`	41	`top: 0;`
36	`width: 1%;`	42	`width: 1%;`
37	`list-style-type: none;}`	43	`list-style-type: none;}`
38	`.stripViewer ul li {`	44	`.stripViewer ul li {`
39	`float:left;}`	45	`float:left;}`
40	`.stripTransmitter {`	46	`.stripTransmitter {`
41	`overflow: auto;`	47	`overflow: auto;`
42	`width: 1%;}`	48	`width: 1%;}`
43	`.stripTransmitter ul {`	49	`.stripTransmitter ul {`
44	`margin: 0;`	50	`margin: 0;`
45	`padding: 0;`	51	`padding: 0;`
46	`position: relative;`	52	`position: relative;`
47	`list-style-type: none;}`	53	`list-style-type: none;}`
48	`.stripTransmitter ul li{`	54	`.stripTransmitter ul li{`
49	`width: 20px;`	55	`width: 20px;`
50	`float:left;`	56	`float:left;`
-		57	`padding:0;`
51	`margin: 0 1px 1px 0;}`	58	`margin: 0 1px 1px 0;}`
52	`.stripTransmitter a{`	59	`.stripTransmitter a{`
53	`font: bold 10px Verdana, Arial;`	60	`font: bold 10px Verdana, Arial;`
54	`text-align: center;`	61	`text-align: center;`
55	`line-height: 22px;`	62	`line-height: 22px;`
56	`background: #444;`	63	`background: #444;`
57	`color: #fff;`	64	`color: #fff;`
58	`text-decoration: none;`	65	`text-decoration: none;`
59	`display: block;}`	66	`display: block;`
-		67	`border:none;}`
60	`.stripTransmitter a:hover, a.current{`	68	`.stripTransmitter a:hover, a.current{`
61	`background: #fff;`	69	`background: #fff;`
62	`color: #444;}`	70	`color: #444;}`
63	`/tooltips formatting/`	71	`/tooltips formatting/`
64	`#tooltip {`	72	`#tooltip {`
65	`background: #fff;`	73	`background: #fff;`
66	`color: #000;`	74	`color: #000;`
67	`opacity: 0.85;`	75	`opacity: 0.85;`
68	`border: 5px solid #dedede;}`	76	`border: 5px solid #dedede;}`
69	`#tooltip h3 {`	77	`#tooltip h3 {`
70	`font: normal 10px Verdana;`	78	`font: normal 10px Verdana;`
71	`margin: 0;`	79	`margin: 0;`
72	`padding: 6px 2px;`	80	`padding: 6px 2px;`
73	`border: 0;}`	81	`border: 0;}`
74	`/**`	82	`/**`
75	`* jQuery lightBox plugin`	83	`* jQuery lightBox plugin`
76	`* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)`	84	`* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)`
77	`* and adapted to me for use like a plugin from jQuery.`	85	`* and adapted to me for use like a plugin from jQuery.`
78	`* @name jquery-lightbox-0.4.css`	86	`* @name jquery-lightbox-0.4.css`
79	`* @author Leandro Vieira Pinho - http://leandrovieira.com`	87	`* @author Leandro Vieira Pinho - http://leandrovieira.com`
80	`* @version 0.4`	88	`* @version 0.4`
81	`* @date November 17, 2007`	89	`* @date November 17, 2007`
82	`* @category jQuery plugin`	90	`* @category jQuery plugin`
83	`* @copyright (c) 2007 Leandro Vieira Pinho (leandrovieira.com)`	91	`* @copyright (c) 2007 Leandro Vieira Pinho (leandrovieira.com)`
84	`* @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US`	92	`* @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US`
85	`* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin`	93	`* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin`
86	`*/`	94	`*/`
87	`#jquery-overlay {`	95	`#jquery-overlay {`
88	`position: absolute;`	96	`position: absolute;`
89	`top: 0;`	97	`top: 0;`
90	`left: 0;`	98	`left: 0;`
91	`z-index: 90;`	99	`z-index: 90;`
92	`width: 100%;`	100	`width: 100%;`
93	`height: 500px;`	101	`height: 500px;`
94	`}`	102	`}`
95	`#jquery-lightbox {`	103	`#jquery-lightbox {`
96	`position: absolute;`	104	`position: absolute;`
97	`top: 0;`	105	`top: 0;`
98	`left: 0;`	106	`left: 0;`
99	`width: 100%;`	107	`width: 100%;`
100	`z-index: 100;`	108	`z-index: 100;`
101	`text-align: center;`	109	`text-align: center;`
102	`line-height: 0;`	110	`line-height: 0;`
103	`}`	111	`}`
104	`#jquery-lightbox a img { border: none; }`	112	`#jquery-lightbox a img {`
-		113	`margin:0 auto;`
-		114	`border: none; }`
105	`#lightbox-container-image-box {`	115	`#lightbox-container-image-box {`
106	`position: relative;`	116	`position: relative;`
107	`background-color: #fff;`	117	`background-color: #fff;`
108	`width: 250px;`	118	`width: 250px;`
109	`height: 250px;`	119	`height: 250px;`
110	`margin: 0 auto;`	120	`margin: 0 auto;`
111	`}`	121	`}`
112	`#lightbox-container-image { padding: 10px; }`	122	`#lightbox-container-image {`
-		123	`padding:0;}`
113	`#lightbox-loading {`	124	`#lightbox-loading {`
114	`position: absolute;`	125	`position: absolute;`
115	`top: 40%;`	126	`top: 40%;`
116	`left: 0%;`	127	`left: 0%;`
117	`height: 25%;`	128	`height: 25%;`
118	`width: 100%;`	129	`width: 100%;`
119	`text-align: center;`	130	`text-align: center;`
120	`line-height: 0;`	131	`line-height: 0;`
121	`}`	132	`}`
122	`#lightbox-nav {`	133	`#lightbox-nav {`
123	`position: absolute;`	134	`position: absolute;`
124	`top: 0;`	135	`top: 0;`
125	`left: 0;`	136	`left: 0;`
126	`height: 100%;`	137	`height: 100%;`
127	`width: 100%;`	138	`width: 100%;`
128	`z-index: 10;`	139	`z-index: 10;`
129	`}`	140	`}`
130	`#lightbox-container-image-box > #lightbox-nav { left: 0; }`	141	`#lightbox-container-image-box > #lightbox-nav { left: 0; }`
131	`#lightbox-nav a { outline: none;}`	142	`#lightbox-nav a { outline: none;}`
132	`#lightbox-nav-btnPrev, #lightbox-nav-btnNext {`	143	`#lightbox-nav-btnPrev, #lightbox-nav-btnNext {`
133	`width: 49%;`	144	`width: 49%;`
134	`height: 100%;`	145	`height: 100%;`
135	`zoom: 1;`	146	`zoom: 1;`
136	`display: block;`	147	`display: block;`
137	`}`	148	`}`
138	`#lightbox-nav-btnPrev {`	149	`#lightbox-nav-btnPrev {`
139	`left: 0;`	150	`left: 0;`
140	`float: left;`	151	`float: left;`
141	`}`	152	`}`
142	`#lightbox-nav-btnNext {`	153	`#lightbox-nav-btnNext {`
143	`right: 0;`	154	`right: 0;`
144	`float: right;`	155	`float: right;`
145	`}`	156	`}`
146	`#lightbox-container-image-data-box {`	157	`#lightbox-container-image-data-box {`
147	`font: 10px Verdana, Helvetica, sans-serif;`	158	`font: 10px Verdana, Helvetica, sans-serif;`
148	`background-color: #fff;`	159	`background-color: #fff;`
149	`margin: 0 auto;`	160	`margin: 0 auto;`
150	`line-height: 1.4em;`	161	`line-height: 1.4em;`
151	`overflow: auto;`	162	`overflow: auto;`
152	`width: 100%;`	163	`width: 100%;`
153	`padding: 0 10px 0;`	164	`padding: 0 10px 0;`
154	`}`	165	`}`
155	`#lightbox-container-image-data {`	166	`#lightbox-container-image-data {`
156	`padding: 0 10px;`	167	`padding: 0 10px;`
157	`color: #666;`	168	`color: #666;`
158	`}`	169	`}`
159	`#lightbox-container-image-data #lightbox-image-details {`	170	`#lightbox-container-image-data #lightbox-image-details {`
160	`width: 70%;`	171	`width: 70%;`
161	`float: left;`	172	`float: left;`
162	`text-align: left;`	173	`text-align: left;`
163	`}`	174	`}`
164	`#lightbox-image-details-caption { font-weight: bold; }`	175	`#lightbox-image-details-caption { font-weight: bold; }`
165	`#lightbox-image-details-currentNumber {`	176	`#lightbox-image-details-currentNumber {`
166	`display: block;`	177	`display: block;`
167	`clear: left;`	178	`clear: left;`
168	`padding-bottom: 1.0em;`	179	`padding-bottom: 1.0em;`
169	`}`	180	`}`
170	`#lightbox-secNav-btnClose {`	181	`#lightbox-secNav-btnClose {`
171	`width: 66px;`	182	`width: 66px;`
172	`float: right;`	183	`float: right;`
173	`padding-bottom: 0.7em;`	184	`padding-bottom: 0.7em;`
174	`}`	185	`}`

Subversion Repositories Sites.tela-botanica.org

(root)/trunk/wikini/maj_wikini/actions/galerie/presentation/styles/jquery.galerie-0.1.css – Rev 415 → 434