WebSVN – eFlore/Applications.cel – Diff – /branches/v2.24-sarcloir/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 2816	Rev 2904
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
-		68	`.cursor-pointer {`
-		69	`cursor: pointer;`
-		70	`}`
-		71
-		72	`/** @WARNING Attention aux effets de bord !! Essayer de faire mieux !! */`
-		73	`.popover-content {`
-		74	`border: 1px solid #ddd;`
-		75	`}`
-		76	`.popover-html-content {`
-		77	`display: none;`
-		78	`}`
-		79	`h3.popover-title {`
-		80	`display: none;`
-		81	`}`
67		82
68		83
69	`/+--------------------------------------------------------------------------------------------------------+/`	84	`/+--------------------------------------------------------------------------------------------------------+/`
70	`/* Formulaire spécifique */`	85	`/* Formulaire spécifique */`
71	`#map-canvas {`	86	`#map-canvas {`
72	`height:440px;`	87	`height:440px;`
73	`}`	88	`}`
74	`#info-commune {`	89	`#info-commune {`
75	`text-align:right;`	90	`text-align:right;`
76	`}`	91	`}`
77	`.ns-retenu {`	92	`.ns-retenu {`
78	`font-weight:bold;`	93	`font-weight:bold;`
79	`}`	94	`}`
80	`.nn{`	95	`.nn{`
81	`color:#3B9D3B;`	96	`color:#3B9D3B;`
82	`}`	97	`}`
83	`.nom-sci{`	98	`.nom-sci{`
84	`font-size:1.5em;`	99	`font-size:1.5em;`
85	`font-weight:bold;`	100	`font-weight:bold;`
86	`}`	101	`}`
87	`.commune, .date{`	102	`.commune, .date{`
88	`font-size:1.3em;`	103	`font-size:1.3em;`
89	`font-weight:bold;`	104	`font-weight:bold;`
90	`}`	105	`}`
91	`.obs-action{`	106	`.obs-action{`
92	`opacity:1;`	107	`opacity:1;`
93	`}`	108	`}`
94		109
95	`#miniatures {`	110	`#miniatures {`
96	`padding-top: 5px;`	111	`padding-top: 5px;`
97	`}`	112	`}`
98		113
99	`.miniature {`	114	`.miniature {`
100	`float: left;`	115	`float: left;`
101	`height: 130px;`	116	`height: 130px;`
102	`padding-left: 15px;`	117	`padding-left: 15px;`
103	`padding-right: 15px;`	118	`padding-right: 15px;`
104	`background-repeat: no-repeat;`	119	`background-repeat: no-repeat;`
105	`background-size: cover;`	120	`background-size: cover;`
106	`}`	121	`}`
107		122
108	`.miniature-img {`	123	`.miniature-img {`
109	`height: 100px;`	124	`height: 100px;`
110	`}`	125	`}`
111		126
112	`.miniature img {`	127	`.miniature img {`
113	`display: block;`	128	`display: block;`
114	`}`	129	`}`
115		130
116	`.miniature-chargement {`	131	`.miniature-chargement {`
117	`height:100px;`	132	`height:100px;`
118	`width: 100px;`	133	`width: 100px;`
119	`}`	134	`}`
120		135
121	`.defilement-miniatures-gauche, .defilement-miniatures-droite {`	136	`.defilement-miniatures-gauche, .defilement-miniatures-droite {`
122	`float: left;`	137	`float: left;`
123	`font-size: 1.2em;`	138	`font-size: 1.2em;`
124	`font-weight: bold;`	139	`font-weight: bold;`
125	`height: 62px;`	140	`height: 62px;`
126	`margin: 5px;`	141	`margin: 5px;`
127	`padding-top: 30px;`	142	`padding-top: 30px;`
128	`width: 12px;`	143	`width: 12px;`
129	`}`	144	`}`
130		145
131	`.defilement-miniatures {`	146	`.defilement-miniatures {`
132	`width: 210px;`	147	`width: 210px;`
133	`}`	148	`}`
134		149
135	`.defilement-miniatures-cache {`	150	`.defilement-miniatures-cache {`
136	`visibility: hidden;`	151	`visibility: hidden;`
137	`}`	152	`}`
138		153
139	`.miniature-cachee {`	154	`.miniature-cachee {`
140	`display: none;`	155	`display: none;`
141	`}`	156	`}`
142		157
143	`.miniature-selectionnee {`	158	`.miniature-selectionnee {`
144	`display: block;`	159	`display: block;`
145	`width: 90px;`	160	`width: 90px;`
146	`}`	161	`}`
147		162
148	`.referentiel-obs {`	163	`.referentiel-obs {`
149	`color:#3B9D3B;`	164	`color:#3B9D3B;`
150	`}`	165	`}`
151	`#referentiel {`	166	`#referentiel {`
152	`display: inline;`	167	`display: inline;`
153	`}`	168	`}`
154		169
155	`#logo-titre {`	170	`#logo-titre {`
156	`position: relative;`	171	`position: relative;`
157	`top: -8px;`	172	`top: -8px;`
158	`}`	173	`}`
159		174
160	`#photos-conteneur {`	175	`#photos-conteneur {`
161	`height: 120px;`	176	`height: 120px;`
162	`}`	177	`}`
163		178
164	`#photo-placeholder {`	179	`#photo-placeholder {`
165	`background: url("../img/icones/icone-photo.png");`	180	`background: url("../img/icones/icone-photo.png");`
166	`background-size: 89px;`	181	`background-size: 89px;`
167	`cursor: pointer;`	182	`cursor: pointer;`
168	`margin-bottom: 15px;`	183	`margin-bottom: 15px;`
169	`margin-right: 15px;`	184	`margin-right: 15px;`
170	`float:left;`	185	`float:left;`
171	`border: 5px dashed #CCCCCC;`	186	`border: 5px dashed #CCCCCC;`
172	`border-radius: 8px 8px 8px 8px;`	187	`border-radius: 8px 8px 8px 8px;`
173	`height: 100px;`	188	`height: 100px;`
174	`margin: 2px 0 2px 2px;`	189	`margin: 2px 0 2px 2px;`
175	`text-align: center;`	190	`text-align: center;`
176	`width: 98px;`	191	`width: 98px;`
177	`box-sizing:border-box;`	192	`box-sizing:border-box;`
178	`-moz-box-sizing:border-box;`	193	`-moz-box-sizing:border-box;`
179	`-webkit-box-sizing:border-box;`	194	`-webkit-box-sizing:border-box;`
180	`}`	195	`}`
181		196
182	`#photo-placeholder:hover {`	197	`#photo-placeholder:hover {`
183	`background: url("../img/icones/icone-photo-hover.png");`	198	`background: url("../img/icones/icone-photo-hover.png");`
184	`background-size: 89px;`	199	`background-size: 89px;`
185	`border: 5px dashed #111;`	200	`border: 5px dashed #111;`
186	`border-radius: 8px;`	201	`border-radius: 8px;`
187	`}`	202	`}`
188		203
189	`#barre-progression-upload span {`	204	`#barre-progression-upload span {`
190	`color : #333333;`	205	`color : #333333;`
191	`}`	206	`}`
192		207
193	`.obs-erreur {`	208	`.obs-erreur {`
194	`background-color: #DD6E6E;`	209	`background-color: #DD6E6E;`
195	`}`	210	`}`
196		211
197	`/+--------------------------------------------------------------------------------------------------------+/`	212	`/+--------------------------------------------------------------------------------------------------------+/`
198	`/* Correction style CSS Bootstrap */`	213	`/* Correction style CSS Bootstrap */`
199	`.well {`	214	`.well {`
200	`margin-bottom: 5px;`	215	`margin-bottom: 5px;`
201	`padding: 4px;`	216	`padding: 4px;`
202	`}`	217	`}`

Subversion Repositories eFlore/Applications.cel

(root)/branches/v2.24-sarcloir/widget/modules/saisie/squelettes/defaut/css/defaut.css – Rev 2816 → 2904