111,37 → 111,77 |
|
/* placement et proportion de la boite de saisie et de l'aide */ |
/* pour desktop */ |
@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; |
} |
.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; |
} |
#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) |
{ |
154,7 → 194,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; |
} |
170,10 → 210,12 |
input[type="text"] |
{ |
font-size:30px; |
color: grey; |
} |
input[type="password"] |
{ |
font-size:30px; |
color: grey; |
} |
#boite-logon INPUT { |
border: #666666 1px solid; |
190,54 → 232,95 |
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 */ |
@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; |
.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; |
} |
#boite_logo{ |
position: absolute; |
top: -30px; |
left: -50px; |
width: 150px; |
height: 150px; |
z-index: 2; |
} |
-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; |
} |
/* pour mobile */ |
@media (max-width: 900px) |
{ |
244,6 → 327,9 |
.desktop-only { |
display: none; |
} |
.mobile-only { |
display: inline; |
} |
#contenu_acces { |
position: relative; |
width: 90%; |
256,7 → 342,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; |
} |
271,7 → 357,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; |
} |
311,7 → 397,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; |
} |
363,7 → 449,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; |
} |
441,7 → 527,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; |
} |
496,7 → 582,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; |
} |
518,7 → 604,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; |
} |
547,7 → 633,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; |
} |