Subversion Repositories eFlore/Applications.cel

Rev

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

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