Subversion Repositories eFlore/Applications.cel

Rev

Rev 2406 | Go to most recent revision | 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;
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 
}