WebSVN – eFlore/Applications.cel – Diff – /trunk/widget/modules/saisie/squelettes/defaut/css/defaut.css


@CHARSET "UTF-8";
/*+--------------------------------------------------------------------------------------------------------+*/
/* Balises */
footer p{
	text-align:center;
}
button img {
	display:block;
}
 
h1 {
	font-size: 26px;
}
 
/*+-------------------------------+*/
/*+ Media query test pour les écrans HD genre MacBook de Daniel +*/
@media  only screen and (min-device-pixel-ratio: 2), 
        only screen and (min-resolution: 192dpi) {
 
	.container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
		width: 1670px;
	}
}
 
/*+--------------------------------------------------------------------------------------------------------+*/
/* Générique */
.discretion {
	color:grey;
	font-family:arial;
	font-size:11px;
	line-height: 13px;
}
.droite {
	text-align:right;
}
.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%;
}
input#taxon {
	width: 300px;
}
/* jQuery.validate dans ses versions récentes ne semble pas ajouter la classe help-inline
	aux messages d'erreur */
.control-group .error {
	color: #b94a48;
	display: inline-block;
	padding-left: 5px;
	vertical-align: middle;
}
 
.cursor-pointer {
	cursor: pointer;
}
 
/** @WARNING Attention aux effets de bord !! Essayer de faire mieux !! */
.popover-content {
	border: 1px solid #ddd;
}
.popover-html-content {
	display: none;
}
h3.popover-title {
	display: none;
}
 
 
/*+--------------------------------------------------------------------------------------------------------+*/
/* Formulaire spécifique */
#map-canvas {
	height:440px;
}
#info-commune {
	text-align:right;
}
.ns-retenu {
	font-weight:bold;	
}
.nn{
	color:#3B9D3B;
}
.nom-sci{
	font-size:1.5em;
	font-weight:bold;
}
.commune, .date{
	font-size:1.3em;
	font-weight:bold;
}
.obs-action{
	opacity:1;
}
 
#miniatures {
    padding-top: 5px;
}
 
.miniature {
    float: left;
    height: 130px;
    padding-left: 15px;
    padding-right: 15px;
    background-repeat: no-repeat;
    background-size: cover;
}
 
.miniature-img {
	height: 100px;
}
 
.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-cache {
	visibility: hidden;
}
 
.miniature-cachee {
	display: none;
}
 
.miniature-selectionnee {
	display: block;
	width: 90px;
}
 
.referentiel-obs {
	color:#3B9D3B;
}
#referentiel {
	display: inline;
}
 
#logo-titre {
	position: relative;
    top: -8px;
}
 
#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;
}
 
.obs-erreur {
	background-color: #DD6E6E;
}
 
/*+--------------------------------------------------------------------------------------------------------+*/
/* Correction style CSS Bootstrap */
.well {
	margin-bottom: 5px;
	padding: 4px;
}

