WebSVN – eFlore/Applications.cel – Diff – /trunk/widget/modules/saisie/squelettes/missions-flore/css/missions-flore.css


@CHARSET "UTF-8";
/*+--------------------------------------------------------------------------------------------------------+*/
/* Balises */
footer p{
	text-align:center;
}
button img {
	display:block;
}
 
h1 {
	font-size: 22px !important;
}
/*+--------------------------------------------------------------------------------------------------------+*/
/* Générique */
.discretion {
	color:grey;
	font-family:arial;
	font-size:11px;
	line-height: 13px;
}
.centre {
	text-align:center;
}
.modal-fenetre {
	position:fixed;
	z-index:1000;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:#777;
	background:rgba(90,86,93,0.7);
	text-align:center;
}
.modal-contenu {
	position:relative;
	width:30%;
	margin:0 auto;
	top:30%;
}
 
/*+--------------------------------------------------------------------------------------------------------+*/
/* Formulaire spécifique */
.page-header {
	border-radius: 10px;
}
.page-header h1{
	font-size: 3em;
	line-height: 90px;
	margin-bottom: 0;
}
#logo-titre {
	position: relative;
	left: 8px;
	margin-right: 1em;
	height: 80px;
}
 
#intro {
 
}
 
#info-commune {
	text-align:right;
}
.ns-retenu {
	font-weight:bold;
}
.nn{
	color:#3B9D3B;
}
.nom-sci {
	font-style: italic;
}
 
.obs-action{
	opacity:1;
}
 
#miniatures {
	padding-top: 5px;
}
 
.miniature{
	float: left;
	height: 130px;
	padding: 10px;
}
 
.miniature-img {
	height: 100px;
	margin: 0;
}
 
.miniature img {
	display: block;
}
 
.miniature-chargement {
	height:100px;
	width: 100px;
}
 
.defilement-miniatures-gauche, .defilement-miniatures-droite {
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	height: 62px;
	margin: 5px;
	padding-top: 30px;
	width: 12px;
}
 
.defilement-miniatures {
	width: 210px;
}
.defilement-miniatures .thumbnail {
	float: left;
}
 
.defilement-miniatures-cache {
	visibility: hidden;
}
 
.miniature-cachee {
	display: none;
}
 
.miniature-selectionnee {
	display: block;
	box-sizing: content-box;
	max-height: 100px;
	max-width: 100px;
}
 
#referentiel {
	display: inline;
}
 
#photos-conteneur {
	height: 120px;
}
 
#photo-placeholder {
	background: url("../img/icones/icone-photo.png");
	background-size: 89px;
	cursor: pointer;
	margin-bottom: 15px;
	margin-right: 15px;
	float:left;
	border: 5px dashed #CCCCCC;
	border-radius: 8px 8px 8px 8px;
	height: 100px;
	margin: 2px 0 2px 2px;
	text-align: center;
	width: 98px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
 
#photo-placeholder:hover {
	background: url("../img/icones/icone-photo-hover.png");
	background-size: 89px;
	border: 5px dashed #111;
	border-radius: 8px;
}
 
#barre-progression-upload span {
	color : #333333;
}
 
/* par défaut BS3 fait des trucs chelous */
#barre-progression-upload .sr-only {
	height: auto;
	width: auto;
	clip: auto;
	margin: none;
	left: 230px; /* à la louche */
}
 
.obs-erreur {
	background-color: #DD6E6E;
}
 
#taxon-liste optgroup + optgroup {
	border-top: 1px solid black;
}
/*+--------------------------------------------------------------------------------------------------------+*/
/* Details obs ajoutées*/
.obs-entete {
	margin-bottom: 0;
}
.obs-entete .nom-sci, .obs-entete .commune, .obs-entete .date{
	font-size:1.3em;
	font-weight:bold;
	color: #777;
}
.obs-entete .referentiel-obs {
	color:#3B9D3B;
}
.obs-details span{
	font-style:italic;
	color: #777;
}
 
