Subversion Repositories eFlore/Applications.eflore-consultation

Rev

Rev 656 | Rev 670 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 656 Rev 666
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
hr.nettoyage{
61
hr.nettoyage{
62
	clear: both;
62
	clear: both;
63
	width: 0;
63
	width: 0;
64
}
64
}
65
.citation {
65
.citation {
66
	font-size: 9px;
66
	font-size: 9px;
67
}
67
}
68
.deux-colonnes {
68
.deux-colonnes {
69
	width:48%;
69
	width:48%;
70
	float:left;
70
	float:left;
71
	text-align: center;
71
	text-align: center;
72
}
72
}
73
/* DESCRIPTION spécifique */
73
/* DESCRIPTION spécifique */
74
.desc td {
74
.desc td {
75
	width: 50%;
75
	width: 50%;
76
	vertical-align: top;
76
	vertical-align: top;
77
	border: 1px dasharray #36560B;
77
	border: 1px dasharray #36560B;
78
	padding: 7px 5px;
78
	padding: 7px 5px;
79
}
79
}
80
 
80
 
81
/* BIBLIOGRAPHIE spécifique */
81
/* BIBLIOGRAPHIE spécifique */
82
li.item_biblio_flore {
82
li.item_biblio_flore {
83
	background: none;
83
	background: none;
84
	list-style: square;
84
	list-style: square;
85
	padding-left: 15px;
85
	padding-left: 15px;
86
	color : #FC8912;
86
	color : #FC8912;
87
}
87
}
88
/* ECOLOGIE spécifique*/
88
/* ECOLOGIE spécifique*/
89
.graphique {
89
.graphique {
90
	width:500px;
90
	width:500px;
91
	margin-left:auto;
91
	margin-left:auto;
92
	margin-right:auto;
92
	margin-right:auto;
93
	text-align:center;
93
	text-align:center;
94
}
94
}
95
 
95
 
96
.fond_graphique {
96
.fond_graphique {
97
	background-color:#F8F8F8;
97
	background-color:#F8F8F8;
98
	padding-top: 10px;	
98
	padding-top: 10px;	
99
	padding-bottom: 10px;
99
	padding-bottom: 10px;
100
}
100
}
101
.legende_graphique td, .legende_graphique tbody, .legende_graphique table {
101
.legende_graphique td, .legende_graphique tbody, .legende_graphique table {
102
	font-size: 8px;
102
	font-size: 8px;
103
	background:none;
103
	background:none;
104
	border:none;
104
	border:none;
105
}
105
}
106
.svg_clim, .svg_sol {
106
.svg_clim, .svg_sol {
107
	width: 500px;
107
	width: 500px;
108
	height: 200px;
108
	height: 200px;
109
}
109
}
110
.svg_sol {
110
.svg_sol {
111
	width: 500px;
111
	width: 500px;
112
	height: 250px;
112
	height: 250px;
113
}
113
}
114
.legende_formes {
114
.legende_formes {
115
	width : 348px;
115
	width : 348px;
116
	height : 30px;
116
	height : 30px;
117
	display: block;
117
	display: block;
118
	margin-right : auto;
118
	margin-right : auto;
119
	margin-left: auto;
119
	margin-left: auto;
120
	padding : 5px;
120
	padding : 5px;
121
}
121
}
122
/* REPARTITION spécifique*/
122
/* REPARTITION spécifique*/
123
.bloc_legende_repartition {
123
.bloc_legende_repartition {
124
	float:left; 
124
	float:left; 
125
	margin-right:5px; 
125
	margin-right:5px; 
126
	margin-bottom:3px; 
126
	margin-bottom:3px; 
127
	width:15px; 
127
	width:15px; 
128
	height:15px; 
128
	height:15px; 
129
	border:1px  solid  black;
129
	border:1px  solid  black;
130
	
130
	
131
}
131
}
132
.texte_legende_repartition {
132
.texte_legende_repartition {
133
	float:left; 
133
	float:left; 
134
	font-size :10px;
134
	font-size :10px;
135
	width: 160px; 
135
	width: 160px; 
136
	text-align:left;
136
	text-align:left;
137
	
137
	
138
}
138
}
139
.legende_r {
139
.legende_r {
140
	 width: 190px;
140
	 width: 190px;
141
	 margin-right: auto;
141
	 margin-right: auto;
142
	 margin-left: auto;
142
	 margin-left: auto;
143
}
143
}
144
.repartition_observations { 
144
.repartition_observations { 
145
    width: 220px;
145
    width: 250px;
146
    margin-bottom: 5px;
146
    margin-bottom: 5px;
147
	margin-right: auto;
147
	margin-right: auto;
148
	margin-left: auto;
148
	margin-left: auto;
149
	text-align: center;
149
	text-align: center;
150
}
150
}
151
.repartition_observations object { 
151
.repartition_observations object { 
152
    display: block;
152
    display: block;
153
	padding: 0px;
153
	padding: 0px;
154
	width:200px;
154
	height:200px;
155
	margin-right: auto;
155
	margin-right: auto;
156
	margin-left: auto;
156
	margin-left: auto;
157
}
157
}
158
 
158
 
