Subversion Repositories ALCASAR

Compare Revisions

Ignore whitespace Rev 2745 → Rev 2747

/web/css/style_intercept.css
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;
}
/web/intercept.php
565,15 → 565,11
<tr>
<td class="desktop-only" width="20%" rowspan="4"> <img id="logo-organ" src="/images/organisme.png"></td>
<td class="desktop-only" width="30%" align="right"><?= $l_user ?></td>
<td class="desktop-only" width="50%" align="left"><input type="text" maxLength="32" name="username" autocomplete="off"></td>
<td class="mobile-only" width="100%" align="center"><input type="text" maxLength="32" name="username" autocomplete="off" placeholder="<?= $l_user ?>"></td>
<td id="username_input" width="100%" align="center"><input type="text" maxLength="32" name="username" autocomplete="off" placeholder="<?= $l_user ?>"></td>
</tr>
<tr>
<td class="desktop-only" align="right"><?= $l_password ?></td>
<td class="desktop-only" align="left"><input maxLength="32" type="password" name="password" autocomplete="off"></td>
 
<td class="mobile-only" width="100%" align="center"><input maxLength="32" type="password" name="password" autocomplete="off" placeholder="<?= $l_password ?>"></td>
</tr>
<td id="password_input" width="100%" align="center"><input maxLength="32" type="password" name="password" autocomplete="off" placeholder="<?= $l_password ?>"></td>
<tr>
<td height="23" id="authenticate-button" align="center"><input value="<?= $l_boutonO ?>" type="submit" name="button"></td>
<?php if ($service_SMS_status): ?>