/*+--------------------------------------------------------------------------------------------------------+*/
/* Google Map*/
#map-canvas {
	height:240px;
}
#map-canvas img{
	max-width: none;
}
 
/*+--------------------------------------------------------------------------------------------------------+*/
/* Form validation */
/* Validation du formulaire */
label.error {
	font-weight: bold;
	font-style: italic;
	color: #B94A48;
	padding: 0 8px;
}
 
label.valid {
	display: inline-block;
	text-indent: -9999px;
	color: #468847;
	width: 0;
	height: 0;
	padding: 0;
}
 
.control-group.error label {
	font-weight: bold;
}
 
/*+--------------------------------------------------------------------------------------------------------+*/
/* Collapse */
.well .fermer-symbole {
	position: absolute;
	right:0;
}
.well .titre, .fermer {
	margin:0;
	padding: 0;
	font-size: 20px;
	line-height: 20px;
	cursor:pointer;
}
.well .fermer {
	display:block;
	color: black;
}
.well .fermer:hover {
	text-decoration: none;
}
.well .glyphicon-plus-sign {
	position:absolute;
	right:1em;
	top: 0.2em;
}
 
/*+--------------------------------------------------------------------------------------------------------+*/
/* Correction style CSS Bootstrap */
.well {
	margin-bottom: 5px;
	padding: 4px;
	background-color: rgba(245,245,245,0.85);
}
input[type="file"] {
	padding-top: 0;
}

