Subversion Repositories eFlore/Applications.cel

Rev

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

Rev Author Line No. Line
3122 delphine 1 
@CHARSET "UTF-8";
2 
 
3167 idir 3 
.clear {
4 
  clear: both;
5 
  height: 0;
3164 idir 6 
 
3167 idir 7 
  /* Précaution pour IE 7 */
8 
  overflow: hidden;
9 
}
10 
 
3164 idir 11 
h1#widget-titre::before {
3167 idir 12 
  content: "";
13 
  display: block;
14 
  height: 100%;
15 
  position: absolute;
16 
  left: -5rem;
17 
  width: 0.4rem;
3122 delphine 18 
}
3164 idir 19 
 
20 
h1#widget-titre {
3167 idir 21 
  font-size: 2.6rem;
22 
  font-weight: 700;
23 
  line-height: 3.2rem;
24 
  margin: 0;
25 
  position: relative;
26 
  color: #232323;
27 
  font-family: Ubuntu,sans-serif;
3164 idir 28 
}
29 
 
3167 idir 30 
h2 {
31 
  font-family: Muli,sans-serif;
32 
  font-size: 21.5px;
33 
  font-weight: 700;
34 
  line-height: 1.15;
3164 idir 35 
}
36 
 
3167 idir 37 
div.widget-blocks {
38 
  box-sizing: border-box;
39 
  padding: 1rem;
3122 delphine 40 
}
41 
 
3167 idir 42 
.message {
43 
  background-color: #f8f5ef;
44 
  color: #232323;
45 
  padding: 1rem;
46 
}
47 
 
48 
/* Aperçu du widget */
49 
.widget-renderer {
50 
  border:none;
51 
  padding: 3rem;
52 
  height: 300rem;
53 
  min-height: 100%;
54 
  width: 90%;
55 
  pointer-events: none;
56 
  overflow: hidden
57 
}
58 
 
59 
.register-section{
60 
  margin-bottom: 1rem;
61 
}
62 
 
63 
/* Formulaires du nouveau widget*/
64 
#group-settings-form {
65 
  font-family: Muli,sans-serif;
66 
  float: none;
67 
  margin-bottom: 2rem;
68 
  position: absolute;
69 
}
70 
 
3164 idir 71 
#group-settings-form label {
3167 idir 72 
  color: #606060;
73 
  display: block;
74 
  font-size: 1.5rem;
75 
  margin-bottom: 0.4rem;
76 
  margin-top: 2rem;
77 
  font-weight: 700;
3122 delphine 78 
}
79 
 
3167 idir 80 
#group-settings-form #langue{
81 
  width: 100%;
82 
  border: 0.1rem solid #ddd;
83 
  border-radius: 0.3rem;
84 
  padding: 1rem;
85 
  overflow: hidden;
86 
}
87 
 
88 
/* Styles des champs required*/
3164 idir 89 
#group-settings-form .register-section input[required],
3167 idir 90 
#group-settings-form .register-section select[required],
91 
#group-settings-form #new-fields input[required],
92 
#group-settings-form #new-fields select[required] {
93 
  border: 0.2rem solid rgba(0, 159, 184, 0.5);
3122 delphine 94 
}
95 
 
3167 idir 96 
/* Positionnement visuel du bouton submit pour qu'il reste
97 
sous les nouveaux champs alors que dans le dom
98 
il est positionné avant les nouveaux champs */
99 
#group-settings-form #submit-button {
100 
  position: absolute;
101 
  bottom: -50px;
3164 idir 102 
}
103 
 
3167 idir 104 
/**** Styles des boutons ajouter et supprimer ****/
105 
#group-settings-form #add-fields.button,
106 
#group-settings-form .add-value-button.button {
107 
  background-color: #009fb8;
3164 idir 108 
}
109 
 
3171 idir 110 
#group-settings-form .disabled,
111 
#group-settings-form .validated {
112 
  background-color: #eeeeee !important;
113 
  cursor: default;
114 
}
115 
 
116 
#group-settings-form .validated i {
117 
  color: #c3d45d;
118 
  cursor: default;
119 
}
120 
 
3167 idir 121 
#group-settings-form #add-fields.button:hover,
122 
#group-settings-form #add-fields.button:focus,
123 
#group-settings-form .add-value-button.button:hover,
124 
#group-settings-form .add-value-button.button:focus {
125 
  background-color: rgba(0, 159, 184, 0.7);
3122 delphine 126 
}
127 
 
3167 idir 128 
#group-settings-form .remove-field.button,
129 
#group-settings-form .remove-value.button {
130 
  background-color: #ff5d55;
3164 idir 131 
}
132 
 
3167 idir 133 
#group-settings-form .remove-field.button:hover,
134 
#group-settings-form .remove-field.button:focus,
135 
#group-settings-form .remove-value.button:hover,
136 
#group-settings-form .remove-value.button:focus {
137 
  background-color: rgba(255, 93, 85, 0.7);
3164 idir 138 
}
3167 idir 139 
/*************************************************/
3164 idir 140 
 
3167 idir 141 
/**** Style des select ****/
142 
#group-settings-form select {
143 
  background-color: #fff;