159
/* NOMENCLATURE spécifique*/
159
/* NOMENCLATURE spécifique*/
160
.legende_nom_retenu {
160
.legende_nom_retenu {
161
	background-color: #E6FFA2;
161
	background-color: #E6FFA2;
162
}
162
}
163
 
163
 
164
.surlignage {
164
.surlignage {
165
	background-color: #E6FFA2;
165
	background-color: #E6FFA2;
166
}
166
}
167
.couleur_legende {
167
.couleur_legende {
168
    display: inline-block;
168
    display: inline-block;
169
    height: 12px;
169
    height: 12px;
170
    width: 30px;
170
    width: 30px;
171
    margin-right: 5px;
171
    margin-right: 5px;
172
    margin-top: 2px;
172
    margin-top: 2px;
173
    border: 1px dashed black;
173
    border: 1px dashed black;
174
}
174
}
175
.legende {
175
.legende {
176
	border:dashed 1px #AAA; 
176
	border:dashed 1px #AAA; 
177
	padding:5px 10px;
177
	padding:5px 10px;
178
}
178
}
179
.onglet_marge_gauche {
179
.onglet_marge_gauche {
180
	margin-top: 7px;
180
	margin-top: 7px;
181
	padding-left: 30px;
181
	padding-left: 30px;
182
}
182
}
183
li.item_nomenclature {
183
li.item_nomenclature {
184
	background: none;
184
	background: none;
185
	list-style: square;
185
	list-style: square;
186
	padding-left: 15px;
186
	padding-left: 15px;
187
	color : #FC8912;
187
	color : #FC8912;
188
}
188
}
189
 
189
 
190
 
190
 
191
.nom {
191
.nom {
192
	vertical-align: top;
192
	vertical-align: top;
193
	color: black;
193
	color: black;
194
}
194
}
195
 
195
 
196
.retenu, .synonyme{
196
.retenu, .synonyme{
197
	font-size:0.8em;
197
	font-size:0.8em;
198
}
198
}
199
.retenu{
199
.retenu{
200
	font-weight:bold;
200
	font-weight:bold;
201
}
201
}
202
.basionyme_complet {
202
.basionyme_complet {
203
	margin-left:20px;
203
	margin-left:20px;
204
	display:block;
204
	display:block;
205
}
205
}
206
 
206
 
207
/* ILLUSTRATION spécifique*/
207
/* ILLUSTRATION spécifique*/
208
#illustrations {
208
#illustrations {
209
	width:196px;
209
	width:196px;
210
	height:196px;
210
	height:196px;
211
	margin-right: auto;
211
	margin-right: auto;
212
	margin-left: auto;
212
	margin-left: auto;
213
	text-align:center;
213
	text-align:center;
214
	border:0.5px dotted black;
214
	border:0.5px dotted black;
215
 
215
 
216
}
216
}
217
 
217
 
218
.liste-illustrations{
218
.liste-illustrations{
219
	list-style-type:none;
219
	list-style-type:none;
220
	padding:0;
220
	padding:0;
221
}
221
}
222
.liste-illustrations li {
222
.liste-illustrations li {
223
	list-style-image:none !important;
223
	list-style-image:none !important;
224
	background:none;
224
	background:none;
225
	text-align:center;
225
	text-align:center;
226
	font-size:11px;
226
	font-size:11px;
227
	float: left;
227
	float: left;
228
	width:210px;
228
	width:210px;
229
	height:285px;
229
	height:285px;
230
}
230
}
231
 
231
 
232
#illustrations .liste-illustrations li{
232
#illustrations .liste-illustrations li{
233
	height: 215px;
233
	height: 215px;
234
	}
234
	}
235
 
235
 
236
.liste-illustrations li p{
236
.liste-illustrations li p{
237
	margin:2px 2px 5px 2px;
237
	margin:2px 2px 5px 2px;
238
	width:206px;
238
	width:206px;
239
	font-size:11px;
239
	font-size:11px;
240
}
240
}
241
.liste-illustrations strong{
241
.liste-illustrations strong{
242
	font-weight:bold;
242
	font-weight:bold;
243
	text-align: center;
243
	text-align: center;
244
 
244
 
245
}
245
}
246
.liste-illustrations img{
246
.liste-illustrations img{
247
	display:block;
247
	display:block;
248
	border:1px solid white;
248
	border:1px solid white;
249
	text-align: center;
249
	text-align: center;
250
	padding:2px;
250
	padding:2px;
251
	max-height:196px;
251
	max-height:196px;
252
	max-width:196px;
252
	max-width:196px;
253
	margin-right: auto;
253
	margin-right: auto;
254
	margin-left: auto;
254
	margin-left: auto;
255
}
255
}
256
 
256
 
257
.liste-illustrations a:hover img{
257
.liste-illustrations a:hover img{
258
    border:1px dotted #FD8C13;
258
    border:1px dotted #FD8C13;
259
}
259
}
260
 
260
 
261
/* WIKI spécifique*/
261
/* WIKI spécifique*/
262
 
262
 
263
.wiki { font-size : 11px;
263
.wiki { font-size : 11px;
264
	
264
	
265
}
265
}