WebSVN – Applications.reseau – Diff – /trunk/widget/modules/auth/squelettes/css/defaut.css


/*body {
	padding: 10px;
}*/
 
body {
	background-image: url(http://api.tela-botanica.org/img:000191249O.jpg);
	background-size: cover;
	background-position: center;
}
#licence-image::after { /* mettre à jour lorsqu'on change l'image de fond ci-dessus */
	content: "Silene latifolia Poir. (bdtfx) - Jacques MARÉCHAL - CC BY SA";
}
 
#licence-image {
	position: fixed;
	padding: 10px;
	bottom: 0;
	right: 0;
	color: white;
	font-size: 0.8em;
	background-color: rgba(0,0,0,0.3);
}
 
.vertical-center {
	min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
	min-height: 100vh;
	display: flex;
	align-items: center;
}
 
.boite-centre {
	width: 480px;
	height: 450px;
	padding: 20px;
	border: solid #f0f0f0 1px;
	border-radius: 5px;
	margin: auto;
	/*text-align: center;*/
	background-color: white;
}
 
.boite-centre.reduite {
	height: 450px;
}
 
.boite-centre h1 {
	margin-top: 0;
	margin-bottom: 0;
}
 
.leger {
	color: #808080;
}
 
#panneau-bienvenue {
	text-align: center;
	margin-top: 40px;
}
 
#bienvenue {
	margin-top: 20px;
}
 
#nom-complet {
	font-size: 1.6em;
	/*margin-left: 5px;*/
}
 
#liste-applications {
	margin-top: 80px; /* temporaire, pour afficher un simple lien en attendant mieux */
}
 
#liste-applications h2 {
	font-size: 1.7em;
	margin-top: 30px;
	margin-bottom: 15px;
}
 
#liste-applications ul {
	/*border: solid red 1px;*/
	margin: auto;
	margin-top: 10px;
	padding: 0;
	width: 260px;
}
 
#liste-applications ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	/*border: solid blue 1px;*/
}
 
#liste-applications ul li a, #liste-applications ul li a:hover {
	text-decoration: none;
}
 
.bouton-appli {
	display: block;
	width: 64px;
	height: 64px;
	margin: 10px;
	border: solid #d0d0d0 1px;
	border-radius: 5px;
	font-size: 1.7em;
	line-height: 60px;
	color: white;
}
 
.www {
	background-color: #478DA7;
}
.eflore {
	background-color: #5EC563;
}
.cel {
	background-color: #66E3F2;
}
.identiplante {
	background-color: #F9EF14;
}
.pictoflora {
	background-color: #F9EF14;
}
.smartflore {
	background-color: #3CE946;
}
.coel {
	background-color: #A79247;
}
.referentiels {
	background-color: #909090;
}
.wiki {
	background-color: #F54521;
}
 
#panneau-identification {
	padding-top: 20px;
}
 
#liste-fournisseurs {
	margin-top: 10px;
	/*border: solid green 1px;*/
	height: 110px;
}
 
#liste-fournisseurs ul {
	/*border: solid red 1px;*/
	margin: auto;
	margin-top: 10px;
	padding: 0;
	/*width: 210px;*/
}
 
#liste-fournisseurs ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	
	display: block;
	height: 100px;
	/*border: solid blue 1px;*/
}
 
#liste-fournisseurs ul li a, #liste-fournisseurs ul li a:hover {
	text-decoration: none;
}
#liste-fournisseurs ul li a:focus {
	border: none;
	outline: none;
}
 
#liste-fournisseurs ul li img {
	margin: 5px;
}
#liste-fournisseurs ul li img.grande {
	margin-top: 40px; /* à ajuster en fonction de la hauteur des icônes choisies */
}
#liste-fournisseurs ul li img.petite {
	margin-top: 70px; /* à ajuster en fonction de la hauteur des icônes choisies */
}
#liste-fournisseurs ul li a[data-focus="true"] img.grande {
	display: block;
}
#liste-fournisseurs ul li a[data-focus="false"] img.grande {
	display: none;
}
#liste-fournisseurs ul li a[data-focus="true"] img.petite {
	display: none;
}
#liste-fournisseurs ul li a[data-focus="false"] img.petite {
	display: block;
}
#liste-fournisseurs ul li.tela-botanica {
	
}
#liste-fournisseurs ul li.tela-botanica img.grande {
	margin-top: 0;
}
#liste-fournisseurs ul li.tela-botanica a[data-focus="false"] img.grande {
	display: block;
}
#liste-fournisseurs ul li.tela-botanica a[data-focus="true"] img.petite {
	display: none;
}
 
