Subversion Repositories eFlore/Applications.cel

Rev

Rev 2710 | 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;
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 
}