Subversion Repositories Applications.reseau

Rev

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