Subversion Repositories eFlore/Applications.cel

Rev

Rev 2712 | Details | Compare with Previous | 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;
2712 mathias 134
	width: 90px;
135
	background-position: center center;
136
    background-repeat: no-repeat;
2406 jpm 137
}
138
 
139
#referentiel {
140
	display: inline;
141
}
142
 
143
#photos-conteneur {
144
	height: 120px;
145
}
146
 
147
#photo-placeholder {
148
	background: url("../img/icones/icone-photo.png");
149
	background-size: 89px;
150
	cursor: pointer;
151
	margin-bottom: 15px;
152
	margin-right: 15px;
153
	float:left;
154
	border: 5px dashed #CCCCCC;
155
	border-radius: 8px 8px 8px 8px;
156
	height: 100px;
157
	margin: 2px 0 2px 2px;
158
	text-align: center;
159
	width: 98px;
160
	box-sizing:border-box;
161
	-moz-box-sizing:border-box;
162
	-webkit-box-sizing:border-box;
163
}
2410 jpm 164
 
2406 jpm 165
#photo-placeholder:hover {
166
	background: url("../img/icones/icone-photo-hover.png");
167
	background-size: 89px;
168
	border: 5px dashed #111;
169
	border-radius: 8px;
170
}
171
 
172
#barre-progression-upload span {
173
	color : #333333;
174
}
2410 jpm 175
 
2710 mathias 176
/* par défaut BS3 fait des trucs chelous */
177
#barre-progression-upload .sr-only {
178
	height: auto;
179
	width: auto;
180
	clip: auto;
181
	margin: none;
182
	left: 230px; /* à la louche */
183
}
184
 
2406 jpm 185
.obs-erreur {
186
	background-color: #DD6E6E;
187
}
2410 jpm 188
 
189
#taxon-liste optgroup + optgroup {
190
	border-top: 1px solid black;
191
}
2406 jpm 192
/*+--------------------------------------------------------------------------------------------------------+*/
2410 jpm 193
/* Details obs ajoutées*/
194
.obs-entete {
195
	margin-bottom: 0;
196
}
197
.obs-entete .nom-sci, .obs-entete .commune, .obs-entete .date{
198
	font-size:1.3em;
199
	font-weight:bold;
200
	color: #777;
201
}
202
.obs-entete .referentiel-obs {
203
	color:#3B9D3B;
204
}
205
.obs-details span{
206
	font-style:italic;
207
	color: #777;
208
}
209
 
210
/*+--------------------------------------------------------------------------------------------------------+*/
2406 jpm 211
/* Google Map*/
212
#map-canvas {
213
	height:240px;
214
}
215
#map-canvas img{
216
	max-width: none;
217
}
218
 
219
/*+--------------------------------------------------------------------------------------------------------+*/
220
/* Form validation */
221
/* Validation du formulaire */
222
label.error {
223
	font-weight: bold;
224
	font-style: italic;
225
	color: #B94A48;
226
	padding: 0 8px;
227
}
228
 
229
label.valid {
230
	display: inline-block;
231
	text-indent: -9999px;
232
	color: #468847;
233
	width: 0;
234
	height: 0;
235
	padding: 0;
236
}
237
 
238
.control-group.error label {
239
	font-weight: bold;
240
}
241
 
242
/*+--------------------------------------------------------------------------------------------------------+*/
243
/* Collapse */
244
.well .fermer-symbole {
245
	position: absolute;
246
	right:0;
247
}
248
.well .titre, .fermer {
249
	margin:0;
250
	padding: 0;
251
	font-size: 20px;
252
	line-height: 20px;
253
	cursor:pointer;
254
}
255
.well .fermer {
256
	display:block;
257
	color: black;
258
}
259
.well .fermer:hover {
260
	text-decoration: none;
261
}
2410 jpm 262
.well .glyphicon-plus-sign {
2406 jpm 263
	position:absolute;
2410 jpm 264
	right:1em;
265
	top: 0.2em;
2406 jpm 266
}
267
 
268
/*+--------------------------------------------------------------------------------------------------------+*/
269
/* Correction style CSS Bootstrap */
270
.well {
271
	margin-bottom: 5px;
272
	padding: 4px;
2410 jpm 273
	background-color: rgba(245,245,245,0.85);
274
}
275
input[type="file"] {
276
	padding-top: 0;
2406 jpm 277
}