Subversion Repositories ALCASAR

Rev

Rev 2743 | Show entire file | Regard whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 2743 Rev 2747
Line 109... Line 109...
109
        max-height: 150px;
109
        max-height: 150px;
110
}
110
}
111
 
111
 
112
/* placement et proportion de la boite de saisie et de l'aide */
112
/* placement et proportion de la boite de saisie et de l'aide */
113
/* pour desktop */
113
/* pour desktop */
114
@media (min-width: 900px)
-
 
115
{
-
 
116
        .mobile-only {
114
.mobile-only {
117
                display: none;
115
        display: none;
118
        }
116
}
119
        #logon {
117
#logon {
120
                position: relative;
118
        position: relative;
Line 139... Line 137...
139
                border: 0px;
137
        border: 0px;
140
                margin-top: 25px;
138
        margin-top: 25px;
141
                width: 580px;
139
        width: 580px;
142
                padding-top: 10px;
140
        padding-top: 10px;
143
        }
141
}
-
 
142
#username_input,
-
 
143
#password_input {
-
 
144
        align: left;
-
 
145
}
-
 
146
/* hide placeholders for desktops */
-
 
147
::-webkit-input-placeholder {
-
 
148
/* WebKit browsers */
-
 
149
        color: transparent;
-
 
150
}
-
 
151
:-moz-placeholder {
-
 
152
/* Mozilla Firefox 4 to 18 */
-
 
153
        color: transparent;
-
 
154
}
-
 
155
::-moz-placeholder {
-
 
156
/* Mozilla Firefox 19+ */
-
 
157
        color: transparent;
-
 
158
}
-
 
159
:-ms-input-placeholder {
-
 
160
/* Internet Explorer 10+ */
-
 
161
        color: transparent;
-
 
162
}
-
 
163
input::placeholder {
-
 
164
        color: transparent;
-
 
165
}
-
 
166
textarea::-webkit-input-placeholder {
-
 
167
/* WebKit browsers */
-
 
168
        color: transparent;
-
 
169
}
-
 
170
textarea:-moz-placeholder {
-
 
171
/* Mozilla Firefox 4 to 18 */
-
 
172
        color: transparent;
-
 
173
}
-
 
174
textarea::-moz-placeholder {
-
 
175
/* Mozilla Firefox 19+ */
-
 
176
        color: transparent;
-
 
177
}
-
 
178
textarea:-ms-input-placeholder {
-
 
179
/* Internet Explorer 10+ */
-
 
180
        color: transparent;
-
 
181
}
-
 
182
textarea::placeholder {
-
 
183
        color: transparent;
144
}
184
}
145
/* pour mobile */
185
/* pour mobile */
146
@media (max-width: 900px)
186
@media (max-width: 900px)
147
{
187
{
148
        .desktop-only {
188
        .desktop-only {
Line 168... Line 208...
168
                padding-top: 10px;
208
                padding-top: 10px;
169
        }
209
        }
170
        input[type="text"]
210
        input[type="text"]
171
        {
211
        {
172
            font-size:30px;
212
            font-size:30px;
-
 
213
            color: grey;
173
        }
214
        }
174
        input[type="password"]
215
        input[type="password"]
175
        {
216
        {
176
            font-size:30px;
217
            font-size:30px;
-
 
218
            color: grey;
177
        }
219
        }
178
        #boite-logon INPUT {
220
        #boite-logon INPUT {
179
                border: #666666 1px solid;
221
                border: #666666 1px solid;
180
                padding: 2px;
222
                padding: 2px;
181
                font-family: arial;
223
                font-family: arial;
Line 187... Line 229...
187
        #boite-info {
229
        #boite-info {
188
                border: 0px;
230
                border: 0px;
189
                margin-top: 25px;
231
                margin-top: 25px;
190
                width: 580px;
232
                width: 580px;
191
                padding-top: 10px;
233
                padding-top: 10px;
-
 
234
        }
-
 
235
        #username_input,
-
 
236
        #password_input {
-
 
237
                align: center;
-
 
238
        }
-
 
239
 
-
 
240
        /* Placeholders */
-
 
241
        ::-webkit-input-placeholder {
-
 
242
        /* WebKit browsers */
-
 
243
         color: lightgrey;
-
 
244
        }
-
 
245
        :-moz-placeholder {
-
 
246
        /* Mozilla Firefox 4 to 18 */
-
 
247
                color: lightgrey;
-
 
248
        }
-
 
249
        ::-moz-placeholder {
-
 
250
        /* Mozilla Firefox 19+ */
-
 
251
                color: lightgrey;
-
 
252
        }
-
 
253
        :-ms-input-placeholder {
-
 
254
        /* Internet Explorer 10+ */
-
 
255
                color: lightgrey;
-
 
256
        }
-
 
257
        input::placeholder {
-
 
258
                color: lightgrey;
-
 
259
        }
-
 
260
        textarea::-webkit-input-placeholder {
-
 
261
        /* WebKit browsers */
-
 
262
                color: lightgrey;
-
 
263
        }
-
 
264
        textarea:-moz-placeholder {
-
 
265
        /* Mozilla Firefox 4 to 18 */
-
 
266
                color: lightgrey;
-
 
267
        }
-
 
268
        textarea::-moz-placeholder {
-
 
269
        /* Mozilla Firefox 19+ */
-
 
270
                color: lightgrey;
-
 
271
        }
-
 
272
        textarea:-ms-input-placeholder {
-
 
273
        /* Internet Explorer 10+ */
-
 
274
                color: lightgrey;
-
 
275
        }
-
 
276
        textarea::placeholder {
-
 
277
                color: lightgrey;
192
        }
278
        }
193
}
279
}
194
/*boite de dialogue de deconnection*/
280
/*boite de dialogue de deconnection*/
195
/* pour desktop */
281
/* pour desktop */
196
@media (min-width: 900px)
-
 
197
{
-
 
198
        .mobile-only {
282
.mobile-only {
199
                display: none;
283
        display: none;
200
        }
284
}
201
        #contenu_acces {
285
#contenu_acces {
202
                position: relative;
286
        position: relative;
Line 234... Line 318...
234
                top: -30px;
318
        top: -30px;
235
                left: -50px;
319
        left: -50px;
236
                width: 150px;
320
        width: 150px;
237
                height: 150px;
321
        height: 150px;
238
                z-index: 2;
322
        z-index: 2;
239
        }
-
 
240
}
323
}
241
/* pour mobile */
324
/* pour mobile */
242
@media (max-width: 900px)
325
@media (max-width: 900px)
243
{
326
{
244
        .desktop-only {
327
        .desktop-only {
245
                display: none;
328
                display: none;
-
 
329
        }
-
 
330
        .mobile-only {
-
 
331
                display: inline;
246
        }
332
        }
247
        #contenu_acces {
333
        #contenu_acces {
248
                position: relative;
334
                position: relative;
249
                width: 90%;
335
                width: 90%;
250
                height: 400px;
336
                height: 400px;