144 
  border:  0.1rem solid #ddd;
145 
}
3164 idir 146 
 
3167 idir 147 
#group-settings-form select,
148 
#group-settings-form select[required] {
149 
 
150 
  width: 100%;
151 
  color:#333;
152 
  border-radius: 0.3rem;
153 
  padding:0.5rem;
154 
  text-transform:none;
155 
 
156 
  /* On retire la 'flèche' par defaut */
157 
  -webkit-appearance: none;
158 
  -moz-appearance: none;
159 
  -ms-appearance: none;
160 
  -o-appearance: none;
161 
  appearance: none;
3164 idir 162 
}
163 
 
3167 idir 164 
#group-settings-form .select-wrapper,
165 
#group-settings-form #new-fields .select-wrapper {
166 
  position: relative;
3122 delphine 167 
}
168 
 
3167 idir 169 
#group-settings-form .select-wrapper::after {
170 
  /* Ajout et style d'une "flèche bas" */
171 
  content: '⌄';
172 
  pointer-events: none;
173 
  position: absolute;
174 
  top: 0;
175 
  right: 0.5rem;
176 
  font-size: 3rem;
177 
  font-weight: 900;
178 
  color: #606060;
3164 idir 179 
}
180 
 
3167 idir 181 
#group-settings-form #new-fields .select-wrapper::after {
182 
  /* correction de la position de la flèche
183 
  dans le formulaire des champs ajoutés*/
184 
  top: -10px;
3164 idir 185 
}
3167 idir 186 
/**************************/
3164 idir 187 
 
3167 idir 188 
/**** Affichage des nouveaux champs ****/
189 
 
190 
/* Mieux distinguer les différentes strates */
191 
#group-settings-form .new-field,
192 
#group-settings-form .new-value {
193 
  margin: 1rem 0;
194 
  padding: 2rem;
195 
  border-radius: 0.3rem;
196 
  background-color: #F8F5EF;
3164 idir 197 
}
198 
 
3167 idir 199 
/* Mieux distinguer les différentes strates */
200 
#group-settings-form .field-details {
201 
  margin: 1rem 0;
202 
  padding: 2rem;
203 
  border-radius: 0.3rem;
204 
  background-color: #fcfbf9;
3164 idir 205 
}
3167 idir 206 
/********************************************/
3164 idir 207 
 
3167 idir 208 
/**** Style des input type "file" ****/
209 
/* styles de base */
210 
#group-settings-form .input-file-container,
211 
#group-settings-form #new-fields .input-file-container {
3164 idir 212 
  position: relative;
3166 idir 213 
  width: 100%;
3164 idir 214 
}
3167 idir 215 
 
216 
#group-settings-form .label-file,
217 
#group-settings-form #new-fields .label-file {
3164 idir 218 
  display: block;
3166 idir 219 
  padding: 1rem;
3164 idir 220 
  background: #009FB8;
221 
  color: #fff !important;
3166 idir 222 
  font-size: 1.5rem;
3164 idir 223 
  cursor: pointer;
3166 idir 224 
  border-radius: 0.2rem;
3164 idir 225 
}
3167 idir 226 
 
227 
#group-settings-form .input-file,
228 
#group-settings-form #new-fields .input-file {
3164 idir 229 
  position: absolute;
230 
  top: 0; left: 0;
3166 idir 231 
  width: 80%;
232 
  padding: 1rem;
233 
  margin: auto;
3164 idir 234 
  opacity: 0;
235 
  cursor: pointer;
236 
}
237 
 
238 
/* quelques styles d'interactions */
3167 idir 239 
#group-settings-form .input-file:hover + .label-file,
240 
#group-settings-form .input-file:focus + .label-file,
241 
#group-settings-form .label-file:hover,
242 
#group-settings-form .label-file:focus,
243 
#group-settings-form #new-fields .input-file:hover + .label-file,
244 
#group-settings-form #new-fields .input-file:focus + .label-file,
245 
#group-settings-form #new-fields .label-file:hover,
246 
#group-settings-form #new-fields .label-file:focus {
247 
  background: rgba(0, 159, 184, 0.7);
3164 idir 248 
  color: #fff;
249 
}
250 
 
251 
/* styles du retour visuel */
3167 idir 252 
#group-settings-form .file-return:not(:empty)::before,
253 
#group-settings-form #new-fields .file-return:not(:empty)::before {
3166 idir 254 
  content:'Nom du fichier: ';
255 
  font-size: 1rem;
3164 idir 256 
}
3166 idir 257 
 
3167 idir 258 
#group-settings-form .file-return:not(:empty) img,
259 
#group-settings-form #new-fields .file-return:not(:empty) img {
3166 idir 260 
  margin: 1rem auto;
261 
  display: block;
3164 idir 262 
}
3166 idir 263 
 
3167 idir 264 
#group-settings-form .file-return,
265 
#group-settings-form #new-fields .file-return {
3164 idir 266 
  font-style: italic;
3166 idir 267 
  font-size: 1.5rem;
3164 idir 268 
  font-weight: bold;
269 
}
3167 idir 270 
/*************************************/