Subversion Repositories eFlore/Applications.cel

Rev

Rev 2406 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 2406 Rev 2410
Line 7... Line 7...
7
button img {
7
button img {
8
	display:block;
8
	display:block;
9
}
9
}
Line 10... Line 10...
10
 
10
 
11
h1 {
11
h1 {
12
	font-size: 26px;
12
	font-size: 22px !important;
13
}
13
}
14
/*+--------------------------------------------------------------------------------------------------------+*/
14
/*+--------------------------------------------------------------------------------------------------------+*/
15
/* Générique */
15
/* Générique */
16
.discretion {
16
.discretion {
17
	color:grey;
17
	color:grey;
18
	font-family:arial;
18
	font-family:arial;
19
	font-size:11px;
19
	font-size:11px;
20
	line-height: 13px;
20
	line-height: 13px;
21
}
-
 
22
.droite {
-
 
23
	text-align:right;
-
 
24
}
21
}
25
.centre {
22
.centre {
26
	text-align:center;
23
	text-align:center;
27
}
24
}
28
.modal-fenetre {
25
.modal-fenetre {
Line 40... Line 37...
40
	position:relative;
37
	position:relative;
41
	width:30%;
38
	width:30%;
42
	margin:0 auto;
39
	margin:0 auto;
43
	top:30%;
40
	top:30%;
44
}
41
}
-
 
42
 
45
/*+--------------------------------------------------------------------------------------------------------+*/
43
/*+--------------------------------------------------------------------------------------------------------+*/
46
/* Formulaire spécifique */
44
/* Formulaire spécifique */
-
 
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
 
47
#info-commune {
64
#info-commune {
48
	text-align:right;
65
	text-align:right;
49
}
66
}
50
.ns-retenu {
67
.ns-retenu {
51
	font-weight:bold;
68
	font-weight:bold;
52
}
69
}
53
.nn{
70
.nn{
54
	color:#3B9D3B;
71
	color:#3B9D3B;
55
}
72
}
56
.nom-sci{
73
.nom-sci {
57
	font-size:1.5em;
-
 
58
	font-weight:bold;
-
 
59
}
-
 
60
.commune, .date{
-
 
61
	font-size:1.3em;
74
	font-style: italic;
62
	font-weight:bold;
-
 
63
}
75
}
-
 
76
 
64
.obs-action{
77
.obs-action{
65
	opacity:1;
78
	opacity:1;
66
}
79
}
Line 67... Line -...
67
 
-
 
68
 
80
 
69
#miniatures {
81
#miniatures {
70
	padding-top: 5px;
82
	padding-top: 5px;
-
 
83
}
71
}
84
 
72
.miniature{
85
.miniature{
73
	float: left;
86
	float: left;
74
	height: 130px;
87
	height: 130px;
75
	padding-left: 15px;
-
 
76
	padding-right: 15px;
88
	padding: 10px;
-
 
89
}
77
}
90
 
78
.miniature-img {
91
.miniature-img {
-
 
92
	height: 100px;
79
	height: 100px;
93
	margin: 0;
Line 80... Line 94...
80
}
94
}
81
 
95
 
82
.miniature img {
96
.miniature img {
Line 95... Line 109...
95
	height: 62px;
109
	height: 62px;
96
	margin: 5px;
110
	margin: 5px;
97
	padding-top: 30px;
111
	padding-top: 30px;
98
	width: 12px;
112
	width: 12px;
99
}
113
}
-
 
114
 
100
.defilement-miniatures {
115
.defilement-miniatures {
101
	width: 210px;
116
	width: 210px;
102
}
117
}
-
 
118
.defilement-miniatures .thumbnail {
-
 
119
	float: left;
-
 
120
}
-
 
121
 
103
.defilement-miniatures-cache {
122
.defilement-miniatures-cache {
104
	visibility: hidden;
123
	visibility: hidden;
105
}
124
}
-
 
125
 
106
.miniature-cachee {
126
.miniature-cachee {
107
	display: none;
127
	display: none;
108
}
128
}
-
 
129
 
109
.miniature-selectionnee {
130
.miniature-selectionnee {
110
	display: block;
131
	display: block;
-
 
132
	box-sizing: content-box;
-
 
133
	max-height: 100px;
111
	width: 90px;
134
	max-width: 100px;
112
}
135
}
Line 113... Line -...
113
 
-
 
114
.referentiel-obs {
-
 
115
	color:#3B9D3B;
-
 
116
}
136
 
117
#referentiel {
137
#referentiel {
118
	display: inline;
138
	display: inline;
Line 119... Line -...
119
}
-
 
120
 
-
 
121
#logo-titre {
-
 
122
	position: relative;
-
 
123
	top: -8px;
-
 
124
}
139
}
125
 
140
 
