Subversion Repositories eFlore/Applications.cel

Rev

Rev 494 | Rev 503 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 494 Rev 501
Line 11... Line 11...
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 {
-
 
17
	border-bottom:1px dotted #666;
-
 
18
	color:#CCC;
-
 
19
	text-decoration:none;
-
 
20
}
-
 
21
a:active {
-
 
22
	outline:none;
-
 
23
}
-
 
24
a:focus {
-
 
25
	outline:thin dotted;
-
 
26
}
-
 
27
a:hover {
-
 
28
	color:#56B80E;
-
 
29
	border-bottom:1px dotted #56B80E;
-
 
30
}
16
/*+-----------------------------------------------------------------------------------------------------------------+*/
31
/*+-----------------------------------------------------------------------------------------------------------------+*/
17
/* Carte */
32
/* Carte */
18
#carte {
33
#carte {
19
	width:100%;
34
	width:100%;
20
	height:100%;
35
	height:95%;
21
}
36
}
22
.bouton {
37
.bouton {
23
	background-color:white;
38
	background-color:white;
24
	border:2px solid black;
39
	border:2px solid black;
25
	cursor:pointer;
40
	cursor:pointer;
Line 33... Line 48...
33
#chargement-copie img{
48
#chargement-copie img{
34
	display:block;
49
	display:block;
35
	margin:auto;
50
	margin:auto;
36
}
51
}
37
/*+-----------------------------------------------------------------------------------------------------------------+*/
52
/*+-----------------------------------------------------------------------------------------------------------------+*/
-
 
53
/* Avertissement */
-
 
54
#zone-avertissement {
-
 
55
	background-color:rgba(29,30,32,0.8);
-
 
56
}
-
 
57
#zone-avertissement h1, #zone-avertissement p {
-
 
58
	color:#CCCCCC;
-
 
59
}
-
 
60
/*+-----------------------------------------------------------------------------------------------------------------+*/
38
/* Carte titre */
61
/* Carte titre */
-
 
62
#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);
-
 
64
	padding-left:24px;
-
 
65
	min-height:30px;
-
 
66
	height:5%;
-
 
67
}
-
 
68
#zone-info {
-
 
69
	float:right;
-
 
70
	text-align:right;
-
 
71
}
-
 
72
#zone-info img {
-
 
73
	display:block;
-
 
74
	padding:7px;
-
 
75
	border:none;
-
 
76
}
39
#carte-titre {
77
#carte-titre {
-
 
78
	display:inline-block;
40
	margin:0;
79
	margin:0;
41
	padding:0.2em;
80
	padding:0.2em;
42
	background-color:rgba(29,30,32,0.8);
-
 
43
	color:#CCCCCC;
81
	color:#CCCCCC;
44
}
82
}
45
/*+-----------------------------------------------------------------------------------------------------------------+*/
83
/*+-----------------------------------------------------------------------------------------------------------------+*/
46
/* Panneau latéral */
84
/* Panneau latéral */
47
#panneau-lateral {
85
#panneau-lateral {
Line 53... Line 91...
53
	background-color:rgba(29,30,32,0.8);
91
	background-color:rgba(29,30,32,0.8);
54
	border-right:1px solid grey;
92
	border-right:1px solid grey;
55
	box-shadow:2px 2px 6px #979797;-webkit-box-shadow:2px 2px 6px #979797;-moz-box-shadow:2px 2px 6px #979797;
93
	box-shadow:2px 2px 6px #979797;-webkit-box-shadow:2px 2px 6px #979797;-moz-box-shadow:2px 2px 6px #979797;
56
}
94
}
57
#pl-entete {
95
#pl-entete {
58
	height:5%;
96
	height:10%;
-
 
97
	min-height:75px;
59
}
98
}
60
#pl-corps {
99
#pl-corps {
61
	position:relative;
-
 
62
	top:12px;
-
 
63
	height:80%;
100
	height:80%;
64
	overflow:auto;
101
	overflow:auto;
65
	padding:5px;
102
	padding:5px;
66
	width:290px;
103
	width:290px;
67
}
104
}
Line 90... Line 127...
90
	display:none;
127
	display:none;
