Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 501 Rev 503
1
@charset "UTF-8";
1
@charset "UTF-8";
2
 
2
 
3
html, body {
3
html, body {
4
	margin:0;
4
	margin:0;
5
	padding:0;
5
	padding:0;
6
	height: 100%;
6
	height: 100%;
7
	font-family:Arial;
7
	font-family:Arial;
8
	font-size:12px;
8
	font-size:12px;
9
}
9
}
10
h1 {
10
h1 {
11
	font-size:1.6em;
11
	font-size:1.6em;
12
}
12
}
13
h2 {
13
h2 {
14
	font-size:1.4em;
14
	font-size:1.4em;
15
}
15
}
16
a, a:active, a:visited {
16
a, a:active, a:visited {
17
	border-bottom:1px dotted #666;
17
	border-bottom:1px dotted #666;
18
	color:#CCC;
18
	color:#CCC;
19
	text-decoration:none;
19
	text-decoration:none;
20
}
20
}
21
a:active {
21
a:active {
22
	outline:none;
22
	outline:none;
23
}
23
}
24
a:focus {
24
a:focus {
25
	outline:thin dotted;
25
	outline:thin dotted;
26
}
26
}
27
a:hover {
27
a:hover {
28
	color:#56B80E;
28
	color:#56B80E;
29
	border-bottom:1px dotted #56B80E;
29
	border-bottom:1px dotted #56B80E;
30
}
30
}
31
/*+-----------------------------------------------------------------------------------------------------------------+*/
31
/*+-----------------------------------------------------------------------------------------------------------------+*/
32
/* Carte */
32
/* Carte */
33
#carte {
33
#carte {
34
	width:100%;
34
	width:100%;
35
	height:95%;
35
	height:95%;
36
}
36
}
37
.bouton {
37
.bouton {
38
	background-color:white;
38
	background-color:white;
39
	border:2px solid black;
39
	border:2px solid black;
40
	cursor:pointer;
40
	cursor:pointer;
41
	text-align:center;
41
	text-align:center;
42
}
42
}
43
/*+-----------------------------------------------------------------------------------------------------------------+*/
43
/*+-----------------------------------------------------------------------------------------------------------------+*/
44
/* Message de chargement */
44
/* Message de chargement */
45
#chargement {
45
#chargement {
46
	display:none;
46
	display:none;
47
}
47
}
48
#chargement-copie img{
48
#chargement-copie img{
49
	display:block;
49
	display:block;
50
	margin:auto;
50
	margin:auto;
51
}
51
}
52
/*+-----------------------------------------------------------------------------------------------------------------+*/
52
/*+-----------------------------------------------------------------------------------------------------------------+*/
53
/* Avertissement */
53
/* Avertissement */
54
#zone-avertissement {
54
#zone-avertissement {
55
	background-color:rgba(29,30,32,0.8);
55
	background-color:rgba(29,30,32,0.8);
-
 
56
	color:#CCC;
-
 
57
	padding:12px;
-
 
58
	text-align:justify;
56
}
59
}
57
#zone-avertissement h1, #zone-avertissement p {
60
#zone-avertissement h1{
58
	color:#CCCCCC;
61
	margin:0;
59
}
62
}
60
/*+-----------------------------------------------------------------------------------------------------------------+*/
63
/*+-----------------------------------------------------------------------------------------------------------------+*/
61
/* Carte titre */
64
/* Carte titre */
62
#zone-titre {
65
#zone-titre {
63
	background:url(http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.png) no-repeat 8px 8px rgba(29,30,32,0.8);
66
	background:url(http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.png) no-repeat 8px 8px rgba(29,30,32,0.8);
64
	padding-left:24px;
67
	padding-left:24px;
65
	min-height:30px;
68
	min-height:30px;
66
	height:5%;
69
	height:5%;
67
}
70
}
68
#zone-info {
71
#zone-info {
69
	float:right;
72
	float:right;
70
	text-align:right;
73
	text-align:right;
71
}
74
}
72
#zone-info img {
75
#zone-info img {
73
	display:block;