Rev 2851	Rev 2852
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: 26px;`	12	`font-size: 26px;`
13	`}`	13	`}`
14		14
15	`/+-------------------------------+/`	15	`/+-------------------------------+/`
16	`/+ Media query test pour les écrans HD genre MacBook de Daniel +/`	16	`/+ Media query test pour les écrans HD genre MacBook de Daniel +/`
17	`@media only screen and (min-device-pixel-ratio: 2),`	17	`@media only screen and (min-device-pixel-ratio: 2),`
18	`only screen and (min-resolution: 192dpi) {`	18	`only screen and (min-resolution: 192dpi) {`
19		19
20	`.container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {`	20	`.container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {`
21	`width: 1670px;`	21	`width: 1670px;`
22	`}`	22	`}`
23	`}`	23	`}`
24		24
25	`/+--------------------------------------------------------------------------------------------------------+/`	25	`/+--------------------------------------------------------------------------------------------------------+/`
26	`/* Générique */`	26	`/* Générique */`
27	`.discretion {`	27	`.discretion {`
28	`color:grey;`	28	`color:grey;`
29	`font-family:arial;`	29	`font-family:arial;`
30	`font-size:11px;`	30	`font-size:11px;`
31	`line-height: 13px;`	31	`line-height: 13px;`
32	`}`	32	`}`
33	`.droite {`	33	`.droite {`
34	`text-align:right;`	34	`text-align:right;`
35	`}`	35	`}`
36	`.centre {`	36	`.centre {`
37	`text-align:center;`	37	`text-align:center;`
38	`}`	38	`}`
39	`.modal-fenetre {`	39	`.modal-fenetre {`
40	`position:fixed;`	40	`position:fixed;`
41	`z-index:1000;`	41	`z-index:1000;`
42	`top:0;`	42	`top:0;`
43	`left:0;`	43	`left:0;`
44	`height:100%;`	44	`height:100%;`
45	`width:100%;`	45	`width:100%;`
46	`background:#777;`	46	`background:#777;`
47	`background:rgba(90,86,93,0.7);`	47	`background:rgba(90,86,93,0.7);`
48	`text-align:center;`	48	`text-align:center;`
49	`}`	49	`}`
50	`.modal-contenu {`	50	`.modal-contenu {`
51	`position:relative;`	51	`position:relative;`
52	`width:30%;`	52	`width:30%;`
53	`margin:0 auto;`	53	`margin:0 auto;`
54	`top:30%;`	54	`top:30%;`
55	`}`	55	`}`
56	`input#taxon {`	56	`input#taxon {`
57	`width: 300px;`	57	`width: 300px;`
58	`}`	58	`}`
59	`/* jQuery.validate dans ses versions récentes ne semble pas ajouter la classe help-inline`	59	`/* jQuery.validate dans ses versions récentes ne semble pas ajouter la classe help-inline`
60	`aux messages d'erreur */`	60	`aux messages d'erreur */`
61	`.control-group .error {`	61	`.control-group .error {`
62	`color: #b94a48;`	62	`color: #b94a48;`
63	`display: inline-block;`	63	`display: inline-block;`
64	`padding-left: 5px;`	64	`padding-left: 5px;`
65	`vertical-align: middle;`	65	`vertical-align: middle;`
66	`}`	66	`}`
67		67
68	`.cursor-pointer {`	68	`.cursor-pointer {`
69	`cursor: pointer;`	69	`cursor: pointer;`
70	`}`	70	`}`
-		71
71		72	`/** @WARNING Attention aux effets de bord !! Essayer de faire mieux !! */`
72	`.popover-content {`	73	`.popover-content {`
73	`border: 1px solid #ddd;`	74	`border: 1px solid #ddd;`
74	`}`	75	`}`
75	`.popover-html-content {`	76	`.popover-html-content {`
76	`display: none;`	77	`display: none;`
-		78	`}`
-		79	`h3.popover-title {`
-		80	`display: none;`
77	`}`	81	`}`
78		82
79		83
80	`/+--------------------------------------------------------------------------------------------------------+/`	84	`/+--------------------------------------------------------------------------------------------------------+/`
81	`/* Formulaire spécifique */`	85	`/* Formulaire spécifique */`
82	`#map-canvas {`	86	`#map-canvas {`
83	`height:440px;`	87	`height:440px;`
84	`}`	88	`}`
85	`#info-commune {`	89	`#info-commune {`
86	`text-align:right;`	90	`text-align:right;`
87	`}`	91	`}`
88	`.ns-retenu {`	92	`.ns-retenu {`
89	`font-weight:bold;`	93	`font-weight:bold;`
90	`}`	94	`}`
91	`.nn{`	95	`.nn{`
92	`color:#3B9D3B;`	96	`color:#3B9D3B;`
93	`}`	97	`}`
94	`.nom-sci{`	98	`.nom-sci{`
95	`font-size:1.5em;`	99	`font-size:1.5em;`
96	`font-weight:bold;`	100	`font-weight:bold;`
97	`}`	101	`}`
98	`.commune, .date{`	102	`.commune, .date{`
99	`font-size:1.3em;`	103	`font-size:1.3em;`
100	`font-weight:bold;`	104	`font-weight:bold;`
101	`}`	105	`}`
102	`.obs-action{`	106	`.obs-action{`
103	`opacity:1;`	107	`opacity:1;`
104	`}`	108	`}`
105		109
106	`#miniatures {`	110	`#miniatures {`
107	`padding-top: 5px;`	111	`padding-top: 5px;`
108	`}`	112	`}`
109		113
110	`.miniature {`	114	`.miniature {`
111	`float: left;`	115	`float: left;`
112	`height: 130px;`	116	`height: 130px;`
113	`padding-left: 15px;`	117	`padding-left: 15px;`
114	`padding-right: 15px;`	118	`padding-right: 15px;`
115	`background-repeat: no-repeat;`	119	`background-repeat: no-repeat;`
116	`background-size: cover;`	120	`background-size: cover;`
117	`}`	121	`}`
118		122
119	`.miniature-img {`	123	`.miniature-img {`
120	`height: 100px;`	124	`height: 100px;`
121	`}`	125	`}`
122		126
123	`.miniature img {`	127	`.miniature img {`
124	`display: block;`	128	`display: block;`
125	`}`	129	`}`
126		130
127	`.miniature-chargement {`	131	`.miniature-chargement {`
128	`height:100px;`	132	`height:100px;`
129	`width: 100px;`	133	`width: 100px;`
130	`}`	134	`}`
131		135
132	`.defilement-miniatures-gauche, .defilement-miniatures-droite {`	136	`.defilement-miniatures-gauche, .defilement-miniatures-droite {`
133	`float: left;`	137	`float: left;`
134	`font-size: 1.2em;`	138	`font-size: 1.2em;`
135	`font-weight: bold;`	139	`font-weight: bold;`
136	`height: 62px;`	140	`height: 62px;`
137	`margin: 5px;`	141	`margin: 5px;`
138	`padding-top: 30px;`	142	`padding-top: 30px;`
139	`width: 12px;`	143	`width: 12px;`
140	`}`	144	`}`
141		145
142	`.defilement-miniatures {`	146	`.defilement-miniatures {`
143	`width: 210px;`	147	`width: 210px;`
144	`}`	148	`}`
145		149
146	`.defilement-miniatures-cache {`	150	`.defilement-miniatures-cache {`
147	`visibility: hidden;`	151	`visibility: hidden;`
148	`}`	152	`}`
149		153
150	`.miniature-cachee {`	154	`.miniature-cachee {`
151	`display: none;`	155	`display: none;`
152	`}`	156	`}`
153		157
154	`.miniature-selectionnee {`	158	`.miniature-selectionnee {`
155	`display: block;`	159	`display: block;`
156	`width: 90px;`	160	`width: 90px;`
157	`}`	161	`}`
158		162
159	`.referentiel-obs {`	163	`.referentiel-obs {`
160	`color:#3B9D3B;`	164	`color:#3B9D3B;`
161	`}`	165	`}`
162	`#referentiel {`	166	`#referentiel {`
163	`display: inline;`	167	`display: inline;`
164	`}`	168	`}`
165		169
166	`#logo-titre {`	170	`#logo-titre {`
167	`position: relative;`	171	`position: relative;`
168	`top: -8px;`	172	`top: -8px;`
169	`}`	173	`}`
170		174
171	`#photos-conteneur {`	175	`#photos-conteneur {`
172	`height: 120px;`	176	`height: 120px;`
173	`}`	177	`}`
174		178
175	`#photo-placeholder {`	179	`#photo-placeholder {`
176	`background: url("../img/icones/icone-photo.png");`	180	`background: url("../img/icones/icone-photo.png");`
177	`background-size: 89px;`	181	`background-size: 89px;`
178	`cursor: pointer;`	182	`cursor: pointer;`
179	`margin-bottom: 15px;`	183	`margin-bottom: 15px;`
180	`margin-right: 15px;`	184	`margin-right: 15px;`
181	`float:left;`	185	`float:left;`
182	`border: 5px dashed #CCCCCC;`	186	`border: 5px dashed #CCCCCC;`
183	`border-radius: 8px 8px 8px 8px;`	187	`border-radius: 8px 8px 8px 8px;`
184	`height: 100px;`	188	`height: 100px;`
185	`margin: 2px 0 2px 2px;`	189	`margin: 2px 0 2px 2px;`
186	`text-align: center;`	190	`text-align: center;`
187	`width: 98px;`	191	`width: 98px;`
188	`box-sizing:border-box;`	192	`box-sizing:border-box;`
189	`-moz-box-sizing:border-box;`	193	`-moz-box-sizing:border-box;`
190	`-webkit-box-sizing:border-box;`	194	`-webkit-box-sizing:border-box;`
191	`}`	195	`}`
192		196
193	`#photo-placeholder:hover {`	197	`#photo-placeholder:hover {`
194	`background: url("../img/icones/icone-photo-hover.png");`	198	`background: url("../img/icones/icone-photo-hover.png");`
195	`background-size: 89px;`	199	`background-size: 89px;`
196	`border: 5px dashed #111;`	200	`border: 5px dashed #111;`
197	`border-radius: 8px;`	201	`border-radius: 8px;`
198	`}`	202	`}`
199		203
200	`#barre-progression-upload span {`	204	`#barre-progression-upload span {`
201	`color : #333333;`	205	`color : #333333;`
202	`}`	206	`}`
203		207
204	`.obs-erreur {`	208	`.obs-erreur {`
205	`background-color: #DD6E6E;`	209	`background-color: #DD6E6E;`
206	`}`	210	`}`
207		211
208	`/+--------------------------------------------------------------------------------------------------------+/`	212	`/+--------------------------------------------------------------------------------------------------------+/`
209	`/* Correction style CSS Bootstrap */`	213	`/* Correction style CSS Bootstrap */`
210	`.well {`	214	`.well {`
211	`margin-bottom: 5px;`	215	`margin-bottom: 5px;`
212	`padding: 4px;`	216	`padding: 4px;`
213	`}`	217	`}`

Subversion Repositories eFlore/Applications.cel

(root)/trunk/widget/modules/saisie/squelettes/defaut/css/defaut.css – Rev 2851 → 2852