111,77 → 111,37 |
|
/* placement et proportion de la boite de saisie et de l'aide */ |
/* pour desktop */ |
.mobile-only { |
display: none; |
@media (min-width: 900px) |
{ |
.mobile-only { |
display: none; |
} |
#logon { |
position: relative; |
width: 620px; |
top: 20px; |
/* ombrage css3*/ |
-moz-box-shadow: 0px 0px 12px #000; |
-webkit-box-shadow: 0px 0px 12px #000; |
box-shadow: 0px 0px 12px #000; |
} |
#boite-logon { |
background-image: linear-gradient(#efefef, #d5d5d5); |
padding: 10px; |
width: 420px; |
height: 189px; |
} |
#boite-logon TD { |
padding-top: 10px; |
padding-left: 30px; |
} |
#boite-info { |
border: 0px; |
margin-top: 25px; |
width: 580px; |
padding-top: 10px; |
} |
} |
#logon { |
position: relative; |
width: 620px; |
top: 20px; |
/* ombrage css3*/ |
-moz-box-shadow: 0px 0px 12px #000; |
-webkit-box-shadow: 0px 0px 12px #000; |
box-shadow: 0px 0px 12px #000; |
} |
#boite-logon { |
background-image: linear-gradient(#efefef, #d5d5d5); |
padding: 10px; |
width: 420px; |
height: 189px; |
} |
#boite-logon TD { |
padding-top: 10px; |
padding-left: 30px; |
} |
#boite-info { |
border: 0px; |
margin-top: 25px; |
width: 580px; |
padding-top: 10px; |
} |
#username_input, |
#password_input { |
align: left; |
} |
/* hide placeholders for desktops */ |
::-webkit-input-placeholder { |
/* WebKit browsers */ |
color: transparent; |
} |
:-moz-placeholder { |
/* Mozilla Firefox 4 to 18 */ |
color: transparent; |
} |
::-moz-placeholder { |
/* Mozilla Firefox 19+ */ |
color: transparent; |
} |
:-ms-input-placeholder { |
/* Internet Explorer 10+ */ |
color: transparent; |
} |
input::placeholder { |
color: transparent; |
} |
textarea::-webkit-input-placeholder { |
/* WebKit browsers */ |
color: transparent; |
} |
textarea:-moz-placeholder { |
/* Mozilla Firefox 4 to 18 */ |
color: transparent; |
} |
textarea::-moz-placeholder { |
/* Mozilla Firefox 19+ */ |
color: transparent; |
} |
textarea:-ms-input-placeholder { |
/* Internet Explorer 10+ */ |
color: transparent; |
} |
textarea::placeholder { |
color: transparent; |
} |
/* pour mobile */ |
@media (max-width: 900px) |
{ |
194,7 → 154,7 |
width: 100%; |
top: 10px; |
/* ombrage css3*/ |
-moz-box-shadow: 0px 0px 12px #000; |
-moz-box-shadow: 0px 0px 12px #000; |
-webkit-box-shadow: 0px 0px 12px #000; |
box-shadow: 0px 0px 12px #000; |
} |
210,12 → 170,10 |
input[type="text"] |
{ |
font-size:30px; |
color: grey; |
} |
input[type="password"] |
{ |
font-size:30px; |
color: grey; |
} |
#boite-logon INPUT { |
border: #666666 1px solid; |
232,95 → 190,54 |
width: 580px; |
padding-top: 10px; |
} |
#username_input, |
#password_input { |
align: center; |
} |
|
/* Placeholders */ |
::-webkit-input-placeholder { |
/* WebKit browsers */ |
color: lightgrey; |
} |
:-moz-placeholder { |
/* Mozilla Firefox 4 to 18 */ |
color: lightgrey; |
} |
::-moz-placeholder { |
/* Mozilla Firefox 19+ */ |
color: lightgrey; |
} |
:-ms-input-placeholder { |
/* Internet Explorer 10+ */ |
color: lightgrey; |
} |
input::placeholder { |
color: lightgrey; |
} |
textarea::-webkit-input-placeholder { |
/* WebKit browsers */ |
color: lightgrey; |
} |
textarea:-moz-placeholder { |
/* Mozilla Firefox 4 to 18 */ |
color: lightgrey; |
} |
textarea::-moz-placeholder { |
/* Mozilla Firefox 19+ */ |
color: lightgrey; |
} |
textarea:-ms-input-placeholder { |
/* Internet Explorer 10+ */ |
color: lightgrey; |
} |
textarea::placeholder { |
color: lightgrey; |
} |
} |
/*boite de dialogue de deconnection*/ |
/* pour desktop */ |
.mobile-only { |
display: none; |
} |
#contenu_acces { |
position: relative; |
width: 640px; |
height: 400px; |
top: -20px; |
padding-top: 0px; |
margin-left: auto; |
margin-right: auto; |
z-index: 1; |
@media (min-width: 900px) |
{ |
.mobile-only { |
display: none; |
} |
#contenu_acces { |
position: relative; |
width: 640px; |
height: 400px; |
top: -20px; |
padding-top: 0px; |
margin-left: auto; |
margin-right: auto; |
z-index: 1; |
|
/* ombrage CSS3 */ |
/* ombrage CSS3 */ |
|
-moz-box-shadow: 1px 1px 10px #000; |
-webkit-box-shadow: 1px 1px 10px #000; |
box-shadow: 1px 1px 10px #000; |
} |
#cadre_titre{ |
position: relative; |
width: 730px; |
height: 98px; |
margin-top: 40px; |
margin-left: auto; |
margin-right: auto; |
z-index: 2; |
-moz-box-shadow: 1px 1px 10px #000; |
-webkit-box-shadow: 1px 1px 10px #000; |
box-shadow: 1px 1px 10px #000; |
} |
#cadre_titre{ |
position: relative; |
width: 730px; |
height: 98px; |
margin-top: 40px; |
margin-left: auto; |
margin-right: auto; |
z-index: 2; |
|
/* ombrage css3 */ |
/* ombrage css3 */ |
|
-moz-box-shadow: 1px 4px 10px #000; |
-webkit-box-shadow: 1px 4px 10px #000; |
box-shadow: 1px 4px 10px #000; |
-moz-box-shadow: 1px 4px 10px #000; |
-webkit-box-shadow: 1px 4px 10px #000; |
box-shadow: 1px 4px 10px #000; |
} |
#boite_logo{ |
position: absolute; |
top: -30px; |
left: -50px; |
width: 150px; |
height: 150px; |
z-index: 2; |
} |
} |
#boite_logo{ |
position: absolute; |
top: -30px; |
left: -50px; |
width: 150px; |
height: 150px; |
z-index: 2; |
} |
/* pour mobile */ |
@media (max-width: 900px) |
{ |
327,9 → 244,6 |
.desktop-only { |
display: none; |
} |
.mobile-only { |
display: inline; |
} |
#contenu_acces { |
position: relative; |
width: 90%; |
342,7 → 256,7 |
|
/* ombrage CSS3 */ |
|
-moz-box-shadow: 1px 1px 10px #000; |
-moz-box-shadow: 1px 1px 10px #000; |
-webkit-box-shadow: 1px 1px 10px #000; |
box-shadow: 1px 1px 10px #000; |
} |
357,7 → 271,7 |
|
/* ombrage css3 */ |
|
-moz-box-shadow: 1px 4px 10px #000; |
-moz-box-shadow: 1px 4px 10px #000; |
-webkit-box-shadow: 1px 4px 10px #000; |
box-shadow: 1px 4px 10px #000; |
} |
397,7 → 311,7 |
|
/* ombrage css3*/ |
|
-moz-box-shadow: 0px 0px 6px #000; |
-moz-box-shadow: 0px 0px 6px #000; |
-webkit-box-shadow: 0px 0px 6px #000; |
box-shadow: 0px 0px 6px #000; |
} |
449,7 → 363,7 |
|
/* ombrage CSS3 */ |
|
-moz-box-shadow: 1px 1px 10px #000; |
-moz-box-shadow: 1px 1px 10px #000; |
-webkit-box-shadow: 1px 1px 10px #000; |
box-shadow: 1px 1px 10px #000; |
} |
527,7 → 441,7 |
background-repeat: repeat-x; |
|
/* ombrage CSS3 */ |
-moz-box-shadow: 1px 1px 6px #666; |
-moz-box-shadow: 1px 1px 6px #666; |
-webkit-box-shadow: 1px 1px 6px #666; |
box-shadow: 1px 1px 6px #666; |
} |
582,7 → 496,7 |
background-repeat: repeat-x; |
|
/* ombrage CSS3 */ |
-moz-box-shadow: 0px 0px 0px #fff; |
-moz-box-shadow: 0px 0px 0px #fff; |
-webkit-box-shadow: 0px 0px 0px #fff; |
box-shadow: 0px 0px 0px #fff; |
} |
604,7 → 518,7 |
background-repeat: repeat-x !important; |
|
/* ombrage CSS3 */ |
-moz-box-shadow: 1px 1px 6px #666 !important; |
-moz-box-shadow: 1px 1px 6px #666 !important; |
-webkit-box-shadow: 1px 1px 6px #666 !important; |
box-shadow: 1px 1px 6px #666 !important; |
} |
633,7 → 547,7 |
background-color: #efefef; |
|
/* ombrage CSS3 */ |
-moz-box-shadow: 1px 1px 6px #666; |
-moz-box-shadow: 1px 1px 6px #666; |
-webkit-box-shadow: 1px 1px 6px #666; |
box-shadow: 1px 1px 6px #666; |
} |