76
	display:block;
74
	padding:7px;
77
	padding:7px;
75
	border:none;
78
	border:none;
76
}
79
}
77
#carte-titre {
80
#carte-titre {
78
	display:inline-block;
81
	display:inline-block;
79
	margin:0;
82
	margin:0;
80
	padding:0.2em;
83
	padding:0.2em;
81
	color:#CCCCCC;
84
	color:#CCCCCC;
82
}
85
}
83
/*+-----------------------------------------------------------------------------------------------------------------+*/
86
/*+-----------------------------------------------------------------------------------------------------------------+*/
84
/* Panneau latéral */
87
/* Panneau latéral */
85
#panneau-lateral {
88
#panneau-lateral {
86
	z-index:10;
89
	z-index:10;
87
	width:300px;
90
	width:300px;
88
	height:100%;
91
	height:100%;
89
	padding:0;
92
	padding:0;
90
	display:none;
93
	display:none;
91
	background-color:rgba(29,30,32,0.8);
94
	background-color:rgba(29,30,32,0.8);
92
	border-right:1px solid grey;
95
	border-right:1px solid grey;
93
	box-shadow:2px 2px 6px #979797;-webkit-box-shadow:2px 2px 6px #979797;-moz-box-shadow:2px 2px 6px #979797;
96
	box-shadow:2px 2px 6px #979797;-webkit-box-shadow:2px 2px 6px #979797;-moz-box-shadow:2px 2px 6px #979797;
94
}
97
}
95
#pl-entete {
98
#pl-entete {
96
	height:10%;
99
	height:10%;
97
	min-height:75px;
100
	min-height:75px;
98
}
101
}
99
#pl-corps {
102
#pl-corps {
100
	height:80%;
103
	height:80%;
101
	overflow:auto;
104
	overflow:auto;
102
	padding:5px;
105
	padding:5px;
103
	width:290px;
106
	width:290px;
104
}
107
}
105
#pl-ouverture, #pl-fermeture {
108
#pl-ouverture, #pl-fermeture {
106
	z-index:11;
109
	z-index:11;
107
	position:relative;
110
	position:relative;
108
	top:0;
111
	top:0;
109
	background-color:#FFF;
112
	background-color:#FFF;
110
	text-align:center;
113
	text-align:center;
111
	cursor:pointer;
114
	cursor:pointer;
112
	height:16px;
115
	height:16px;
113
	width:16px;
116
	width:16px;
114
}
117
}
115
#pl-ouverture {
118
#pl-ouverture {
116
	background:url(../images/ouverture.png) no-repeat top left;
119
	background:url(../images/ouverture.png) no-repeat top left;
117
	background-color:rgba(29,30,32,0.8);
120
	background-color:rgba(29,30,32,0.8);
118
	box-shadow:2px 2px 6px #979797;-webkit-box-shadow:2px 2px 6px #979797;-moz-box-shadow:2px 2px 6px #979797;
121
	box-shadow:2px 2px 6px #979797;-webkit-box-shadow:2px 2px 6px #979797;-moz-box-shadow:2px 2px 6px #979797;
119
	height:100%;
122
	height:100%;
120
}
123
}
121
#pl-fermeture {
124
#pl-fermeture {
122
	float:right;
125
	float:right;
123
	height:6%;
126
	height:6%;
124
	background:url(../images/fermeture.png) no-repeat top right;
127
	background:url(../images/fermeture.png) no-repeat top right;
125
}
128
}
126
#pl-ouverture span, #pl-fermeture span{
129
#pl-ouverture span, #pl-fermeture span{
127
	display:none;
130
	display:none;
128
}
131
}
129
/* Panneau latéral : balises */
132
/* Panneau latéral : balises */
130
#panneau-lateral h2, #panneau-lateral p {
133
#panneau-lateral h2, #panneau-lateral p {
131
	color:#CCCCCC;}
134
	color:#CCCCCC;}
