CSS For TakePOS
This commit is contained in:
parent
958ffa6ec8
commit
c2f924f08f
@ -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{
|
||||
|
||||
@ -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>';
|
||||
?>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user