ordersprinter/webapp/css/bestformat.css

582 lines
10 KiB
CSS

@CHARSET "UTF-8";
table.viewtable {
width: 100%;
display: block;
table-layout: fixed;
}
table.viewtable th {
background:#7abe5f;
font-size:10pt;
border-bottom:1px solid rgba(255,255,255,.7);
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
-o-box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
padding:6px 10px;}
table.viewtable td {
background:#eed33f;
font-size:8pt;
border-bottom:1px solid #fafafa;
border-bottom:1px solid rgba(255,255,255,.5);
padding:6px 10px;
color:rgba(0,0,0,255);}
table.viewtable th.complete {
background:#17370b;
color:rgba(255,255,255,0);}
table.viewtable th.incomplete {
background:#9c9224;
color:rgba(0,0,0,255);}
table.viewtable td.complete {
background:#78bb5e;
color:rgba(0,0,0,255);}
table.viewtable td.incomplete {
background:#eed33f;
color:rgba(0,0,0,255);}
table.viewtable tr:last-child td {
border-bottom:none;
}
table.viewtable tr:hover td {
background-color: #ffaaff;
}
table.receipttable td {
border: solid black 0px;
padding: 3px;
text-align:left;
vertical-align:bottom;
}
table.receipttable td.price {
border: solid black 0px;
padding: 3px;
text-align:right;
vertical-align:bottom;
}
table.receipttable td.restinfo {
text-align:center;
vertical-align:bottom;
}
table.receipttable td.declaration {
font-weight:bold;
text-align:right;
}
table.gridtable {
font-family: verdana,arial,sans-serif;
font-size:20px;
color:#333333;
border-width: 2px;
border-color: #666666;
border-collapse: collapse;
width: 100%;
}
table.gridtable th {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #666666;
background-color: #dedede;
font-weight:bold;
}
table.gridtable td {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #666666;
background-color: #ffffff;
}
table.linetable {
font-family: verdana,arial,sans-serif;
font-size:20px;
color:#333333;
border-width: 2px;
border-color: #666666;
border-collapse: collapse;
width: 100%;
}
table.linetable th {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #666666;
background-color: #dedede;
font-weight:bold;
}
table.linetable td {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #666666;
}
table.linetable tr{
background: #ffffff;
}
table.linetable tr:hover {
background-color: #ffaaff;
}
table.reporttable {
font-family: verdana,arial,sans-serif;
font-size:20px;
color:#333333;
border: solid black 2px;
border-color: #666666;
border-collapse: collapse;
width: 100%;
border-spacing: 10px;
}
table.reporttable th {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #666666;
background-color: #dedede;
font-weight:bold;
}
table.reporttable td {
border: solid black 0px
padding: 8px;
text-align:left;
vertical-align:top;
}
table.reporttable tr{
background: #d6f8be;
}
table.reporttable tr:hover {
background-color: #ffaaff;
}
table.commandtable {
font-family: verdana,arial,sans-serif;
font-size:20px;
color:#333333;
border-width: 1px;
border-color: #666666;
border-collapse: collapse;
width: 100%;
}
table.commandtable th {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #666666;
background-color: #e4d662;
font-weight:bold;
}
table.commandtable td {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #666666;
background-color: #ffffff;
font-weight:bold;
}
table.navitable {
font-family: verdana,arial,sans-serif;
font-size:20px;
color:#333333;
border-width: 1px;
border-color: #666666;
border-collapse: collapse;
width: 100%;
}
table.navitable th {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #666666;
background-color: #d09696;
font-weight:bold;
}
table.navitable td {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #666666;
background-color: #c08f8f;
}
table.infotable {
font-family: verdana,arial,sans-serif;
font-size:20px;
color:#333333;
border-width: 1px;
border-color: #666666;
border-collapse: collapse;
width: 100%;
}
table.infotable th {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #666666;
background-color: #c3c3ff;
font-weight:bold;
}
table.infotable td {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #666666;
background-color: #c3c3ff;
}
table.billtable {
font-family: verdana,arial,sans-serif;
font-size:20px;
color:#000000;
border: solid black 2px;
border-color: #000000;
border-collapse: collapse;
width: 100%;
border-spacing: 10px;
}
table.billtable th {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #666666;
background-color: #c3c3ff;
font-weight:bold;
text-align:left;
}
table.billtable #pricecolheader {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #666666;
background-color: #c3c3ff;
font-weight:bold;
text-align:right;
}
table.billtable td {
border: solid black 0px
padding: 8px;
background-color: #ffffff;
text-align:left;
}
table.billtable #pricecol {
border: solid black 0px
padding: 8px;
background-color: #ffffff;
text-align:right;
}
table.billtable #totalprice {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #666666;
background-color: #c3c3ff;
font-weight:bold;
text-align:center;
}
.grid_right {
text-align :right;
font-style: italic;
}
.userinfo {
font-style: italic;
}
.counting {
position: absolute;
top: 0px; bottom: 0px; right: 90px;
width: 80px;
border: 0;
background-color: rgb(246, 246, 246, 0.0) !important;
}
.counting:hover {
background-color: rgb(0,255,0);
}
.goup {
position: absolute;
top: 5px; bottom: 0px; right: 90px;
border: 0;
background-color: rgb(246, 246, 246) !important;
}
.osroom-1 {
height: 40px !important;
}
.osroom-2 {
height: 70px !important;
}
.ostable-1 {
height: 40px !important;
}
.ostable-2 {
height: 70px !important;
}
.osprod-1 {
height: 40px !important;
}
.osprod-2 {
height: 70px !important;
}
.osbigbtn.ui-btn {
height: 40px !important;
text-align: center;
line-height:30px;
}
table.prodtable {
font-family: verdana,arial,sans-serif;
font-size:20px;
color:#333333;
border-width: 1px;
border-color: #666666;
border-collapse: collapse;
width: 70%;
}
table.prodtable th {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #666666;
background-color: OrangeRed;
font-weight:bold;
}
table.prodtable .prodtype td{
background-color: DarkGreen;
}
table.prodtable tr > td:first-child {
text-align:left;
}
table.prodtable td {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #666666;
background-color: LimeGreen;
text-align:right;
font-weight:bold;
white-space:nowrap;
max-width:50%;
word-break:break-all;
}
table.prodtable input {
line-height:30px;
background-color: PaleGreen;
font-weight:bold;
}
table.prodtable select {
background-color: PaleGreen;
font-weight:bold;
width: 100%;
}
table.prodtable option.yes {
background-color: green;
}
table.prodtable option.no {
background-color: red;
}
table.prodtable .prodpriceA {
width: 50px;
text-align: right;
}
table.prodtable .prodpriceB {
width: 50px;
text-align: right;
}
table.prodtable .prodpriceC {
width: 50px;
text-align: right;
}
.prodinfo,.srinfo {
position: absolute;
top: 0px; bottom: 0px; right: 20px;
width: 20px;
border: 0;
background-color: rgb(246, 246, 246, 0.0) !important;
}
.waitinfo {
position: absolute;
top: 0px; bottom: 0px; right: 20px;
border: 0;
background-color: rgb(246, 246, 246, 0.0) !important;
}
.waitinfo img {
position: absolute;
top: 0px; bottom: 0px; right: 20px;
height: 35px;
border: 0;
background-color: rgb(246, 246, 246, 0.0) !important;
}
.typehigher {
text-align:right;
background-color: rgb(246, 246, 246, 0.0) !important;
}
.typetop {
text-align:left;
background-color: rgb(246, 246, 246, 0.0) !important;
}
@media all and (min-width: 0em){
.typetop img { width:100px; }
.typehigher img { width:100px; }
}
@media all and (min-width: 20em){
.typetop img { width:120px; }
.typehigher img { width:120px; }
}
@media all and (min-width: 40em){
.typetop img { width:160px; }
.typehigher img { width:160px; }
}
.prodminus,.srminus {
position: absolute;
top: 0px; bottom: 0px; right: 130px;
width: 20px;
border: 0;
background-color: rgb(246, 246, 246, 0.0) !important;
}
.prodcount,.srprodcount {
position: absolute;
top: 10px; bottom: 0px; right: 95px;
width: 20px;
border: 0;
background-color: rgb(246, 246, 246, 0.0) !important;
}
.prodplus,.srplus {
position: absolute;
top: 0px; bottom: 0px; right: 60px;
height: 20px;
border: 0;
background-color: rgb(246, 246, 246, 0.0) !important;
}
.prodplus img {
width: 30px;
}
.prodminus img {
width: 30px;
}
.srplus img {
width: 30px;
}
.srminus img {
width: 30px;
}
.srminus:hover, .prodminus:hover{
height: 40px;
width: 30px;
background-color: rgb(0, 255, 0);
}
.srplus:hover, .prodplus:hover{
height: 40px;
width: 30px;
background-color: rgb(0, 255, 0);
}
.prodinfo img:hover,.srinfo img:hover {
background-color: rgb(0, 255, 0);
}
.tbusy {
color:black !important;
font-weight:bold;
font-style: italic;
}
.tempty {
color:gray !important;
color:gray !important;
font-weight:normal;
}
.overlaytxt {
background: linear-gradient(red, yellow);
color: black; font-weight: bold;
border-radius: 25px;
border: 3px solid #000000;
padding: 8px;
}
.overlayfull {
background: linear-gradient(red, yellow);
}
.overlayempty {
background: linear-gradient(green, yellow);
}
.overlaysize-0 {
font-size: 7px;
}
.overlaysize-1 {
font-size: 12px;
}
.overlaysize-2 {
font-size: 15px;
}
.prodreadyicon {
position: absolute;
top: 0px; bottom: 0px; right: 70px;
height: 20px;
border: 0;
background-color: rgb(246, 246, 246, 0.0) !important;
}
.prodreadyicon:hover {
height: 40px;
background-color: rgb(0, 255, 0);
}
.prodreadycount {
position: absolute;
top: 10px; bottom: 0px; right: 40px;
width: 20px;
border: 0;
background-color: rgb(246, 246, 246, 0.0) !important;
}
.changetableprodlist {
width:100%;
background-color: LightCyan;
resize: none;
}
.usersums {
border: solid black 3px;
background-color: rgb(255, 232, 188);
}
.usersums td {
border: solid black 1px;
padding: 3px;
text-align:right;
vertical-align:bottom;
}