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


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

Subversion Repositories Applications.reseau

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