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

Subversion Repositories Applications.reseau

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