Subversion Repositories eFlore/Applications.cel

Rev

Go to most recent revision | Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
2406 jpm 1
@CHARSET "UTF-8";
2
/*+--------------------------------------------------------------------------------------------------------+*/
3
/* Balises */
4
footer p{
5
	text-align:center;
6
}
7
button img {
8
	display:block;
9
}
10
 
11
h1 {
2410 jpm 12
	font-size: 22px !important;
2406 jpm 13
}
14
/*+--------------------------------------------------------------------------------------------------------+*/
15
/* Générique */
16
.discretion {
17
	color:grey;
18
	font-family:arial;
19
	font-size:11px;
20
	line-height: 13px;
21
}
22
.centre {
23
	text-align:center;
24
}
25
.modal-fenetre {
26
	position:fixed;
27
	z-index:1000;
28
	top:0;
29
	left:0;
30
	height:100%;
31
	width:100%;
32
	background:#777;
33
	background:rgba(90,86,93,0.7);
34
	text-align:center;
35
}
36
.modal-contenu {
37
	position:relative;
38
	width:30%;
39
	margin:0 auto;
40
	top:30%;
41
}
2410 jpm 42
 
2406 jpm 43
/*+--------------------------------------------------------------------------------------------------------+*/
44
/* Formulaire spécifique */
2410 jpm 45
.page-header {
46
	border-radius: 10px;
47
}
48
.page-header h1{
49
	font-size: 3em;
50
	line-height: 90px;
51
	margin-bottom: 0;
52
}
53
#logo-titre {
54
	position: relative;
55
	left: 8px;
56
	margin-right: 1em;
57
	height: 80px;
58
}
59
 
60
#intro {
61
 
62
}
63
 
2406 jpm 64
#info-commune {
65
	text-align:right;
66
}
67
.ns-retenu {
68
	font-weight:bold;
69
}
70
.nn{
71
	color:#3B9D3B;
72
}
2410 jpm 73
.nom-sci {
74
	font-style: italic;
2406 jpm 75
}
2410 jpm 76
 
2406 jpm 77
.obs-action{
78
	opacity:1;
79
}
80
 
81
#miniatures {
82
	padding-top: 5px;
83
}
2410 jpm 84
 
2406 jpm 85
.miniature{
86
	float: left;
87
	height: 130px;
2410 jpm 88
	padding: 10px;
2406 jpm 89
}
2410 jpm 90
 
2406 jpm 91
.miniature-img {
92
	height: 100px;
2410 jpm 93
	margin: 0;
2406 jpm 94
}
95
 
96
.miniature img {
97
	display: block;
98
}
99
 
100
.miniature-chargement {
101
	height:100px;
102
	width: 100px;
103
}
104
 
105
.defilement-miniatures-gauche, .defilement-miniatures-droite {
106
	float: left;
107
	font-size: 1.2em;
108
	font-weight: bold;
109
	height: 62px;
110
	margin: 5px;
111
	padding-top: 30px;
112
	width: 12px;
113
}
2410 jpm 114
 
2406 jpm 115
.defilement-miniatures {
116
	width: 210px;
117
}
2410 jpm 118
.defilement-miniatures .thumbnail {
119
	float: left;
120
}
121
 
2406 jpm 122
.defilement-miniatures-cache {
123
	visibility: hidden;
124
}
2410 jpm 125
 
2406 jpm 126
.miniature-cachee {
127
	display: none;
128
}
2410 jpm 129
 
2406 jpm 130
.miniature-selectionnee {
131
	display: block;
2410 jpm 132
	box-sizing: content-box;
133
	max-height: 100px;
134
	max-width: 100px;
2406 jpm 135
}
136
 
137
#referentiel {
138
	display: inline;
139
}
140
 
141
#photos-conteneur {
142
	height: 120px;
143
}
144
 
145
#photo-placeholder {
146
	background: url("../img/icones/icone-photo.png");
147
	background-size: 89px;
148
	cursor: pointer;
149
	margin-bottom: 15px;
150
	margin-right: 15px;
151
	float:left;
152
	border: 5px dashed #CCCCCC;
153
	border-radius: 8px 8px 8px 8px;
154
	height: 100px;
155
	margin: 2px 0 2px 2px;
156
	text-align: center;
157
	width: 98px;
158
	box-sizing:border-box;
159
	-moz-box-sizing:border-box;
160
	-webkit-box-sizing:border-box;
161
}
2410 jpm 162
 
2406 jpm 163
#photo-placeholder:hover {
164
	background: url("../img/icones/icone-photo-hover.png");
165
	background-size: 89px;
166
	border: 5px dashed #111;
167
	border-radius: 8px;
168
}
169
 
170
#barre-progression-upload span {
171
	color : #333333;
172
}
2410 jpm 173
 
2406 jpm 174
.obs-erreur {
175
	background-color: #DD6E6E;
176
}
2410 jpm 177
 
2406 jpm 178
#barre-progression-upload span {
179
	color : #333333;
180
}
181
 
2410 jpm 182
#taxon-liste optgroup + optgroup {
183
	border-top: 1px solid black;
184
}
2406 jpm 185
/*+--------------------------------------------------------------------------------------------------------+*/
2410 jpm 186
/* Details obs ajoutées*/
187
.obs-entete {
188
	margin-bottom: 0;
189
}
190
.obs-entete .nom-sci, .obs-entete .commune, .obs-entete .date{
191
	font-size:1.3em;
192
	font-weight:bold;
193
	color: #777;
194
}
195
.obs-entete .referentiel-obs {
196
	color:#3B9D3B;
197
}
198
.obs-details span{
199
	font-style:italic;
200
	color: #777;
201
}
202
 
203
/*+--------------------------------------------------------------------------------------------------------+*/
2406 jpm 204
/* Google Map*/
205
#map-canvas {
206
	height:240px;
207
}
208
#map-canvas img{
209
	max-width: none;
210
}
211
 
212
/*+--------------------------------------------------------------------------------------------------------+*/
213
/* Form validation */
214
/* Validation du formulaire */
215
label.error {
216
	font-weight: bold;
217
	font-style: italic;
218
	color: #B94A48;
219
	padding: 0 8px;
220
}
221
 
222
label.valid {
223
	display: inline-block;
224
	text-indent: -9999px;
225
	color: #468847;
226
	width: 0;
227
	height: 0;
228
	padding: 0;
229
}
230
 
231
.control-group.error label {
232
	font-weight: bold;
233
}
234
 
235
/*+--------------------------------------------------------------------------------------------------------+*/
236
/* Collapse */
237
.well .fermer-symbole {
238
	position: absolute;
239
	right:0;
240
}
241
.well .titre, .fermer {
242
	margin:0;
243
	padding: 0;
244
	font-size: 20px;
245
	line-height: 20px;
246
	cursor:pointer;
247
}
248
.well .fermer {
249
	display:block;
250
	color: black;
251
}
252
.well .fermer:hover {
253
	text-decoration: none;
254
}
2410 jpm 255
.well .glyphicon-plus-sign {
2406 jpm 256
	position:absolute;
2410 jpm 257
	right:1em;
258
	top: 0.2em;
2406 jpm 259
}
260
 
261
/*+--------------------------------------------------------------------------------------------------------+*/
262
/* Correction style CSS Bootstrap */
263
.well {
264
	margin-bottom: 5px;
265
	padding: 4px;
2410 jpm 266
	background-color: rgba(245,245,245,0.85);
267
}
268
input[type="file"] {
269
	padding-top: 0;
2406 jpm 270
}