Subversion Repositories eFlore/Applications.cel

Rev

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 
}