WebSVN – eFlore/Applications.cel-consultation – Diff – /trunk/squelettes/css/cel_consultation.css


/* =========================== Balises ============================ */
 
dt {
	font-weight:bold;
	margin-right:0.3em;
}
 
dd {
	width: auto;	
}
 
/* =========================== Style général ============================ */ 
 
hr.nettoyage {
	clear: both;
	display: hidden;	
}
 
.gauche {
	float:left;	
}
 
.droite {
	float:right;	
}
 
 
/* =========================== Titres ============================ */ 
 
.titre_consultation {
	padding-bottom: 10px;	
}
 
.etape {
	color: #9AC343;
	padding-bottom:20px;
}
 
 
/* =========================== Formulaires ============================ */ 
 
#image_recherche {
	width: 500px;	
}
 
.element_formulaire_en_ligne {
	padding-left: 10px;
	padding-right: 10px;	
}
 
.element_formulaire, #conteneur_liens_lat_lon {
	padding-bottom : 5px;
}
 
.conteneur_carte {
	height: 600px;	
}
 
 
/* =========================== Aide ============================ */ 
 
#ref-rech-opt-txt td, th {
    border: 1px solid #36560B;
    padding: 7px 5px;
}
 
/* =========================== Résultats ============================ */ 
 
.images_liste li {
	display:inline;	
	background:none repeat scroll 0 0 transparent;
	float:left;
	list-style-image:none;
	margin-left: 0px;
	margin-bottom: 10px;
}
 
.image_information {
	border: 1px solid;
	padding-right: 5px;	
	position: absolute;
}
 
.image_information {
 
	background: white; 
	margin-top: -6px;
	border: 1px solid #222222;
	z-index: 20;
}
 
.image_information_pliable {
	position: absolute; 	
}
 
.conteneur_image {
	height: 160px;	
	padding-right:30px;
}
 
h4.lien_pliage_invisible {
	display:none;	
}
 
.conteneur_image_deplie {
	margin-bottom: 120px	
}
 
a.lien_voir_image {
	background-image: none;	
}
 
.lien_voir_image img {
	border:1px solid #9AC343;
	padding: 0px;
}
 
/* ============ Pagination =============================================== */ 
 
.page_courante {
	font-size: 1.5em;
}
 
.page_courante a {
	color: black;	
}
 
.nb_resultats {
	float:right;
	margin-top: 10px;	
}
 
/* ============ Styles crées par des effets javascripts automatiques ===== */ 
 
h4.lien_pliage {
	background-color:white;
	border:1px solid;
	margin-left:0;
	margin-top:-33px;
	padding:2px 2px 5px;
	position:absolute;
	text-decoration:underline;
	z-index:10;
}
 
h4.lien_pliage_deplie {
	border-bottom: none;
	z-index:50;	
}
 
h4.lien_pliage:hover {
	cursor: pointer;
}
 

