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;