Subversion Repositories eFlore/Applications.eflore-consultation

Rev

Rev 714 | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 714 Rev 835
1
@CHARSET "UTF-8";
1
@CHARSET "UTF-8";
2
/* tout le css pour la mise en page du pdf d'exportation de fiches. */
2
/* tout le css pour la mise en page du pdf d'exportation de fiches. */
3
/* GÉNÉRAL */
3
/* GÉNÉRAL */
4
table{
4
table{
5
	border-collapse: collapse;
5
	border-collapse: collapse;
6
	width:100%;
6
	width:100%;
7
	margin:5px 0;
7
	margin:5px 0;
8
	/*page-break-inside : avoid;*/
8
	/*page-break-inside : avoid;*/
9
	font-size:10px;
9
	font-size:10px;
10
}
10
}
11
td,th{
11
td,th{
12
	border:1px solid #36560B;
12
	border:1px solid #36560B;
13
	padding:7px 5px;
13
	padding:7px 5px;
14
}
14
}
15
th{
15
th{
16
	background-color:#EEE;
16
	background-color:#EEE;
17
}
17
}
18
h2 {
18
h2 {
19
	font-weight: bold;
19
	font-weight: bold;
20
	letter-spacing: 0;
20
	letter-spacing: 0;
21
	margin: 20px 0 12px 0;
21
	margin: 20px 0 12px 0;
22
	font-size: 15px;
22
	font-size: 15px;
23
	color: #FD8C13;
23
	color: #FD8C13;
24
}
24
}
25
body {
25
body {
26
	font-family: Arial, Helvetica, Verdana, sans-serif;
26
	font-family: Arial, Helvetica, Verdana, sans-serif;
27
	font-size: 0.75em;
27
	font-size: 0.75em;
28
	background-color: #fff;
28
	background-color: #fff;
29
}
29
}
30
.centrer {
30
.centrer {
31
	display : block;
31
	display : block;
32
	margin-left:auto;
32
	margin-left:auto;
33
	margin-right:auto;
33
	margin-right:auto;
34
}
34
}
35
.titre { 
35
.titre { 
36
		color:#36560B;
36
		color:#36560B;
37
		left:2px;
37
		left:2px;
38
		position:relative;
38
		position:relative;
39
		padding-right:5px;
39
		padding-right:5px;
40
}
40
}
41
.categorie {
41
.categorie {
42
	background-color: #F6AF3A;
42
	background-color: #F6AF3A;
43
	display: block;
43
	display: block;
44
	padding: 2mm;
44
	padding: 2mm;
45
	padding-left: 5mm;
45
	padding-left: 5mm;
46
	padding-right: 5mm;
46
	padding-right: 5mm;
47
	color: #fff;
47
	color: #fff;
48
	border-radius: 10px 10px 0 0;
48
	border-radius: 10px 10px 0 0;
49
	font-weight: bold;
49
	font-weight: bold;
50
}
50
}
51
.bloc {
51
.bloc {
52
	padding-left: 2mm;
52
	padding-left: 2mm;
53
	padding-bottom: 5mm;
53
	padding-bottom: 5mm;
54
}
54
}
55
.no-break {
55
.no-break {
56
	page-break-inside : avoid;
56
	page-break-inside : avoid;
57
}
57
}
58
.allow-break {
58
.allow-break {
59
	page-break-inside : auto;
59
	page-break-inside : auto;
60
}
60
}
-
 
61
 
-
 
62
.italique { 
-
 
63
	font-style: italic;
-
 
64
 }
-
 
65
 
-
 
66
 .gras { 
-
 
67
 	font-weight: bold;
-
 
68
 }
61
hr.nettoyage{
69
hr.nettoyage{
62
	clear: both;
70
	clear: both;
63
	width: 0;
71
	width: 0;
64
}
72
}
65
.citation {
73
.citation {
66
	font-size: 9px;
74
	font-size: 9px;
67
}
75
}
68
.deux-colonnes {
76
.deux-colonnes {
69
	width:48%;
77
	width:48%;
70
	float:left;
78
	float:left;
71
	text-align: center;
79
	text-align: center;
72
}
80
}
73
.italique {
81
.italique {
74
	font-style:italic;
82
	font-style:italic;
75
}
83
}
76
.version {
84
.version {
77
	float:right;
85
	float:right;
78
}
86
}
79
 
87
 
80
/* DESCRIPTION spécifique */
88
/* DESCRIPTION spécifique */
81
.desc td {
89
.desc td {
82
	width: 50%;
90
	width: 50%;
83
	vertical-align: top;
91
	vertical-align: top;
84
	border: 1px dasharray #36560B;
92
	border: 1px dasharray #36560B;
85
	padding: 7px 5px;
93
	padding: 7px 5px;
86
}
94
}
87
 
