From bc1279ccfa0933aec5697c981f587678deedf826 Mon Sep 17 00:00:00 2001
From: Laurent Destailleur <eldy@destailleur.fr>
Date: Fri, 3 Oct 2014 11:27:12 +0200
Subject: [PATCH] Brighter button. We use CSS and no more image.
---
htdocs/cashdesk/css/style.css | 28 --------
htdocs/cashdesk/index.php | 2 +-
htdocs/cashdesk/tpl/facturation1.tpl.php | 13 ++--
htdocs/theme/auguria/style.css.php | 8 ---
htdocs/theme/bureau2crea/style.css.php | 8 ---
htdocs/theme/cameleo/style.css.php | 8 ---
htdocs/theme/eldy/style.css.php | 81 +++++++++++++-----------
7 files changed, 50 insertions(+), 98 deletions(-)
diff --git a/htdocs/cashdesk/css/style.css b/htdocs/cashdesk/css/style.css
index 578d8fed6a2..c71dd9b78bc 100644
--- a/htdocs/cashdesk/css/style.css
+++ b/htdocs/cashdesk/css/style.css
@@ -215,11 +215,6 @@ p.titre {
border: 1px solid #6d3f6d;
}
-.bouton_login input {
- background: #fff;
- border: 1px solid #6d3f6d;
-}
-
.principal {
float: left;
margin: 0 15px;
@@ -331,29 +326,6 @@ p.titre {
}
/* -------------- 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 {
margin-top: 10px;
width: 100%;
diff --git a/htdocs/cashdesk/index.php b/htdocs/cashdesk/index.php
index 8ea6063a5e4..a2eb40f2932 100644
--- a/htdocs/cashdesk/index.php
+++ b/htdocs/cashdesk/index.php
@@ -152,7 +152,7 @@ print "</tr>\n";
</table>
<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>
</fieldset>
diff --git a/htdocs/cashdesk/tpl/facturation1.tpl.php b/htdocs/cashdesk/tpl/facturation1.tpl.php
index 27c153b3799..1a009fcead0 100644
--- a/htdocs/cashdesk/tpl/facturation1.tpl.php
+++ b/htdocs/cashdesk/tpl/facturation1.tpl.php
@@ -144,7 +144,7 @@ $langs->load("cashdesk");
</tr>
</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>
</fieldset>
@@ -179,7 +179,7 @@ $langs->load("cashdesk");
$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")).'" />';
}
- 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>';
if (empty($_SESSION['CASHDESK_ID_BANKACCOUNT_CHEQUE']) || $_SESSION['CASHDESK_ID_BANKACCOUNT_CHEQUE'] < 0)
@@ -187,7 +187,7 @@ $langs->load("cashdesk");
$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")).'" />';
}
- 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>';
if (empty($_SESSION['CASHDESK_ID_BANKACCOUNT_CB']) || $_SESSION['CASHDESK_ID_BANKACCOUNT_CB'] < 0)
@@ -195,7 +195,7 @@ $langs->load("cashdesk");
$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")).'" />';
}
- 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>';
?>
</tr>
@@ -203,14 +203,11 @@ $langs->load("cashdesk");
<table>
<tr>
<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
echo $langs->trans("DateEcheance").' :';
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>
</tr>
diff --git a/htdocs/theme/auguria/style.css.php b/htdocs/theme/auguria/style.css.php
index f4832bddac8..9a47c431fc7 100644
--- a/htdocs/theme/auguria/style.css.php
+++ b/htdocs/theme/auguria/style.css.php
@@ -184,14 +184,6 @@ legend { margin-bottom: 8px; }
padding: 0px 2px 0px 2px;
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 {
padding: 0em 0em 0em 0em;
margin: 0em 0em 0em 0em;
diff --git a/htdocs/theme/bureau2crea/style.css.php b/htdocs/theme/bureau2crea/style.css.php
index 950b2ce0001..0c7fa823f3e 100644
--- a/htdocs/theme/bureau2crea/style.css.php
+++ b/htdocs/theme/bureau2crea/style.css.php
@@ -209,14 +209,6 @@ legend { margin-bottom: 8px; }
padding: 0px 2px 0px 2px;
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 {
padding: 0em 0em 0em 0em;
margin: 0em 0em 0em 0em;
diff --git a/htdocs/theme/cameleo/style.css.php b/htdocs/theme/cameleo/style.css.php
index 41dc3b57179..b39bb7de505 100644
--- a/htdocs/theme/cameleo/style.css.php
+++ b/htdocs/theme/cameleo/style.css.php
@@ -185,14 +185,6 @@ legend { margin-bottom: 8px; }
padding: 0px 2px 0px 2px;
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 {
padding: 0em 0em 0em 0em;
margin: 0em 0em 0em 0em;
diff --git a/htdocs/theme/eldy/style.css.php b/htdocs/theme/eldy/style.css.php
index 1424fc838e9..53169c94755 100644
--- a/htdocs/theme/eldy/style.css.php
+++ b/htdocs/theme/eldy/style.css.php
@@ -308,46 +308,54 @@ legend { margin-bottom: 8px; }
fieldset { border: 1px solid #AAAAAA !important; box-shadow: 2px 2px 3px #DDD; }
-.button {
+.button, sbmtConnexion {
font-family: <?php print $fontlist ?>;
- background-image: url(<?php echo $img_button ?>);
- background-position: bottom;
- border: 1px solid #C0C0C0;
- 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: 2px 2px 3px #DDD;
- -webkit-box-shadow: 2px 2px 3px #DDD;
- box-shadow: 2px 2px 3px #DDD;
+ border-color: #c5c5c5;
+ border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
+ display: inline-block;
+ padding: 4px 14px;
+ margin-bottom: 0;
+ text-align: center;
+ cursor: pointer;
+ color: #333333;
+ text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
+ background-color: #f5f5f5;
+ 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 {
- font-family: <?php print $fontlist ?>;
- color: #222244;
- background-image: url(<?php echo $img_button ?>);
- background-position: bottom;
- border: 1px solid #C0C0C0;
+ -moz-box-shadow: 0px 0px 6px 1px rgba(0, 0, 60, 0.2), 0px 0px 0px rgba(60,60,60,0.1);
+ -webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 60, 0.2), 0px 0px 0px rgba(60,60,60,0.1);
+ box-shadow: 0px 0px 6px 1px rgba(0, 0, 60, 0.2), 0px 0px 0px rgba(60,60,60,0.1);
}
.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 {
- background: #ddd;
-}
-.buttonajax {
- font-family: <?php print $fontlist ?>;
- border: 0px;
- background-image: url(<?php echo $img_button ?>);
- 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;
+ opacity: 0.4;
+ filter: alpha(opacity=40); /* For IE8 and earlier */
+ box-shadow: none;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ cursor: auto;
}
form {
padding:0px;
@@ -841,16 +849,15 @@ form#login {
max-width: 540px;
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: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);
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: -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 {
display: inline-block;
--
GitLab