132
/*+-----------------------------------------------------------------------------------------------------------------+*/
135
/*+-----------------------------------------------------------------------------------------------------------------+*/
133
/* Liste des taxons de la carte */
136
/* Liste des taxons de la carte */
134
#taxons {
137
#taxons {
135
	color:#999;
138
	color:#999;
136
}
139
}
137
#taxons .taxon-actif, #taxons .taxon-actif a {
140
#taxons .taxon-actif, #taxons .taxon-actif a {
138
	color:#56B80E;}
141
	color:#56B80E;}
139
/*+-----------------------------------------------------------------------------------------------------------------+*/
142
/*+-----------------------------------------------------------------------------------------------------------------+*/
140
/* Pop-up observations */
143
/* Pop-up observations */
141
#contenu {
144
#contenu {
142
	overflow:none;
145
	overflow:none;
143
	margin:0;
146
	margin:0;
144
	padding:0;
147
	padding:0;
145
}
148
}
146
#observations {
149
#observations {
147
	margin:23px 0 0 0;
150
	margin:23px 0 0 0;
148
	padding:5px;
151
	padding:5px;
149
	border:1px solid black;
152
	border:1px solid black;
150
	border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;
153
	border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;
151
	border-top:none !important;
154
	border-top:none !important;
152
	overflow:none;
155
	overflow:none;
153
}
156
}
154
#observations ol {
157
#observations ol {
155
	padding-left:20px;
158
	padding-left:20px;
156
}
159
}
157
.champ_nom_latin {
160
.champ_nom_latin {
158
	display:none;
161
	display:none;
159
}
162
}
160
#obs-msg-info {
163
#obs-msg-info {
161
	font-size:10px;
164
	font-size:10px;
162
	color:#CCC;
165
	color:#CCC;
163
}
166
}
164
#observations a {
167
#observations a {
165
	color:#333;
168
	color:#333;
166
	border-bottom:1px dotted #EEE;
169
	border-bottom:1px dotted #EEE;
167
}
170
}
168
#observations a:hover {
171
#observations a:hover {
169
	color:#56B80E;
172
	color:#56B80E;
170
	border-bottom:1px dotted #56B80E;
173
	border-bottom:1px dotted #56B80E;