95
 
88
/* BIBLIOGRAPHIE spécifique */
96
/* BIBLIOGRAPHIE spécifique */
89
li.item_biblio_flore {
97
li.item_biblio_flore {
90
	background: none;
98
	background: none;
91
	list-style: square;
99
	list-style: square;
92
	padding-left: 15px;
100
	padding-left: 15px;
93
	color : #FC8912;
101
	color : #FC8912;
94
}
102
}
95
/* ECOLOGIE spécifique*/
103
/* ECOLOGIE spécifique*/
96
.graphique {
104
.graphique {
97
	width:500px;
105
	width:500px;
98
	margin-left:auto;
106
	margin-left:auto;
99
	margin-right:auto;
107
	margin-right:auto;
100
	text-align:center;
108
	text-align:center;
101
}
109
}
102
 
110
 
103
.fond_graphique {
111
.fond_graphique {
104
	background-color:#F8F8F8;
112
	background-color:#F8F8F8;
105
	padding-top: 10px;	
113
	padding-top: 10px;	
106
	padding-bottom: 10px;
114
	padding-bottom: 10px;
107
}
115
}
108
.legende_graphique td, .legende_graphique tbody, .legende_graphique table {
116
.legende_graphique td, .legende_graphique tbody, .legende_graphique table {
109
	font-size: 8px;
117
	font-size: 8px;
110
	background:none;
118
	background:none;
111
	border:none;
119
	border:none;
112
}
120
}
113
.svg_clim, .svg_sol {
121
.svg_clim, .svg_sol {
114
	width: 500px;
122
	width: 500px;
115
	height: 200px;
123
	height: 200px;
116
}
124
}
117
.svg_sol {
125
.svg_sol {
118
	width: 500px;
126
	width: 500px;
119
	height: 250px;
127
	height: 250px;
120
}
128
}
121
.legende_formes {
129
.legende_formes {
122
	width : 348px;
130
	width : 348px;
123
	height : 30px;
131
	height : 30px;
124
	display: block;
132
	display: block;
125
	margin-right : auto;
133
	margin-right : auto;
126
	margin-left: auto;
134
	margin-left: auto;
127
	padding : 5px;
135
	padding : 5px;
128
}
136
}
129
/* REPARTITION spécifique*/
137
/* REPARTITION spécifique*/
130
.bloc_legende_repartition {
138
.bloc_legende_repartition {
131
	float:left; 
139
	float:left; 
132
	margin-right:5px; 
140
	margin-right:5px; 
133
	margin-bottom:3px; 
141
	margin-bottom:3px; 
134
	width:15px; 
142
	width:15px; 
135
	height:15px; 
143
	height:15px; 
136
	border:1px  solid  black;
144
	border:1px  solid  black;
137
	
145
	
138
}
146
}
139
.texte_legende_repartition {
147
.texte_legende_repartition {
140
	float:left; 
148
	float:left; 
141
	font-size :10px;
149
	font-size :10px;
142
	width: 160px; 
150
	width: 160px; 
143
	text-align:left;
151
	text-align:left;
144
	
152
	
145
}
153
}
146
.legende_r {
154
.legende_r {
147
	 width: 190px;
155
	 width: 190px;
148
	 margin-right: auto;
156
	 margin-right: auto;
149
	 margin-left: auto;
157
	 margin-left: auto;
150
}
158
}
151
.repartition_observations { 
159
.repartition_observations { 
152
    width: 250px;
160
    width: 250px;
153
    margin-bottom: 5px;
161
    margin-bottom: 5px;
154
	margin-right: auto;
162
	margin-right: auto;
155
	margin-left: auto;
163
	margin-left: auto;
156
	text-align: center;
164
	text-align: center;
157
}
165
}
158
.repartition_observations object { 
166
.repartition_observations object { 
159
    display: block;
167
    display: block;
160
	padding: 0px;
168
	padding: 0px;
161
	height:200px;
169
	height:200px;
162
	margin-right: auto;
170
	margin-right: auto;
163
	margin-left: auto;
171
	margin-left: auto;
164
}
172
}
165
 
173
 
166
/* NOMENCLATURE spécifique*/
174
/* NOMENCLATURE spécifique*/
167
.legende_nom_retenu {
175
.legende_nom_retenu {
168
	background-color: #E6FFA2;
176
	background-color: #E6FFA2;
169
}
177
}
170
 
178
 