Rev 4	Rev 8
1	`/* =========================== Balises ============================ */`	1	`/* =========================== Balises ============================ */`
2		2
3	`dt {`	3	`dt {`
4	`font-weight:bold;`	4	`font-weight:bold;`
5	`margin-right:0.3em;`	5	`margin-right:0.3em;`
6	`}`	6	`}`
7		7
8	`dd {`	8	`dd {`
9	`width: auto;`	9	`width: auto;`
10	`}`	10	`}`
11		11
12	`/* =========================== Style général ============================ */`	12	`/* =========================== Style général ============================ */`
13		13
14	`hr.nettoyage {`	14	`hr.nettoyage {`
15	`clear: both;`	15	`clear: both;`
16	`display: hidden;`	16	`display: hidden;`
17	`}`	17	`}`
18		18
19	`.gauche {`	19	`.gauche {`
20	`float:left;`	20	`float:left;`
21	`}`	21	`}`
22		22
23	`.droite {`	23	`.droite {`
24	`float:right;`	24	`float:right;`
25	`}`	25	`}`
26		26
27		27
28	`/* =========================== Titres ============================ */`	28	`/* =========================== Titres ============================ */`
29		29
30	`.titre_consultation {`	30	`.titre_consultation {`
31	`padding-bottom: 10px;`	31	`padding-bottom: 10px;`
32	`}`	32	`}`
33		33
34	`.etape {`	34	`.etape {`
35	`color: #9AC343;`	35	`color: #9AC343;`
36	`padding-bottom:20px;`	36	`padding-bottom:20px;`
37	`}`	37	`}`
38		38
39		39
40	`/* =========================== Formulaires ============================ */`	40	`/* =========================== Formulaires ============================ */`
41		41
42	`#image_recherche {`	42	`#image_recherche {`
43	`width: 500px;`	43	`width: 500px;`
44	`}`	44	`}`
45		45
46	`.element_formulaire_en_ligne {`	46	`.element_formulaire_en_ligne {`
47	`padding-left: 10px;`	47	`padding-left: 10px;`
48	`padding-right: 10px;`	48	`padding-right: 10px;`
49	`}`	49	`}`
50		50
51	`.element_formulaire, #conteneur_liens_lat_lon {`	51	`.element_formulaire, #conteneur_liens_lat_lon {`
52	`padding-bottom : 5px;`	52	`padding-bottom : 5px;`
53	`}`	53	`}`
54		54
55	`.conteneur_carte {`	55	`.conteneur_carte {`
56	`height: 600px;`	56	`height: 600px;`
57	`}`	57	`}`
58		58
59		59
60	`/* =========================== Aide ============================ */`	60	`/* =========================== Aide ============================ */`
61		61
62	`#ref-rech-opt-txt td, th {`	62	`#ref-rech-opt-txt td, th {`
63	`border: 1px solid #36560B;`	63	`border: 1px solid #36560B;`
64	`padding: 7px 5px;`	64	`padding: 7px 5px;`
65	`}`	65	`}`
66		66
67	`/* =========================== Résultats ============================ */`	67	`/* =========================== Résultats ============================ */`
68		68
69	`.images_liste li {`	69	`.images_liste li {`
70	`display:inline;`	70	`display:inline;`
71	`background:none repeat scroll 0 0 transparent;`	71	`background:none repeat scroll 0 0 transparent;`
72	`float:left;`	72	`float:left;`
73	`list-style-image:none;`	73	`list-style-image:none;`
74	`margin-left: 0px;`	74	`margin-left: 0px;`
75	`margin-bottom: 10px;`	75	`margin-bottom: 10px;`
76	`}`	76	`}`
77		77
78	`.image_information {`	78	`.image_information {`
79	`border: 1px solid;`	79	`border: 1px solid;`
80	`padding-right: 5px;`	80	`padding-right: 5px;`
-		81	`position: absolute;`
81	`}`	82	`}`
82		83
83	`.image_information {`	84	`.image_information {`
84		85
85	`background: white;`	86	`background: white;`
86	`margin-top: -6px;`	87	`margin-top: -6px;`
87	`border: 1px solid #222222;`	88	`border: 1px solid #222222;`
88	`z-index: 20;`	89	`z-index: 20;`
89	`}`	90	`}`
90		91
91	`.image_information_pliable {`	92	`.image_information_pliable {`
92	`position: absolute;`	93	`position: absolute;`
93	`}`	94	`}`
94		95
95	`.conteneur_image {`	96	`.conteneur_image {`
96	`height: 160px;`	97	`height: 160px;`
97	`padding-right:30px;`	98	`padding-right:30px;`
98	`}`	99	`}`
99		100
100	`h4.lien_pliage_invisible {`	101	`h4.lien_pliage_invisible {`
101	`display:none;`	102	`display:none;`
102	`}`	103	`}`
103		104
104	`.conteneur_image_deplie {`	105	`.conteneur_image_deplie {`
105	`margin-bottom: 120px`	106	`margin-bottom: 120px`
106	`}`	107	`}`
107		108
108	`a.lien_voir_image {`	109	`a.lien_voir_image {`
109	`background-image: none;`	110	`background-image: none;`
110	`}`	111	`}`
111		112
112	`.lien_voir_image img {`	113	`.lien_voir_image img {`
113	`border:1px solid #9AC343;`	114	`border:1px solid #9AC343;`
114	`padding: 0px;`	115	`padding: 0px;`
115	`}`	116	`}`
116		117
117	`/* ============ Pagination =============================================== */`	118	`/* ============ Pagination =============================================== */`
118		119
119	`.page_courante {`	120	`.page_courante {`
120	`font-size: 1.5em;`	121	`font-size: 1.5em;`
121	`}`	122	`}`
122		123
123	`.page_courante a {`	124	`.page_courante a {`
124	`color: black;`	125	`color: black;`
125	`}`	126	`}`
126		127
127	`.nb_resultats {`	128	`.nb_resultats {`
128	`float:right;`	129	`float:right;`
129	`margin-top: 10px;`	130	`margin-top: 10px;`
130	`}`	131	`}`
131		132
132	`/* ============ Styles crées par des effets javascripts automatiques ===== */`	133	`/* ============ Styles crées par des effets javascripts automatiques ===== */`
133		134
134	`h4.lien_pliage {`	135	`h4.lien_pliage {`
135	`background-color:white;`	136	`background-color:white;`
136	`border:1px solid;`	137	`border:1px solid;`
137	`margin-left:0;`	138	`margin-left:0;`
138	`margin-top:-33px;`	139	`margin-top:-33px;`
139	`padding:2px 2px 5px;`	140	`padding:2px 2px 5px;`
140	`position:absolute;`	141	`position:absolute;`
141	`text-decoration:underline;`	142	`text-decoration:underline;`
142	`z-index:10;`	143	`z-index:10;`
143	`}`	144	`}`
144		145
145	`h4.lien_pliage_deplie {`	146	`h4.lien_pliage_deplie {`
146	`border-bottom: none;`	147	`border-bottom: none;`
147	`z-index:50;`	148	`z-index:50;`
148	`}`	149	`}`
149		150
150	`h4.lien_pliage:hover {`	151	`h4.lien_pliage:hover {`
151	`cursor: pointer;`	152	`cursor: pointer;`
152	`}`	153	`}`
153		154

Subversion Repositories eFlore/Applications.cel-consultation

(root)/trunk/squelettes/css/cel_consultation.css – Rev 4 → 8