diff --git a/htdocs/cashdesk/css/style.css b/htdocs/cashdesk/css/style.css index 7582126e8d1..9ac041bc811 100644 --- a/htdocs/cashdesk/css/style.css +++ b/htdocs/cashdesk/css/style.css @@ -62,7 +62,13 @@ p { font-size: 14px; width: 735px; height: 84px; - background: url('../img/bg_menu.png') no-repeat left top; + background: #CCCCCC; + background-image: linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(40,40,40,.3) 100%); + background-image: -o-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(40,40,40,.3) 100%); + background-image: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(40,40,40,.3) 100%); + background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(40,40,40,.3) 100%); + background-image: -ms-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(40,40,40,.3) 100%); + background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgba(255,255,255,.3)), color-stop(1, rgba(40,40,40,.3)) ); } .menu_bloc { @@ -334,12 +340,25 @@ p.titre { /* -------------- Boutons --------------------- */ .bouton_ajout_article,.bouton_mode_reglement,.bouton_validation { border: 1px solid #999; - background: #f7f7ff; + 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: #e7e7ff; +{ + 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 { @@ -472,4 +491,3 @@ p.titre { background-color: #3366cc; color: white ! important; } - diff --git a/htdocs/cashdesk/img/bg_menu.png b/htdocs/cashdesk/img/bg_menu.png deleted file mode 100644 index 7238950ab2e..00000000000 Binary files a/htdocs/cashdesk/img/bg_menu.png and /dev/null differ