91
}
128
}
92
/* Panneau latéral : balises */
129
/* Panneau latéral : balises */
93
#panneau-lateral h2, #panneau-lateral p {
130
#panneau-lateral h2, #panneau-lateral p {
94
	color:#CCCCCC;}
131
	color:#CCCCCC;}
95
/* Panneau latéral : Liens */
-
 
96
#panneau-lateral a, #panneau-lateral a:active, #panneau-lateral a:visited {
-
 
97
	border-bottom:1px solid #333333;
-
 
98
	color:#CCCCCC;
-
 
99
	text-decoration:none;
-
 
100
}
-
 
101
#panneau-lateral a:active {
-
 
102
	outline:none;
-
 
103
}
-
 
104
#panneau-lateral a:focus {
-
 
105
	outline:thin dotted;
-
 
106
}
-
 
107
#panneau-lateral a:hover {
-
 
108
	color:#56B80E;
-
 
109
}
-
 
110
/*+-----------------------------------------------------------------------------------------------------------------+*/
132
/*+-----------------------------------------------------------------------------------------------------------------+*/
111
/* Liste des taxons de la carte */
133
/* Liste des taxons de la carte */
112
#taxons {
134
#taxons {
113
	color:#999;
135
	color:#999;
114
}
136
}
115
#taxons .taxon-actif, #taxons .taxon-actif a {
137
#taxons .taxon-actif, #taxons .taxon-actif a {
116
	color:#56B80E;}
138
	color:#56B80E;}
117
/*+-----------------------------------------------------------------------------------------------------------------+*/
139
/*+-----------------------------------------------------------------------------------------------------------------+*/
118
/* Pop-up observations */
140
/* Pop-up observations */
-
 
141
#contenu {
-
 
142
	overflow:none;
-
 
143
	margin:0;
-
 
144
	padding:0;
-
 
145
}
119
#observations {
146
#observations {
120
	margin:23px 0 0 0;
147
	margin:23px 0 0 0;
121
	padding:5px;
148
	padding:5px;
122
	border:1px solid black;
149
	border:1px solid black;
123
	border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;
150
	border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;
Line 132... Line 159...
132
}
159
}
133
#obs-msg-info {
160
#obs-msg-info {
134
	font-size:10px;
161
	font-size:10px;
135
	color:#CCC;
162
	color:#CCC;
136
}
163
}
137
#observations a, #observations a:active, #observations a:visited {
-
 
138
	border-bottom:1px solid #333333;
-
 
139
	color:rgba(29,30,32,0.8);
-
 
140
	text-decoration:none;
-
 
141
}
-
 
142
#observations a:active {
164
#observations a {
143
	outline:none;
165
	color:#333;
144
}
-
 
145
#observations a:focus {
-
 
146
	outline:thin dotted;
166
	border-bottom:1px dotted #EEE;
147
}
167
}
148
#observations a:hover {
168
#observations a:hover {
149
	color:#56B80E;
169
	color:#56B80E;
-
 
170
	border-bottom:1px dotted #56B80E;
150
}
171
}
151
/*+-----------------------------------------------------------------------------------------------------------------+*/
172
/*+-----------------------------------------------------------------------------------------------------------------+*/
152
/* Onglets */
173
/* Onglets */
153
.onglets {
174
.onglets {
154
	position:relative;
175
	position:relative;
Line 245... Line 266...
245
th.header {
266
th.header {
246
	background:url(../images/trie.png) no-repeat center right;    
267
	background:url(../images/trie.png) no-repeat center right;    
247
	padding-right:20px;
268
	padding-right:20px;
248
}
269
}
249
th.headerSortUp { 
270
th.headerSortUp { 
250
	background:url(../images/trie_croissant.png) no-repeat center right #3399FF;
271
	background:url(../images/trie_croissant.png) no-repeat center right #56B80E;
-
 
272
	color:white;
251
}
273
}
252
th.headerSortDown { 
274
th.headerSortDown { 
253
    background:url(../images/trie_decroissant.png) no-repeat center right #3399FF; 
275
    background:url(../images/trie_decroissant.png) no-repeat center right #56B80E;
-
 
276
    color:white; 
254
}
277
}
255
278