#info-partenaire {
	color: #808080;
	margin-bottom: 35px;
}
#formulaire-identification,
#liste-fournisseurs,
#info-erreur-login,
#info-erreur-serveur {
	width: 360px;
	margin: auto;
}
 
#formulaire-identification {
	height: 240px;
}
#formulaire-identification .form-group {
	margin-bottom: 25px;
}
#formulaire-identification .form-control {
	border: none;
	border-bottom: solid #d0d0d0 1px;
	border-radius: 0;
	box-shadow: none;
	padding-left: 0;
	font-size: 18px;
	color: #505050;
}
 
.position-relative {
	position: relative;
}
 
#mdp {
	padding-right: 80px;
}
 
.mdp-oublie {
	position: absolute;
	top: 10px;
	right: 0;
}
 
.commandes-formulaire {
	margin-top: 40px;
}
 
#lien-inscription {
	float: left;
	line-height: 30px;
	text-decoration: underline;
	margin-left: 5px;
}
 
#bouton-connexion {
	float: right;
	font-size: 16px;
}
 
.left {
	float: left;
}
 
.right {
	float: right;
}
 
.info-erreur {
	color: red;
}

Rev 86	Rev 87
1	`/*body {`	1	`/*body {`
2	`padding: 10px;`	2	`padding: 10px;`
3	`}*/`	3	`}*/`
4		4
5	`body {`	5	`body {`
6	`background-image: url(https://static.pexels.com/photos/7602/nature-plant-morning-green.jpg);`	6	`background-image: url(http://api.tela-botanica.org/img:000191249O.jpg);`
7	`background-size: cover;`	7	`background-size: cover;`
8	`background-position: center;`	8	`background-position: center;`
9	`}`	9	`}`
-		10	`#licence-image::after { /* mettre à jour lorsqu'on change l'image de fond ci-dessus */`
-		11	`content: "Silene latifolia Poir. (bdtfx) - Jacques MARÉCHAL - CC BY SA";`
-		12	`}`
10		13
11	`/*#widget {`	14	`#licence-image {`
12	`margin: auto;`	15	`position: fixed;`
13	`max-width: 700px;`	16	`padding: 10px;`
-		17	`bottom: 0;`
-		18	`right: 0;`
-		19	`color: white;`
-		20	`font-size: 0.8em;`
14	`padding: 5px;`	21	`background-color: rgba(0,0,0,0.3);`
15	`}*/`	22	`}`
16		23
17	`.vertical-center {`	24	`.vertical-center {`
18	`min-height: 100%; /* Fallback for browsers do NOT support vh unit */`	25	`min-height: 100%; /* Fallback for browsers do NOT support vh unit */`
19	`min-height: 100vh;`	26	`min-height: 100vh;`
20	`display: flex;`	27	`display: flex;`
21	`align-items: center;`	28	`align-items: center;`
22	`}`	29	`}`
23		30
24	`.boite-centre {`	31	`.boite-centre {`
25	`width: 480px;`	32	`width: 480px;`
26	`height: 450px;`	33	`height: 450px;`
27	`padding: 20px;`	34	`padding: 20px;`
28	`border: solid #f0f0f0 1px;`	35	`border: solid #f0f0f0 1px;`
29	`border-radius: 5px;`	36	`border-radius: 5px;`
30	`margin: auto;`	37	`margin: auto;`
31	`/text-align: center;/`	38	`/text-align: center;/`
32	`background-color: white;`	39	`background-color: white;`
33	`}`	40	`}`
34		41
35	`.boite-centre.reduite {`	42	`.boite-centre.reduite {`
36	`height: 450px;`	43	`height: 450px;`
37	`}`	44	`}`
38		45
39	`.boite-centre h1 {`	46	`.boite-centre h1 {`
40	`margin-top: 0;`	47	`margin-top: 0;`
41	`margin-bottom: 0;`	48	`margin-bottom: 0;`
42	`}`	49	`}`
43		50
44	`.leger {`	51	`.leger {`
45	`color: #808080;`	52	`color: #808080;`
46	`}`	53	`}`
47		54
48	`#panneau-bienvenue {`	55	`#panneau-bienvenue {`
49	`text-align: center;`	56	`text-align: center;`
50	`margin-top: 40px;`	57	`margin-top: 40px;`
51	`}`	58	`}`
52		59
53	`#bienvenue {`	60	`#bienvenue {`
54	`margin-top: 20px;`	61	`margin-top: 20px;`
55	`}`	62	`}`
56		63
57	`#nom-complet {`	64	`#nom-complet {`
58	`font-size: 1.6em;`	65	`font-size: 1.6em;`
59	`/margin-left: 5px;/`	66	`/margin-left: 5px;/`
60	`}`	67	`}`
61		68
62	`#liste-applications {`	69	`#liste-applications {`
63	`margin-top: 80px; /* temporaire, pour afficher un simple lien en attendant mieux */`	70	`margin-top: 80px; /* temporaire, pour afficher un simple lien en attendant mieux */`
64	`}`	71	`}`
65		72
66	`#liste-applications h2 {`	73	`#liste-applications h2 {`
67	`font-size: 1.7em;`	74	`font-size: 1.7em;`
68	`margin-top: 30px;`	75	`margin-top: 30px;`
69	`margin-bottom: 15px;`	76	`margin-bottom: 15px;`
70	`}`	77	`}`
71		78
72	`#liste-applications ul {`	79	`#liste-applications ul {`
73	`/border: solid red 1px;/`	80	`/border: solid red 1px;/`
74	`margin: auto;`	81	`margin: auto;`
75	`margin-top: 10px;`	82	`margin-top: 10px;`
76	`padding: 0;`	83	`padding: 0;`
77	`width: 260px;`	84	`width: 260px;`
78	`}`	85	`}`
79		86
80	`#liste-applications ul li {`	87	`#liste-applications ul li {`
81	`margin: 0;`	88	`margin: 0;`
82	`padding: 0;`	89	`padding: 0;`
83	`list-style-type: none;`	90	`list-style-type: none;`
84	`float: left;`	91	`float: left;`
85	`/border: solid blue 1px;/`	92	`/border: solid blue 1px;/`
86	`}`	93	`}`
87		94
88	`#liste-applications ul li a, #liste-applications ul li a:hover {`	95	`#liste-applications ul li a, #liste-applications ul li a:hover {`
89	`text-decoration: none;`	96	`text-decoration: none;`
90	`}`	97	`}`
91		98
92	`.bouton-appli {`	99	`.bouton-appli {`
93	`display: block;`	100	`display: block;`
94	`width: 64px;`	101	`width: 64px;`
95	`height: 64px;`	102	`height: 64px;`
96	`margin: 10px;`	103	`margin: 10px;`
97	`border: solid #d0d0d0 1px;`	104	`border: solid #d0d0d0 1px;`
98	`border-radius: 5px;`	105	`border-radius: 5px;`
99	`font-size: 1.7em;`	106	`font-size: 1.7em;`
100	`line-height: 60px;`	107	`line-height: 60px;`
101	`color: white;`	108	`color: white;`
102	`}`	109	`}`
103		110
104	`.www {`	111	`.www {`
105	`background-color: #478DA7;`	112	`background-color: #478DA7;`
106	`}`	113	`}`
107	`.eflore {`	114	`.eflore {`
108	`background-color: #5EC563;`	115	`background-color: #5EC563;`
109	`}`	116	`}`
110	`.cel {`	117	`.cel {`
111	`background-color: #66E3F2;`	118	`background-color: #66E3F2;`
112	`}`	119	`}`
113	`.identiplante {`	120	`.identiplante {`
114	`background-color: #F9EF14;`	121	`background-color: #F9EF14;`
115	`}`	122	`}`
116	`.pictoflora {`	123	`.pictoflora {`
117	`background-color: #F9EF14;`	124	`background-color: #F9EF14;`
118	`}`	125	`}`
119	`.smartflore {`	126	`.smartflore {`
120	`background-color: #3CE946;`	127	`background-color: #3CE946;`
121	`}`	128	`}`
122	`.coel {`	129	`.coel {`
123	`background-color: #A79247;`	130	`background-color: #A79247;`
124	`}`	131	`}`
125	`.referentiels {`	132	`.referentiels {`
126	`background-color: #909090;`	133	`background-color: #909090;`
127	`}`	134	`}`
128	`.wiki {`	135	`.wiki {`
129	`background-color: #F54521;`	136	`background-color: #F54521;`
130	`}`	137	`}`
131		138
132	`#panneau-identification {`	139	`#panneau-identification {`
133	`padding-top: 20px;`	140	`padding-top: 20px;`
134	`}`	141	`}`
135		142
136	`#liste-fournisseurs {`	143	`#liste-fournisseurs {`
137	`margin-top: 10px;`	144	`margin-top: 10px;`
138	`/border: solid green 1px;/`	145	`/border: solid green 1px;/`
139	`height: 110px;`	146	`height: 110px;`
140	`}`	147	`}`
141		148
142	`#liste-fournisseurs ul {`	149	`#liste-fournisseurs ul {`
143	`/border: solid red 1px;/`	150	`/border: solid red 1px;/`
144	`margin: auto;`	151	`margin: auto;`
145	`margin-top: 10px;`	152	`margin-top: 10px;`
146	`padding: 0;`	153	`padding: 0;`
147	`/width: 210px;/`	154	`/width: 210px;/`
148	`}`	155	`}`
149		156
150	`#liste-fournisseurs ul li {`	157	`#liste-fournisseurs ul li {`
151	`margin: 0;`	158	`margin: 0;`
152	`padding: 0;`	159	`padding: 0;`
153	`list-style-type: none;`	160	`list-style-type: none;`
154	`float: left;`	161	`float: left;`
155		162
156	`display: block;`	163	`display: block;`
157	`height: 100px;`	164	`height: 100px;`
158	`/border: solid blue 1px;/`	165	`/border: solid blue 1px;/`
159	`}`	166	`}`
160		167
161	`#liste-fournisseurs ul li a, #liste-fournisseurs ul li a:hover {`	168	`#liste-fournisseurs ul li a, #liste-fournisseurs ul li a:hover {`
162	`text-decoration: none;`	169	`text-decoration: none;`
163	`}`	170	`}`
164	`#liste-fournisseurs ul li a:focus {`	171	`#liste-fournisseurs ul li a:focus {`
165	`border: none;`	172	`border: none;`
166	`outline: none;`	173	`outline: none;`
167	`}`	174	`}`
168		175
169	`#liste-fournisseurs ul li img {`	176	`#liste-fournisseurs ul li img {`
170	`margin: 5px;`	177	`margin: 5px;`
171	`}`	178	`}`
172	`#liste-fournisseurs ul li img.grande {`	179	`#liste-fournisseurs ul li img.grande {`
173	`margin-top: 40px; /* à ajuster en fonction de la hauteur des icônes choisies */`	180	`margin-top: 40px; /* à ajuster en fonction de la hauteur des icônes choisies */`
174	`}`	181	`}`
175	`#liste-fournisseurs ul li img.petite {`	182	`#liste-fournisseurs ul li img.petite {`
176	`margin-top: 70px; /* à ajuster en fonction de la hauteur des icônes choisies */`	183	`margin-top: 70px; /* à ajuster en fonction de la hauteur des icônes choisies */`
177	`}`	184	`}`
178	`#liste-fournisseurs ul li a[data-focus="true"] img.grande {`	185	`#liste-fournisseurs ul li a[data-focus="true"] img.grande {`
179	`display: block;`	186	`display: block;`
180	`}`	187	`}`
181	`#liste-fournisseurs ul li a[data-focus="false"] img.grande {`	188	`#liste-fournisseurs ul li a[data-focus="false"] img.grande {`
182	`display: none;`	189	`display: none;`
183	`}`	190	`}`
184	`#liste-fournisseurs ul li a[data-focus="true"] img.petite {`	191	`#liste-fournisseurs ul li a[data-focus="true"] img.petite {`
185	`display: none;`	192	`display: none;`
186	`}`	193	`}`
187	`#liste-fournisseurs ul li a[data-focus="false"] img.petite {`	194	`#liste-fournisseurs ul li a[data-focus="false"] img.petite {`
188	`display: block;`	195	`display: block;`
189	`}`	196	`}`
190	`#liste-fournisseurs ul li.tela-botanica {`	197	`#liste-fournisseurs ul li.tela-botanica {`
191		198
192	`}`	199	`}`
193	`#liste-fournisseurs ul li.tela-botanica img.grande {`	200	`#liste-fournisseurs ul li.tela-botanica img.grande {`
194	`margin-top: 0;`	201	`margin-top: 0;`
195	`}`	202	`}`
196	`#liste-fournisseurs ul li.tela-botanica a[data-focus="false"] img.grande {`	203	`#liste-fournisseurs ul li.tela-botanica a[data-focus="false"] img.grande {`
197	`display: block;`	204	`display: block;`
198	`}`	205	`}`
199	`#liste-fournisseurs ul li.tela-botanica a[data-focus="true"] img.petite {`	206	`#liste-fournisseurs ul li.tela-botanica a[data-focus="true"] img.petite {`
200	`display: none;`	207	`display: none;`
201	`}`	208	`}`
202		209
203	`#info-partenaire {`	210	`#info-partenaire {`
204	`color: #808080;`	211	`color: #808080;`
205	`margin-bottom: 35px;`	212	`margin-bottom: 35px;`
206	`}`	213	`}`
207	`#formulaire-identification,`	214	`#formulaire-identification,`
208	`#liste-fournisseurs,`	215	`#liste-fournisseurs,`
209	`#info-erreur-login,`	216	`#info-erreur-login,`
210	`#info-erreur-serveur {`	217	`#info-erreur-serveur {`
211	`width: 360px;`	218	`width: 360px;`
212	`margin: auto;`	219	`margin: auto;`
213	`}`	220	`}`
214		221
215	`#formulaire-identification {`	222	`#formulaire-identification {`
216	`height: 240px;`	223	`height: 240px;`
217	`}`	224	`}`
218	`#formulaire-identification .form-group {`	225	`#formulaire-identification .form-group {`
219	`margin-bottom: 25px;`	226	`margin-bottom: 25px;`
220	`}`	227	`}`
221	`#formulaire-identification .form-control {`	228	`#formulaire-identification .form-control {`
222	`border: none;`	229	`border: none;`
223	`border-bottom: solid #d0d0d0 1px;`	230	`border-bottom: solid #d0d0d0 1px;`
224	`border-radius: 0;`	231	`border-radius: 0;`
225	`box-shadow: none;`	232	`box-shadow: none;`
226	`padding-left: 0;`	233	`padding-left: 0;`
227	`font-size: 18px;`	234	`font-size: 18px;`
228	`color: #505050;`	235	`color: #505050;`
229	`}`	236	`}`
230		237
231	`.position-relative {`	238	`.position-relative {`
232	`position: relative;`	239	`position: relative;`
233	`}`	240	`}`
234		241
235	`#mdp {`	242	`#mdp {`
236	`padding-right: 80px;`	243	`padding-right: 80px;`
237	`}`	244	`}`
238		245
239	`.mdp-oublie {`	246	`.mdp-oublie {`
240	`position: absolute;`	247	`position: absolute;`
241	`top: 10px;`	248	`top: 10px;`
242	`right: 0;`	249	`right: 0;`
243	`}`	250	`}`
244		251
245	`.commandes-formulaire {`	252	`.commandes-formulaire {`
246	`margin-top: 40px;`	253	`margin-top: 40px;`
247	`}`	254	`}`
248		255
249	`#lien-inscription {`	256	`#lien-inscription {`
250	`float: left;`	257	`float: left;`
251	`line-height: 30px;`	258	`line-height: 30px;`
252	`text-decoration: underline;`	259	`text-decoration: underline;`
253	`margin-left: 5px;`	260	`margin-left: 5px;`
254	`}`	261	`}`
255		262
256	`#bouton-connexion {`	263	`#bouton-connexion {`
257	`float: right;`	264	`float: right;`
258	`font-size: 16px;`	265	`font-size: 16px;`
259	`}`	266	`}`
260		267
261	`.left {`	268	`.left {`
262	`float: left;`	269	`float: left;`
263	`}`	270	`}`
264		271
265	`.right {`	272	`.right {`
266	`float: right;`	273	`float: right;`
267	`}`	274	`}`
268		275
269	`.info-erreur {`	276	`.info-erreur {`
270	`color: red;`	277	`color: red;`
271	`}`	278	`}`

Subversion Repositories Applications.reseau

(root)/trunk/widget/modules/auth/squelettes/css/defaut.css – Rev 86 → 87