CSS For TakePOS

This commit is contained in:
Laurent Destailleur 2019-11-30 23:03:30 +01:00
parent 958ffa6ec8
commit c2f924f08f
2 changed files with 52 additions and 7 deletions

View File

@ -6,10 +6,39 @@ html,body {
width:100%;
}
.bodytakepos {
background-color: #EEE;
}
.center {
text-align: center;
}
button.calcbutton.poscolorblue {
background-color: #0066AA;
}
button.calcbutton2.poscolordelete {
background: rgb(255, 188, 185);
color: #633;
/*background-color: #884444;
color: #fff;*/
}
button.calcbutton {
background-color: #8c907e;
color: #fff;
/* border-color: unset; */
border-width: 0;
margin: 1px;
}
button.calcbutton2 {
color: #fff;
background-color: #5555AA;
border-width: 0px;
}
button.calcbutton {
display: inline-block;
position: relative;
@ -52,6 +81,12 @@ button.calcbutton3 {
height:24%;
}
button.actionbutton {
background: #EABCA6;
border: 2px solid #EEE;
min-height: 40px;
}
button.actionbutton {
display: inline-block;
position: relative;
@ -65,6 +100,12 @@ button.actionbutton {
height:24%;
}
.fa.fa-trash:before {
font-size: 1.5em;
}
div.wrapper{
float:left; /* important */
position:relative; /* important(so we can absolutely position the description div */
@ -72,7 +113,7 @@ div.wrapper{
height:25%;
margin:0;
padding:1px;
border: 2px solid #D1D1D1;
border: 2px solid #EEE;
/*box-shadow: 3px 3px 3px #bbb; */
text-align: center;
box-sizing: border-box;
@ -86,7 +127,7 @@ div.wrapper2{
height:25%;
margin:0;
/* padding:1px; */
border: 2px solid #D1D1D1;
border: 2px solid #EEE;
/*box-shadow: 3px 3px 3px #bbb;*/
text-align: center;
box-sizing: border-box;
@ -109,10 +150,13 @@ div.description{
width:100%;
/* styling below */
background-color:black;
color:white;
opacity:0.8; /* transparency */
filter:alpha(opacity=80); /* IE transparency */
/*color:white;*/
opacity:1; /* transparency */
/*filter:alpha(opacity=80); IE transparency */
text-align:center;
padding-top: 30px;
background: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1), white);
}
div.catwatermark{
@ -125,7 +169,7 @@ div.catwatermark{
text-align:center;
font-size: 20px;
display: none;
opacity: 0.8;
opacity: 0.25;
}
table.postablelines tr td {
@ -195,6 +239,7 @@ div.paymentbordline
padding-bottom: 10px;
padding-right: 5px;
padding-left: 5px;
min-height: 180px;
}
.div3{

View File

@ -617,7 +617,7 @@ $( document ).ready(function() {
});
</script>
<body style="overflow: hidden; background-color:#D1D1D1;">
<body class="bodytakepos" style="overflow: hidden;">
<?php
if ($conf->global->TAKEPOS_NUM_TERMINALS != "1" && $_SESSION["takeposterminal"] == "") print '<div id="dialog-info" title="TakePOS">'.$langs->trans('TerminalSelect').'</div>';
?>