171
}
174
}
172
/*+-----------------------------------------------------------------------------------------------------------------+*/
175
/*+-----------------------------------------------------------------------------------------------------------------+*/
173
/* Onglets */
176
/* Onglets */
174
.onglets {
177
.onglets {
175
	position:relative;
178
	position:relative;
176
	float:left;
179
	float:left;
177
	height:22px;
180
	height:22px;
178
	padding:0;
181
	padding:0;
179
	margin:0;
182
	margin:0;
180
	border-bottom:1px solid black;
183
	border-bottom:1px solid black;
181
	width:100%;
184
	width:100%;
182
}
185
}
183
.onglets ul {
186
.onglets ul {
184
	margin:0;
187
	margin:0;
185
	padding:0;
188
	padding:0;
186
	list-style:none;
189
	list-style:none;
187
}
190
}
188
.onglets li {
191
.onglets li {
189
	float:left;
192
	float:left;
190
	text-transform:uppercase;
193
	text-transform:uppercase;
191
	text-align:center;
194
	text-align:center;
192
}
195
}
193
.onglets .onglet {
196
.onglets .onglet {
194
	display:block;
197
	display:block;
195
	padding:5px 15px 4px 15px;
198
	padding:5px 15px 4px 15px;
196
	margin:0;
199
	margin:0;
197
	font-size:12px;
200
	font-size:12px;
198
	line-height:12px;
201
	line-height:12px;
199
	border:1px solid black;
202
	border:1px solid black;
200
	border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;
203
	border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;
201
	text-decoration:none;
204
	text-decoration:none;
202
}
205
}
203
.onglets .actif .onglet {
206
.onglets .actif .onglet {
204
	border-bottom:1px solid white;
207
	border-bottom:1px solid white;
205
	color:black;
208
	color:black;
206
	background-color:white;
209
	background-color:white;
207
	font-weight:bold;
210
	font-weight:bold;
208
}
211
}
209
.onglets .inactif .onglet {
212
.onglets .inactif .onglet {
210
	border-bottom:1px solid #000000;
213
	border-bottom:1px solid #000000;
211
	color:white;
214
	color:white;
212
	background-color:gray;/*rgba(29,30,32,0.8);*/
215
	background-color:gray;/*rgba(29,30,32,0.8);*/
213
}
216
}
214
.onglets .inactif .onglet:hover {
217
.onglets .inactif .onglet:hover {
215
	color:black;
218
	color:black;
216
	background-color:Gainsboro;
219
	background-color:Gainsboro;
217
}
220
}
218
/*+-----------------------------------------------------------------------------------------------------------------+*/
221
/*+-----------------------------------------------------------------------------------------------------------------+*/
219
/* Présentation des listes de définitions */
222
/* Présentation des listes de définitions */
220
dl {
223
dl {
221
	width:100%;
224
	width:100%;
222
}
225
}
223
dt {
226
dt {
224
	float:left;
227
	float:left;
225
	font-weight:bold;
228
	font-weight:bold;
226
	text-align:top left;
229
	text-align:top left;
227
	margin-right:0.3em;
230
	margin-right:0.3em;
228
}
231
}
229
dt:after {
232
dt:after {
230
	content:" :";
233
	content:" :";
231
}
234
}
232
dd {
235
dd {
233
	width:auto;
236
	width:auto;
234
	margin:0.5em 0;
237
	margin:0.5em 0;
235
}
238
}
236
/*+-----------------------------------------------------------------------------------------------------------------+*/
239
/*+-----------------------------------------------------------------------------------------------------------------+*/
237
/* Tableau : */
240
/* Tableau : */
238
table {
241
table {
239
	border:1px solid gray;
242
	border:1px solid gray;
240
	border-collapse:collapse;
243
	border-collapse:collapse;
241
}
244
}
242
table thead, table tfoot, table tbody {
245
table thead, table tfoot, table tbody {
243
	background-color:Gainsboro;
246
	background-color:Gainsboro;
244
	border:1px solid gray;
247
	border:1px solid gray;
245
}
248
}
246
table tbody {
249
table tbody {
247
	background-color:#FFF;
250
	background-color:#FFF;
248
}
251
}
249
table th {
252
table th {
250
	font-family:monospace;
253
	font-family:monospace;
251
	border:1px dotted gray;
254
	border:1px dotted gray;
252
	padding:5px;
255
	padding:5px;
253
	background-color:Gainsboro;
256
	background-color:Gainsboro;
254
}
257
}
255
table td {
258
table td {
256
	font-family:arial;
259
	font-family:arial;
257
	border:1px dotted gray;
260
	border:1px dotted gray;
258
	padding:5px;
261
	padding:5px;
259
	text-align:left;
262
	text-align:left;
260
}
263
}
261
table caption {
264
table caption {
262
	font-family:sans-serif;
265
	font-family:sans-serif;
263
}
266
}
264
/*+-----------------------------------------------------------------------------------------------------------------+*/
267
/*+-----------------------------------------------------------------------------------------------------------------+*/
265
/* Tableau : tablesorter */
268
/* Tableau : tablesorter */
266
th.header {
269
th.header {
267
	background:url(../images/trie.png) no-repeat center right;    
270
	background:url(../images/trie.png) no-repeat center right;    
268
	padding-right:20px;
271
	padding-right:20px;
269
}
272
}
270
th.headerSortUp { 
273
th.headerSortUp { 
271
	background:url(../images/trie_croissant.png) no-repeat center right #56B80E;
274
	background:url(../images/trie_croissant.png) no-repeat center right #56B80E;
272
	color:white;
275
	color:white;
273
}
276
}
274
th.headerSortDown { 
277
th.headerSortDown { 
275
    background:url(../images/trie_decroissant.png) no-repeat center right #56B80E;
278
    background:url(../images/trie_decroissant.png) no-repeat center right #56B80E;
276
    color:white; 
279
    color:white; 
277
}
280
}