Subversion Repositories eFlore/Applications.cel

Rev

Rev 3164 | Rev 3167 | 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 
 
3164 idir 3 
 
4 
h1#widget-titre::before {
5 
    content: "";
6 
    display: block;
7 
    height: 100%;
8 
    position: absolute;
9 
    left: -5rem;
10 
    width: 0.4rem;
11 
 
3122 delphine 12 
}
3164 idir 13 
 
14 
h1#widget-titre {
15 
    font-size: 2.6rem;
16 
    font-weight: 700;
17 
    line-height: 3.2rem;
18 
    margin: 0;
19 
    position: relative;
20 
    color: #232323;
21 
    font-family: Ubuntu,sans-serif;
22 
}
23 
 
24 
#group-settings-form {
25 
    font-family: Muli,sans-serif;
26 
    float: none;
27 
}
28 
 
3122 delphine 29 
h2 {
3164 idir 30 
    font-family: Muli,sans-serif;
3122 delphine 31 
    font-size: 21.5px;
32 
    font-weight: 700;
33 
    line-height: 1.15;
34 
}
35 
 
3164 idir 36 
#group-settings-form label {
3122 delphine 37 
    color: #606060;
38 
    display: block;
39 
    font-size: 1.5rem;
40 
    margin-bottom: 0.4rem;
41 
    margin-top: 2rem;
42 
    font-weight: 700;
43 
}
44 
 
3164 idir 45 
#group-settings-form .register-section input[required],
46 
#group-settings-form .register-section select[required] {
47 
    border: 0.2rem solid rgba(0, 159, 184, 0.5);
3122 delphine 48 
}
49 
 
3164 idir 50 
#group-settings-form select {
51 
    background-color: #fff;
52 
    border:  0.1rem solid #ddd;
53 
}
54 
 
55 
#group-settings-form select,
56 
#group-settings-form select[required] {
57 
    border-radius: 0.3rem;
58 
    padding:0.5rem;
59 
    -webkit-appearance: none;
60 
    -moz-appearance: none;
61 
    -ms-appearance: none;
62 
    -o-appearance: none;
63 
    appearance: none;
64 
    width: 100%;
65 
    color:#333;
66 
    text-transform:none;
67 
}
68 
 
69 
#group-settings-form .select-wrapper {
3122 delphine 70 
    position: relative;
71 
}
72 
 
3164 idir 73 
#group-settings-form .select-wrapper::after {
74 
    content: '⌄';
75 
    font-size: 3rem;
76 
    font-weight: 900;
77 
    position: absolute;
78 
    top: 0;
79 
    right: 0.5rem;
80 
    color: #606060;
81 
    pointer-events: none;
82 
}
83 
 
84 
#group-settings-form #langue{
85 
    width: 100%;
86 
    border: 0.1rem solid #ddd;
87 
    border-radius: 0.3rem;
88 
    padding: 1rem;
3166 idir 89 
    overflow: hidden;
3164 idir 90 
}
91 
 
92 
 
93 
div.widget-blocks {
94 
    box-sizing: border-box;
95 
    padding: 1rem;
96 
}
97 
 
98 
.message {
3122 delphine 99 
    background-color: #f8f5ef;
100 
    color: #232323;
3164 idir 101 
    padding: 1rem;
102 
    margin: 1rem;
3122 delphine 103 
}
104 
 
3164 idir 105 
iframe.widget-renderer {
106 
 
107 
    border:none;
108 
    margin: 1rem;
109 
    height: 300rem;
110 
    min-height: 100%;
3166 idir 111 
    width: 90%;
3164 idir 112 
    pointer-events: none;
113 
    overflow: hidden
114 
}
115 
 
116 
#group-settings-form input#add_fields.button {
117 
    background-color: #009fb8;
118 
}
119 
 
3122 delphine 120 
.clear {
121 
  clear: both;
3164 idir 122 
  height: 0;
123 
  overflow: hidden; /* Précaution pour IE 7 */
124 
}
125 
 
126 
.register-section{
127 
    margin-bottom: 1rem;
128 
}
129 
 
130 
 
131 
/* styles de base si JS est activé */
132 
.js #group-settings-form .input-file-container {
133 
  position: relative;
3166 idir 134 
  width: 100%;
3164 idir 135 
}
136 
.js #group-settings-form .label-file {
137 
  display: block;
3166 idir 138 
  padding: 1rem;
3164 idir 139 
  background: #009FB8;
140 
  color: #fff !important;
3166 idir 141 
  font-size: 1.5rem;
3164 idir 142 
  transition: all .4s;
143 
  cursor: pointer;
3166 idir 144 
  border-radius: 0.2rem;
3164 idir 145 
}
146 
.js #group-settings-form .input-file {
147 
  position: absolute;
148 
  top: 0; left: 0;
3166 idir 149 
  width: 80%;
150 
  padding: 1rem;
151 
  margin: auto;
3164 idir 152 
  opacity: 0;
153 
  cursor: pointer;
154 
}
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,
159 
.js #group-settings-form .label-file:hover,
160 
.js #group-settings-form .label-file:focus {
161 
  background: #3071A9;
162 
  color: #fff;
163 
}
164 
 
165 
/* styles du retour visuel */
3166 idir 166 
#group-settings-form .file-return:not(:empty)::before{
167 
  content:'Nom du fichier: ';
168 
  font-size: 1rem;
3164 idir 169 
}
3166 idir 170 
 
171 
#group-settings-form .file-return:not(:empty) img{
172 
  margin: 1rem auto;
173 
  display: block;
3164 idir 174 
}
3166 idir 175 
 
3164 idir 176 
.js #group-settings-form .file-return {
177 
  font-style: italic;
3166 idir 178 
  font-size: 1.5rem;
3164 idir 179 
  font-weight: bold;
180 
}
181 
/* on complète l'information d'un contenu textuel
182 
   uniquement lorsque le paragraphe n'est pas vide */
3166 idir 183 
/*.js #group-settings-form .file-return:not(:empty):before {
184 
  content: "Fichier sélectionné: ";
3164 idir 185 
  font-style: normal;
186 
  font-weight: normal;
187 
}
3166 idir 188 
*/