Subversion Repositories eFlore/Applications.cel

Rev

Rev 3166 | Rev 3171 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

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