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

Subversion Repositories eFlore/Applications.cel

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