Brighter button. We use CSS and no more image.

This commit is contained in:
Laurent Destailleur 2014-10-03 11:27:12 +02:00
parent 1b0b49cceb
commit bc1279ccfa
7 changed files with 50 additions and 98 deletions

View File

@ -215,11 +215,6 @@ p.titre {
border: 1px solid #6d3f6d; border: 1px solid #6d3f6d;
} }
.bouton_login input {
background: #fff;
border: 1px solid #6d3f6d;
}
.principal { .principal {
float: left; float: left;
margin: 0 15px; margin: 0 15px;
@ -331,29 +326,6 @@ p.titre {
} }
/* -------------- Boutons --------------------- */ /* -------------- Boutons --------------------- */
.bouton_ajout_article,.bouton_mode_reglement,.bouton_validation {
border: 1px solid #999;
background: #f7f7f7;
background-image: linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(80,80,80,.3) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(80,80,80,.3) 100%);
background-image: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(80,80,80,.3) 100%);
background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(80,80,80,.3) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(80,80,80,.3) 100%);
background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgba(255,255,255,.3)), color-stop(1, rgba(80,80,80,.3)) );
}
.bouton_ajout_article:hover,.bouton_mode_reglement:hover,.bouton_validation:hover
{
background: #cccccc;
background-image: linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(80,80,80,.3) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(80,80,80,.3) 100%);
background-image: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(80,80,80,.3) 100%);
background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(80,80,80,.3) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(80,80,80,.3) 100%);
background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgba(255,255,255,.3)), color-stop(1, rgba(80,80,80,.3)) );
}
.bouton_ajout_article { .bouton_ajout_article {
margin-top: 10px; margin-top: 10px;
width: 100%; width: 100%;

View File

@ -152,7 +152,7 @@ print "</tr>\n";
</table> </table>
<br> <br>
<div align="center"><span class="bouton_login"><input name="sbmtConnexion" type="submit" value=<?php echo $langs->trans("Connection"); ?> /></span></div> <div align="center"><span class="bouton_login"><input class="button" name="sbmtConnexion" type="submit" value=<?php echo $langs->trans("Connection"); ?> /></span></div>
</form> </form>
</fieldset> </fieldset>

View File

@ -144,7 +144,7 @@ $langs->load("cashdesk");
</tr> </tr>
</table> </table>
<input class="bouton_ajout_article" type="submit" id="sbmtEnvoyer" value="<?php echo $langs->trans("AddThisArticle"); ?>" /> <input class="button bouton_ajout_article" type="submit" id="sbmtEnvoyer" value="<?php echo $langs->trans("AddThisArticle"); ?>" />
</form> </form>
</fieldset> </fieldset>
@ -179,7 +179,7 @@ $langs->load("cashdesk");
$langs->load("errors"); $langs->load("errors");
print '<input class="bouton_mode_reglement_disabled" type="button" name="btnModeReglement" value="'.$langs->trans("Cash").'" title="'.dol_escape_htmltag($langs->trans("ErrorModuleSetupNotComplete")).'" />'; print '<input class="bouton_mode_reglement_disabled" type="button" name="btnModeReglement" value="'.$langs->trans("Cash").'" title="'.dol_escape_htmltag($langs->trans("ErrorModuleSetupNotComplete")).'" />';
} }
else print '<input class="bouton_mode_reglement" type="submit" name="btnModeReglement" value="'.$langs->trans("Cash").'" onclick="javascript: verifClic(\'ESP\');" />'; else print '<input class="button bouton_mode_reglement" type="submit" name="btnModeReglement" value="'.$langs->trans("Cash").'" onclick="javascript: verifClic(\'ESP\');" />';
print '</td>'; print '</td>';
print '<td>'; print '<td>';
if (empty($_SESSION['CASHDESK_ID_BANKACCOUNT_CHEQUE']) || $_SESSION['CASHDESK_ID_BANKACCOUNT_CHEQUE'] < 0) if (empty($_SESSION['CASHDESK_ID_BANKACCOUNT_CHEQUE']) || $_SESSION['CASHDESK_ID_BANKACCOUNT_CHEQUE'] < 0)
@ -187,7 +187,7 @@ $langs->load("cashdesk");
$langs->load("errors"); $langs->load("errors");
print '<input class="bouton_mode_reglement_disabled" type="button" name="btnModeReglement" value="'.$langs->trans("CreditCard").'" title="'.dol_escape_htmltag($langs->trans("ErrorModuleSetupNotComplete")).'" />'; print '<input class="bouton_mode_reglement_disabled" type="button" name="btnModeReglement" value="'.$langs->trans("CreditCard").'" title="'.dol_escape_htmltag($langs->trans("ErrorModuleSetupNotComplete")).'" />';
} }
else print '<input class="bouton_mode_reglement" type="submit" name="btnModeReglement" value="'.$langs->trans("CreditCard").'" onclick="javascript: verifClic(\'CB\');" />'; else print '<input class="button bouton_mode_reglement" type="submit" name="btnModeReglement" value="'.$langs->trans("CreditCard").'" onclick="javascript: verifClic(\'CB\');" />';
print '</td>'; print '</td>';
print '<td>'; print '<td>';
if (empty($_SESSION['CASHDESK_ID_BANKACCOUNT_CB']) || $_SESSION['CASHDESK_ID_BANKACCOUNT_CB'] < 0) if (empty($_SESSION['CASHDESK_ID_BANKACCOUNT_CB']) || $_SESSION['CASHDESK_ID_BANKACCOUNT_CB'] < 0)
@ -195,7 +195,7 @@ $langs->load("cashdesk");
$langs->load("errors"); $langs->load("errors");
print '<input class="bouton_mode_reglement_disabled" type="button" name="btnModeReglement" value="'.$langs->trans("Cheque").'" title="'.dol_escape_htmltag($langs->trans("ErrorModuleSetupNotComplete")).'" />'; print '<input class="bouton_mode_reglement_disabled" type="button" name="btnModeReglement" value="'.$langs->trans("Cheque").'" title="'.dol_escape_htmltag($langs->trans("ErrorModuleSetupNotComplete")).'" />';
} }
else print '<input class="bouton_mode_reglement" type="submit" name="btnModeReglement" value="'.$langs->trans("Cheque").'" onclick="javascript: verifClic(\'CHQ\');" />'; else print '<input class="button bouton_mode_reglement" type="submit" name="btnModeReglement" value="'.$langs->trans("Cheque").'" onclick="javascript: verifClic(\'CHQ\');" />';
print '</td>'; print '</td>';
?> ?>
</tr> </tr>
@ -203,14 +203,11 @@ $langs->load("cashdesk");
<table> <table>
<tr> <tr>
<td> <td>
<input class="bouton_mode_reglement" type="submit" name="btnModeReglement" value="<?php echo $langs->trans("Reported"); ?>" onclick="javascript: verifClic('DIF');" /> <input class="button bouton_mode_reglement" type="submit" name="btnModeReglement" value="<?php echo $langs->trans("Reported"); ?>" onclick="javascript: verifClic('DIF');" />
<?php <?php
echo $langs->trans("DateEcheance").' :'; echo $langs->trans("DateEcheance").' :';
print $form->select_date(-1,'txtDatePaiement'); print $form->select_date(-1,'txtDatePaiement');
?> ?>
<!-- <input class="texte2" type="text" id="txtDatePaiement" name="txtDatePaiement" value="" />
<input class="bouton_cal" type="image" src="img/calendrier.png" id="btnCalendrier" value="..." title="<?php echo $langs->trans("CalTip"); ?>" />
-->
</td> </td>
</tr> </tr>

