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
 
2710 mathias 174
/* par défaut BS3 fait des trucs chelous */
175
#barre-progression-upload .sr-only {
176
	height: auto;
177
	width: auto;
178
	clip: auto;
179
	margin: none;
180
	left: 230px; /* à la louche */
181
}
182
 
2406 jpm 183
.obs-erreur {
184
	background-color: #DD6E6E;
185
}
2410 jpm 186
 
187
#taxon-liste optgroup + optgroup {
188
	border-top: 1px solid black;
189
}
2406 jpm 190
/*+--------------------------------------------------------------------------------------------------------+*/
2410 jpm 191
/* Details obs ajoutées*/
192
.obs-entete {
193
	margin-bottom: 0;
194
}
195
.obs-entete .nom-sci, .obs-entete .commune, .obs-entete .date{
196
	font-size:1.3em;
197
	font-weight:bold;
198
	color: #777;
199
}
200
.obs-entete .referentiel-obs {
201
	color:#3B9D3B;
202
}
203
.obs-details span{
204
	font-style:italic;
205
	color: #777;
206
}
207
 
208
/*+--------------------------------------------------------------------------------------------------------+*/
2406 jpm 209
/* Google Map*/
210
#map-canvas {
211
	height:240px;
212
}
213
#map-canvas img{
214
	max-width: none;
215
}
216
 
217
/*+--------------------------------------------------------------------------------------------------------+*/
218
/* Form validation */
219
/* Validation du formulaire */
220
label.error {
221
	font-weight: bold;
222
	font-style: italic;
223
	color: #B94A48;
224
	padding: 0 8px;
225
}
226
 
227
label.valid {
228
	display: inline-block;
229
	text-indent: -9999px;
230
	color: #468847;
231
	width: 0;
232
	height: 0;
233
	padding: 0;
234
}
235
 
236
.control-group.error label {
237
	font-weight: bold;
238
}
239
 
240
/*+--------------------------------------------------------------------------------------------------------+*/
241
/* Collapse */
242
.well .fermer-symbole {
243
	position: absolute;
244
	right:0;
245
}
246
.well .titre, .fermer {
247
	margin:0;
248
	padding: 0;
249
	font-size: 20px;
250
	line-height: 20px;
251
	cursor:pointer;
252
}
253
.well .fermer {
254
	display:block;
255
	color: black;
256
}
257
.well .fermer:hover {
258
	text-decoration: none;
259
}
2410 jpm 260
.well .glyphicon-plus-sign {
2406 jpm 261
	position:absolute;
2410 jpm 262
	right:1em;
263
	top: 0.2em;
2406 jpm 264
}
265
 
266
/*+--------------------------------------------------------------------------------------------------------+*/
267
/* Correction style CSS Bootstrap */
268
.well {
269
	margin-bottom: 5px;
270
	padding: 4px;
2410 jpm 271
	background-color: rgba(245,245,245,0.85);
272
}
273
input[type="file"] {
274
	padding-top: 0;
2406 jpm 275
}