Subversion Repositories Applications.reseau

Rev

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