171
.surlignage {
179
.surlignage {
172
	background-color: #E6FFA2;
180
	background-color: #E6FFA2;
173
}
181
}
174
.couleur_legende {
182
.couleur_legende {
175
    display: inline-block;
183
    display: inline-block;
176
    height: 12px;
184
    height: 12px;
177
    width: 30px;
185
    width: 30px;
178
    margin-right: 5px;
186
    margin-right: 5px;
179
    margin-top: 2px;
187
    margin-top: 2px;
180
    border: 1px dashed black;
188
    border: 1px dashed black;
181
}
189
}
182
.legende {
190
.legende {
183
	border:dashed 1px #AAA; 
191
	border:dashed 1px #AAA; 
184
	padding:5px 10px;
192
	padding:5px 10px;
185
}
193
}
186
.onglet_marge_gauche {
194
.onglet_marge_gauche {
187
	margin-top: 7px;
195
	margin-top: 7px;
188
	padding-left: 30px;
196
	padding-left: 30px;
189
}
197
}
190
li.item_nomenclature {
198
li.item_nomenclature {
191
	background: none;
199
	background: none;
192
	list-style: square;
200
	list-style: square;
193
	padding-left: 15px;
201
	padding-left: 15px;
194
	color : #FC8912;
202
	color : #FC8912;
195
}
203
}
196
 
204
 
197
 
205
 
198
.nom {
206
.nom {
199
	vertical-align: top;
207
	vertical-align: top;
200
	color: black;
208
	color: black;
201
}
209
}
202
 
210
 
203
.retenu, .synonyme{
211
.retenu, .synonyme{
204
	font-size:0.8em;
212
	font-size:0.8em;
205
}
213
}
206
.retenu{
214
.retenu{
207
	font-weight:bold;
215
	font-weight:bold;
208
}
216
}
209
.basionyme_complet {
217
.basionyme_complet {
210
	margin-left:20px;
218
	margin-left:20px;
211
	display:block;
219
	display:block;
212
}
220
}
213
 
221
 
214
/* ILLUSTRATION spécifique*/
222
/* ILLUSTRATION spécifique*/
215
#illustrations {
223
#illustrations {
216
	width:196px;
224
	width:196px;
217
	height:196px;
225
	height:196px;
218
	margin-right: auto;
226
	margin-right: auto;
219
	margin-left: auto;
227
	margin-left: auto;
220
	text-align:center;
228
	text-align:center;
221
	border:0.5px dotted black;
229
	border:0.5px dotted black;
222
 
230
 
223
}
231
}
224
 
232
 
225
.liste-illustrations{
233
.liste-illustrations{
226
	list-style-type:none;
234
	list-style-type:none;
227
	padding:0;
235
	padding:0;
228
}
236
}
229
.liste-illustrations li {
237
.liste-illustrations li {
230
	list-style-image:none !important;
238
	list-style-image:none !important;
231
	background:none;
239
	background:none;
232
	text-align:center;
240
	text-align:center;
233
	font-size:11px;
241
	font-size:11px;
234
	float: left;
242
	float: left;
235
	width:210px;
243
	width:210px;
236
	height:285px;
244
	height:285px;
237
}
245
}
238
 
246
 
239
#illustrations .liste-illustrations li{
247
#illustrations .liste-illustrations li{
240
	height: 215px;
248
	height: 215px;
241
	}
249
	}
242
 
250
 
243
.liste-illustrations li p{
251
.liste-illustrations li p{
244
	margin:2px 2px 5px 2px;
252
	margin:2px 2px 5px 2px;
245
	width:206px;
253
	width:206px;
246
	font-size:11px;
254
	font-size:11px;
247
}
255
}
248
.liste-illustrations strong{
256
.liste-illustrations strong{
249
	font-weight:bold;
257
	font-weight:bold;
250
	text-align: center;
258
	text-align: center;
251
 
259
 
252
}
260
}
253
.liste-illustrations img{
261
.liste-illustrations img{
254
	display:block;
262
	display:block;
255
	border:1px solid white;
263
	border:1px solid white;
256
	text-align: center;
264
	text-align: center;
257
	padding:2px;
265
	padding:2px;
258
	max-height:196px;
266
	max-height:196px;
259
	max-width:196px;
267
	max-width:196px;
260
	margin-right: auto;
268
	margin-right: auto;
261
	margin-left: auto;
269
	margin-left: auto;
262
}
270
}
263
 
271
 
264
.liste-illustrations a:hover img{
272
.liste-illustrations a:hover img{
265
    border:1px dotted #FD8C13;
273
    border:1px dotted #FD8C13;
266
}
274
}
267
 
275
 
268
/* WIKI spécifique*/
276
/* WIKI spécifique*/
269
 
277
 
270
.wiki { font-size : 10px;
278
.wiki { font-size : 10px;
271
	
279
	
272
}
280
}