126
#photos-conteneur {
141
#photos-conteneur {
Line 127... Line 142...
127
	height: 120px;
142
	height: 120px;
Line 142... Line 157...
142
	width: 98px;
157
	width: 98px;
143
	box-sizing:border-box;
158
	box-sizing:border-box;
144
	-moz-box-sizing:border-box;
159
	-moz-box-sizing:border-box;
145
	-webkit-box-sizing:border-box;
160
	-webkit-box-sizing:border-box;
146
}
161
}
-
 
162
 
147
#photo-placeholder:hover {
163
#photo-placeholder:hover {
148
	background: url("../img/icones/icone-photo-hover.png");
164
	background: url("../img/icones/icone-photo-hover.png");
149
	background-size: 89px;
165
	background-size: 89px;
150
	border: 5px dashed #111;
166
	border: 5px dashed #111;
151
	border-radius: 8px;
167
	border-radius: 8px;
152
}
168
}
Line 153... Line 169...
153
 
169
 
154
#barre-progression-upload span {
170
#barre-progression-upload span {
155
	color : #333333;
171
	color : #333333;
-
 
172
}
156
}
173
 
157
.obs-erreur {
174
.obs-erreur {
158
	background-color: #DD6E6E;
175
	background-color: #DD6E6E;
-
 
176
}
159
}
177
 
160
#barre-progression-upload span {
178
#barre-progression-upload span {
161
	color : #333333;
179
	color : #333333;
Line -... Line 180...
-
 
180
}
-
 
181
 
-
 
182
#taxon-liste optgroup + optgroup {
-
 
183
	border-top: 1px solid black;
-
 
184
}
-
 
185
/*+--------------------------------------------------------------------------------------------------------+*/
-
 
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;
162
}
201
}
163
 
202
 
164
/*+--------------------------------------------------------------------------------------------------------+*/
203
/*+--------------------------------------------------------------------------------------------------------+*/
165
/* Google Map*/
204
/* Google Map*/
166
#map-canvas {
205
#map-canvas {
Line 211... Line 250...
211
	color: black;
250
	color: black;
212
}
251
}
213
.well .fermer:hover {
252
.well .fermer:hover {
214
	text-decoration: none;
253
	text-decoration: none;
215
}
254
}
216
.well .icone {
255
.well .glyphicon-plus-sign {
217
	position:absolute;
256
	position:absolute;
218
	right:5px;
257
	right:1em;
-
 
258
	top: 0.2em;
219
}
259
}
Line 220... Line 260...
220
 
260
 
221
/*+--------------------------------------------------------------------------------------------------------+*/
-
 
222
/*Modal plte-description */
-
 
223
.dsc-imgs {
-
 
224
	max-width: 800px;
-
 
225
	margin:0 auto;
-
 
226
}
-
 
227
.dsc-infos {
-
 
228
	max-width: 800px;
-
 
229
}
-
 
230
.dsc-clean {
-
 
231
	clear:both;
-
 
232
}
-
 
233
@media (min-width: 600px) and (max-width: 800px) {
-
 
234
	.dsc-imgs {
-
 
235
		width: 600px;
-
 
236
	}
-
 
237
	.dsc-imgs img {
-
 
238
		width: 290px;
-
 
239
	}
-
 
240
	.dsc-infos {
-
 
241
		width: 600px;
-
 
242
	}
-
 
243
}
-
 
244
@media (min-width: 801px) and (max-width: 1359px) {
-
 
245
	.modal {
-
 
246
		width:800px;
-
 
247
		margin-left:-400px;
-
 
248
	}
-
 
249
	.dsc-imgs {
-
 
250
		width: 780px;
-
 
251
	}
-
 
252
	.dsc-infos {
-
 
253
		width: 700px;
-
 
254
	}
-
 
255
}
-
 
256
@media (min-width: 1360px) {
-
 
257
	.modal {
-
 
258
		width:1360px;
-
 
259
		margin-left:-680px;
-
 
260
	}
-
 
261
	.dsc-imgs {
-
 
262
		float:left;
-
 
263
	}
-
 
264
	.dsc-infos {
-
 
265
		float:left;
-
 
266
		max-width: 500px;
-
 
267
	}
-
 
268
 
-
 
269
}
-
 
270
/*+--------------------------------------------------------------------------------------------------------+*/
261
/*+--------------------------------------------------------------------------------------------------------+*/
271
/* Correction style CSS Bootstrap */
262
/* Correction style CSS Bootstrap */
272
.well {
263
.well {
273
	margin-bottom: 5px;
264
	margin-bottom: 5px;
-
 
265
	padding: 4px;
-
 
266
	background-color: rgba(245,245,245,0.85);
-
 
267
}
-
 
268
input[type="file"] {
274
	padding: 4px;
269
	padding-top: 0;
275
}
270
}