View File

@ -184,14 +184,6 @@ legend { margin-bottom: 8px; }
padding: 0px 2px 0px 2px; padding: 0px 2px 0px 2px;
margin: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;
} }
.buttonajax {
font-family: <?php print $fontlist ?>;
border: 0px;
background-image: url(<?php echo $img_button ?>);
background-position: bottom;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
form { form {
padding: 0em 0em 0em 0em; padding: 0em 0em 0em 0em;
margin: 0em 0em 0em 0em; margin: 0em 0em 0em 0em;

View File

@ -209,14 +209,6 @@ legend { margin-bottom: 8px; }
padding: 0px 2px 0px 2px; padding: 0px 2px 0px 2px;
margin: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;
} }
.buttonajax {
font-family: <?php print $fontlist ?>;
border: 0px;
background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/button_bg.png',1); ?>);
background-position: bottom;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
form { form {
padding: 0em 0em 0em 0em; padding: 0em 0em 0em 0em;
margin: 0em 0em 0em 0em; margin: 0em 0em 0em 0em;

View File

@ -185,14 +185,6 @@ legend { margin-bottom: 8px; }
padding: 0px 2px 0px 2px; padding: 0px 2px 0px 2px;
margin: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;
} }
.buttonajax {
font-family: <?php print $fontlist ?>;
border: 0px;
background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/button_bg.png',1); ?>);
background-position: bottom;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
form { form {
padding: 0em 0em 0em 0em; padding: 0em 0em 0em 0em;
margin: 0em 0em 0em 0em; margin: 0em 0em 0em 0em;

View File

@ -308,46 +308,54 @@ legend { margin-bottom: 8px; }
fieldset { border: 1px solid #AAAAAA !important; box-shadow: 2px 2px 3px #DDD; } fieldset { border: 1px solid #AAAAAA !important; box-shadow: 2px 2px 3px #DDD; }
.button { .button, sbmtConnexion {
font-family: <?php print $fontlist ?>; font-family: <?php print $fontlist ?>;
background-image: url(<?php echo $img_button ?>); border-color: #c5c5c5;
background-position: bottom; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
border: 1px solid #C0C0C0; display: inline-block;
padding: 0.1em 0.7em; padding: 4px 14px;
margin: 0em 0.5em; margin-bottom: 0;
-moz-border-radius:0px 5px 0px 5px; text-align: center;
-webkit-border-radius:0px 5px 0px 5px; cursor: pointer;
border-radius:0px 5px 0px 5px; color: #333333;
-moz-box-shadow: 2px 2px 3px #DDD; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
-webkit-box-shadow: 2px 2px 3px #DDD; background-color: #f5f5f5;
box-shadow: 2px 2px 3px #DDD; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border: 1px solid #bbbbbb;
border-bottom-color: #a2a2a2;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
} }
.button:focus { .button:focus {
font-family: <?php print $fontlist ?>; -moz-box-shadow: 0px 0px 6px 1px rgba(0, 0, 60, 0.2), 0px 0px 0px rgba(60,60,60,0.1);
color: #222244; -webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 60, 0.2), 0px 0px 0px rgba(60,60,60,0.1);
background-image: url(<?php echo $img_button ?>); box-shadow: 0px 0px 6px 1px rgba(0, 0, 60, 0.2), 0px 0px 0px rgba(60,60,60,0.1);
background-position: bottom;
border: 1px solid #C0C0C0;
} }
.button:hover { .button:hover {
background: #dee7ec; -moz-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.2), 0px 0px 0px rgba(60,60,60,0.1);
-webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.2), 0px 0px 0px rgba(60,60,60,0.1);
box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.2), 0px 0px 0px rgba(60,60,60,0.1);
} }
.button:disabled { .button:disabled {
background: #ddd; opacity: 0.4;
} filter: alpha(opacity=40); /* For IE8 and earlier */
.buttonajax { box-shadow: none;
font-family: <?php print $fontlist ?>; -webkit-box-shadow: none;
border: 0px; -moz-box-shadow: none;
background-image: url(<?php echo $img_button ?>); cursor: auto;
background-position: bottom;
padding: 0.1em 0.7em;
margin: 0em 0.5em;
-moz-border-radius:0px 5px 0px 5px;
-webkit-border-radius:0px 5px 0px 5px;
border-radius:0px 5px 0px 5px;
-moz-box-shadow: 3px 3px 4px #DDD;
-webkit-box-shadow: 3px 3px 4px #DDD;
box-shadow: 3px 3px 4px #DDD;
} }
form { form {
padding:0px; padding:0px;
@ -841,16 +849,15 @@ form#login {
max-width: 540px; max-width: 540px;
border: 1px solid #A0A0A0; border: 1px solid #A0A0A0;
-moz-box-shadow: 3px 3px 4px #DDD;
-webkit-box-shadow: 3px 3px 4px #DDD;
box-shadow: 3px 3px 4px #DDD;
border-radius: 8px; border-radius: 8px;
border:solid 1px rgba(90,90,90,.4); border:solid 1px rgba(90,90,90,.4);
-moz-box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(60,60,60,0.15);
-webkit-box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(60,60,60,0.15); -webkit-box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(60,60,60,0.15);
box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(60,60,60,0.15); box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(60,60,60,0.15);
background-color: #FFFFFF; background-color: #FFFFFF;
background: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #fff), color-stop(100%, #f8f8f8));
background: -moz-linear-gradient(top, #fff, #f8f8f8);
} }
div#login_left, div#login_right { div#login_left, div#login_right {
display: inline-block; display: inline-block;