Subversion Repositories Applications.reseau

Rev

Rev 83 | Rev 86 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

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