Subversion Repositories Applications.reseau

Rev

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