Rev 2410	Rev 2710
1	`@CHARSET "UTF-8";`	1	`@CHARSET "UTF-8";`
2	`/+--------------------------------------------------------------------------------------------------------+/`	2	`/+--------------------------------------------------------------------------------------------------------+/`
3	`/* Balises */`	3	`/* Balises */`
4	`footer p{`	4	`footer p{`
5	`text-align:center;`	5	`text-align:center;`
6	`}`	6	`}`
7	`button img {`	7	`button img {`
8	`display:block;`	8	`display:block;`
9	`}`	9	`}`
10		10
11	`h1 {`	11	`h1 {`
12	`font-size: 22px !important;`	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	`}`	21	`}`
22	`.centre {`	22	`.centre {`
23	`text-align:center;`	23	`text-align:center;`
24	`}`	24	`}`
25	`.modal-fenetre {`	25	`.modal-fenetre {`
26	`position:fixed;`	26	`position:fixed;`
27	`z-index:1000;`	27	`z-index:1000;`
28	`top:0;`	28	`top:0;`
29	`left:0;`	29	`left:0;`
30	`height:100%;`	30	`height:100%;`
31	`width:100%;`	31	`width:100%;`
32	`background:#777;`	32	`background:#777;`
33	`background:rgba(90,86,93,0.7);`	33	`background:rgba(90,86,93,0.7);`
34	`text-align:center;`	34	`text-align:center;`
35	`}`	35	`}`
36	`.modal-contenu {`	36	`.modal-contenu {`
37	`position:relative;`	37	`position:relative;`
38	`width:30%;`	38	`width:30%;`
39	`margin:0 auto;`	39	`margin:0 auto;`
40	`top:30%;`	40	`top:30%;`
41	`}`	41	`}`
42		42
43	`/+--------------------------------------------------------------------------------------------------------+/`	43	`/+--------------------------------------------------------------------------------------------------------+/`
44	`/* Formulaire spécifique */`	44	`/* Formulaire spécifique */`
45	`.page-header {`	45	`.page-header {`
46	`border-radius: 10px;`	46	`border-radius: 10px;`
47	`}`	47	`}`
48	`.page-header h1{`	48	`.page-header h1{`
49	`font-size: 3em;`	49	`font-size: 3em;`
50	`line-height: 90px;`	50	`line-height: 90px;`
51	`margin-bottom: 0;`	51	`margin-bottom: 0;`
52	`}`	52	`}`
53	`#logo-titre {`	53	`#logo-titre {`
54	`position: relative;`	54	`position: relative;`
55	`left: 8px;`	55	`left: 8px;`
56	`margin-right: 1em;`	56	`margin-right: 1em;`
57	`height: 80px;`	57	`height: 80px;`
58	`}`	58	`}`
59		59
60	`#intro {`	60	`#intro {`
61		61
62	`}`	62	`}`
63		63
64	`#info-commune {`	64	`#info-commune {`
65	`text-align:right;`	65	`text-align:right;`
66	`}`	66	`}`
67	`.ns-retenu {`	67	`.ns-retenu {`
68	`font-weight:bold;`	68	`font-weight:bold;`
69	`}`	69	`}`
70	`.nn{`	70	`.nn{`
71	`color:#3B9D3B;`	71	`color:#3B9D3B;`
72	`}`	72	`}`
73	`.nom-sci {`	73	`.nom-sci {`
74	`font-style: italic;`	74	`font-style: italic;`
75	`}`	75	`}`
76		76
77	`.obs-action{`	77	`.obs-action{`
78	`opacity:1;`	78	`opacity:1;`
79	`}`	79	`}`
80		80
81	`#miniatures {`	81	`#miniatures {`
82	`padding-top: 5px;`	82	`padding-top: 5px;`
83	`}`	83	`}`
84		84
85	`.miniature{`	85	`.miniature{`
86	`float: left;`	86	`float: left;`
87	`height: 130px;`	87	`height: 130px;`
88	`padding: 10px;`	88	`padding: 10px;`
89	`}`	89	`}`
90		90
91	`.miniature-img {`	91	`.miniature-img {`
92	`height: 100px;`	92	`height: 100px;`
93	`margin: 0;`	93	`margin: 0;`
94	`}`	94	`}`
95		95
96	`.miniature img {`	96	`.miniature img {`
97	`display: block;`	97	`display: block;`
98	`}`	98	`}`
99		99
100	`.miniature-chargement {`	100	`.miniature-chargement {`
101	`height:100px;`	101	`height:100px;`
102	`width: 100px;`	102	`width: 100px;`
103	`}`	103	`}`
104		104
105	`.defilement-miniatures-gauche, .defilement-miniatures-droite {`	105	`.defilement-miniatures-gauche, .defilement-miniatures-droite {`
106	`float: left;`	106	`float: left;`
107	`font-size: 1.2em;`	107	`font-size: 1.2em;`
108	`font-weight: bold;`	108	`font-weight: bold;`
109	`height: 62px;`	109	`height: 62px;`
110	`margin: 5px;`	110	`margin: 5px;`
111	`padding-top: 30px;`	111	`padding-top: 30px;`
112	`width: 12px;`	112	`width: 12px;`
113	`}`	113	`}`
114		114
115	`.defilement-miniatures {`	115	`.defilement-miniatures {`
116	`width: 210px;`	116	`width: 210px;`
117	`}`	117	`}`
118	`.defilement-miniatures .thumbnail {`	118	`.defilement-miniatures .thumbnail {`
119	`float: left;`	119	`float: left;`
120	`}`	120	`}`
121		121
122	`.defilement-miniatures-cache {`	122	`.defilement-miniatures-cache {`
123	`visibility: hidden;`	123	`visibility: hidden;`
124	`}`	124	`}`
125		125
126	`.miniature-cachee {`	126	`.miniature-cachee {`
127	`display: none;`	127	`display: none;`
128	`}`	128	`}`
129		129
130	`.miniature-selectionnee {`	130	`.miniature-selectionnee {`
131	`display: block;`	131	`display: block;`
132	`box-sizing: content-box;`	132	`box-sizing: content-box;`
133	`max-height: 100px;`	133	`max-height: 100px;`
134	`max-width: 100px;`	134	`max-width: 100px;`
135	`}`	135	`}`
136		136
137	`#referentiel {`	137	`#referentiel {`
138	`display: inline;`	138	`display: inline;`
139	`}`	139	`}`
140		140
141	`#photos-conteneur {`	141	`#photos-conteneur {`
142	`height: 120px;`	142	`height: 120px;`
143	`}`	143	`}`
144		144
145	`#photo-placeholder {`	145	`#photo-placeholder {`
146	`background: url("../img/icones/icone-photo.png");`	146	`background: url("../img/icones/icone-photo.png");`
147	`background-size: 89px;`	147	`background-size: 89px;`
148	`cursor: pointer;`	148	`cursor: pointer;`
149	`margin-bottom: 15px;`	149	`margin-bottom: 15px;`
150	`margin-right: 15px;`	150	`margin-right: 15px;`
151	`float:left;`	151	`float:left;`
152	`border: 5px dashed #CCCCCC;`	152	`border: 5px dashed #CCCCCC;`
153	`border-radius: 8px 8px 8px 8px;`	153	`border-radius: 8px 8px 8px 8px;`
154	`height: 100px;`	154	`height: 100px;`
155	`margin: 2px 0 2px 2px;`	155	`margin: 2px 0 2px 2px;`
156	`text-align: center;`	156	`text-align: center;`
157	`width: 98px;`	157	`width: 98px;`
158	`box-sizing:border-box;`	158	`box-sizing:border-box;`
159	`-moz-box-sizing:border-box;`	159	`-moz-box-sizing:border-box;`
160	`-webkit-box-sizing:border-box;`	160	`-webkit-box-sizing:border-box;`
161	`}`	161	`}`
162		162
163	`#photo-placeholder:hover {`	163	`#photo-placeholder:hover {`
164	`background: url("../img/icones/icone-photo-hover.png");`	164	`background: url("../img/icones/icone-photo-hover.png");`
165	`background-size: 89px;`	165	`background-size: 89px;`
166	`border: 5px dashed #111;`	166	`border: 5px dashed #111;`
167	`border-radius: 8px;`	167	`border-radius: 8px;`
168	`}`	168	`}`
169		169
170	`#barre-progression-upload span {`	170	`#barre-progression-upload span {`
171	`color : #333333;`	171	`color : #333333;`
172	`}`	172	`}`
-		173
-		174	`/* par défaut BS3 fait des trucs chelous */`
-		175	`#barre-progression-upload .sr-only {`
173		176	`height: auto;`
-		177	`width: auto;`
174	`.obs-erreur {`	178	`clip: auto;`
-		179	`margin: none;`
175	`background-color: #DD6E6E;`	180	`left: 230px; /* à la louche */`
176	`}`	181	`}`
177		182
178	`#barre-progression-upload span {`	183	`.obs-erreur {`
179	`color : #333333;`	184	`background-color: #DD6E6E;`
180	`}`	185	`}`
181		186
182	`#taxon-liste optgroup + optgroup {`	187	`#taxon-liste optgroup + optgroup {`
183	`border-top: 1px solid black;`	188	`border-top: 1px solid black;`
184	`}`	189	`}`
185	`/+--------------------------------------------------------------------------------------------------------+/`	190	`/+--------------------------------------------------------------------------------------------------------+/`
186	`/* Details obs ajoutées*/`	191	`/* Details obs ajoutées*/`
187	`.obs-entete {`	192	`.obs-entete {`
188	`margin-bottom: 0;`	193	`margin-bottom: 0;`
189	`}`	194	`}`
190	`.obs-entete .nom-sci, .obs-entete .commune, .obs-entete .date{`	195	`.obs-entete .nom-sci, .obs-entete .commune, .obs-entete .date{`
191	`font-size:1.3em;`	196	`font-size:1.3em;`
192	`font-weight:bold;`	197	`font-weight:bold;`
193	`color: #777;`	198	`color: #777;`
194	`}`	199	`}`
195	`.obs-entete .referentiel-obs {`	200	`.obs-entete .referentiel-obs {`
196	`color:#3B9D3B;`	201	`color:#3B9D3B;`
197	`}`	202	`}`
198	`.obs-details span{`	203	`.obs-details span{`
199	`font-style:italic;`	204	`font-style:italic;`
200	`color: #777;`	205	`color: #777;`
201	`}`	206	`}`
202		207
203	`/+--------------------------------------------------------------------------------------------------------+/`	208	`/+--------------------------------------------------------------------------------------------------------+/`
204	`/* Google Map*/`	209	`/* Google Map*/`
205	`#map-canvas {`	210	`#map-canvas {`
206	`height:240px;`	211	`height:240px;`
207	`}`	212	`}`
208	`#map-canvas img{`	213	`#map-canvas img{`
209	`max-width: none;`	214	`max-width: none;`
210	`}`	215	`}`
211		216
212	`/+--------------------------------------------------------------------------------------------------------+/`	217	`/+--------------------------------------------------------------------------------------------------------+/`
213	`/* Form validation */`	218	`/* Form validation */`
214	`/* Validation du formulaire */`	219	`/* Validation du formulaire */`
215	`label.error {`	220	`label.error {`
216	`font-weight: bold;`	221	`font-weight: bold;`
217	`font-style: italic;`	222	`font-style: italic;`
218	`color: #B94A48;`	223	`color: #B94A48;`
219	`padding: 0 8px;`	224	`padding: 0 8px;`
220	`}`	225	`}`
221		226
222	`label.valid {`	227	`label.valid {`
223	`display: inline-block;`	228	`display: inline-block;`
224	`text-indent: -9999px;`	229	`text-indent: -9999px;`
225	`color: #468847;`	230	`color: #468847;`
226	`width: 0;`	231	`width: 0;`
227	`height: 0;`	232	`height: 0;`
228	`padding: 0;`	233	`padding: 0;`
229	`}`	234	`}`
230		235
231	`.control-group.error label {`	236	`.control-group.error label {`
232	`font-weight: bold;`	237	`font-weight: bold;`
233	`}`	238	`}`
234		239
235	`/+--------------------------------------------------------------------------------------------------------+/`	240	`/+--------------------------------------------------------------------------------------------------------+/`
236	`/* Collapse */`	241	`/* Collapse */`
237	`.well .fermer-symbole {`	242	`.well .fermer-symbole {`
238	`position: absolute;`	243	`position: absolute;`
239	`right:0;`	244	`right:0;`
240	`}`	245	`}`
241	`.well .titre, .fermer {`	246	`.well .titre, .fermer {`
242	`margin:0;`	247	`margin:0;`
243	`padding: 0;`	248	`padding: 0;`
244	`font-size: 20px;`	249	`font-size: 20px;`
245	`line-height: 20px;`	250	`line-height: 20px;`
246	`cursor:pointer;`	251	`cursor:pointer;`
247	`}`	252	`}`
248	`.well .fermer {`	253	`.well .fermer {`
249	`display:block;`	254	`display:block;`
250	`color: black;`	255	`color: black;`
251	`}`	256	`}`
252	`.well .fermer:hover {`	257	`.well .fermer:hover {`
253	`text-decoration: none;`	258	`text-decoration: none;`
254	`}`	259	`}`
255	`.well .glyphicon-plus-sign {`	260	`.well .glyphicon-plus-sign {`
256	`position:absolute;`	261	`position:absolute;`
257	`right:1em;`	262	`right:1em;`
258	`top: 0.2em;`	263	`top: 0.2em;`
259	`}`	264	`}`
260		265
261	`/+--------------------------------------------------------------------------------------------------------+/`	266	`/+--------------------------------------------------------------------------------------------------------+/`
262	`/* Correction style CSS Bootstrap */`	267	`/* Correction style CSS Bootstrap */`
263	`.well {`	268	`.well {`
264	`margin-bottom: 5px;`	269	`margin-bottom: 5px;`
265	`padding: 4px;`	270	`padding: 4px;`
266	`background-color: rgba(245,245,245,0.85);`	271	`background-color: rgba(245,245,245,0.85);`
267	`}`	272	`}`
268	`input[type="file"] {`	273	`input[type="file"] {`
269	`padding-top: 0;`	274	`padding-top: 0;`
270	`}`	275	`}`

Subversion Repositories eFlore/Applications.cel

(root)/trunk/widget/modules/saisie/squelettes/missions-flore/css/missions-flore.css – Rev 2410 → 2710