diff --git a/posterita/src/web/css/calendarXP.css b/posterita/src/web/css/calendarXP.css new file mode 100644 index 0000000000..84e3b639a8 --- /dev/null +++ b/posterita/src/web/css/calendarXP.css @@ -0,0 +1,27 @@ +/** + * Product: Posterita Web-Based POS and Adempiere Plugin + * Copyright (C) 2007 Posterita Ltd + * This file is part of POSterita + * + * POSterita is free software; you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation; either version 2 of the License, or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License along + * with this program; if not, write to the Free Software Foundation, Inc., + * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA. + */ + +/** + @author tamak + */ + +td.month{width:104px;} +td.legend{color:black; font: bolder 14px, Arial; background-color:#006699;} +table.test{width:250px;} \ No newline at end of file diff --git a/posterita/src/web/css/common.jsp b/posterita/src/web/css/common.jsp new file mode 100644 index 0000000000..917b0104bf --- /dev/null +++ b/posterita/src/web/css/common.jsp @@ -0,0 +1,1282 @@ +/** + * Product: Posterita Web-Based POS and Adempiere Plugin + * Copyright (C) 2007 Posterita Ltd + * This file is part of POSterita + * + * POSterita is free software; you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation; either version 2 of the License, or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License along + * with this program; if not, write to the Free Software Foundation, Inc., + * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA. + */ + +/** + @author tamak + */ + + +<% +response.setContentType("text/css"); +String path = request.getContextPath() + "/"; +%> + +body +{ + font-family: arial,sans-serif; + font-size: 10pt; + letter-spacing: 1px; + color: #000000; +} + +div +{ + font-family: arial,sans-serif; + font-size: 10pt; + letter-spacing: 1px; + color: #000000; +} + +mandatory +{ + font-weight: bold; + text-align:right; + font-size:18px; + color: blue; +} + +p.loginHeader +{ + color: #666666; + font-size: 36px; + font-weight: bold; + font-family: arial,sans-serif; +} + + + +div.copyright +{ + background-color: #666666; + text-align: center; + color: #FFFFFF; + font-family: arial,sans-serif; + font-weight: bold; + font-size: 10pt; + letter-spacing: 1px; + padding: 2; +} + +label +{ + font-family: arial,sans-serif; + font-size: 10pt; + /*font-weight: bold;*/ + letter-spacing: 1px; + color: #000000; + padding-right: 4px; +} + +label.red +{ + font-family: arial,sans-serif; + font-size: 10pt; + /*font-weight: bold;*/ + letter-spacing: 1px; + color: #E83530; +} + + + + +label.green +{ + font-family: arial,sans-serif; + font-size: 10pt; + /*font-weight: bold;*/ + letter-spacing: 1px; + color: #0A9409; +} + +td.green +{ + font-family: arial,sans-serif; + font-size: 10pt; + /*font-weight: bold;*/ + letter-spacing: 1px; + background-color: #80FFC9; +} + +td.green input +{ + visibility:hidden; +} + +td.red +{ + font-family: arial,sans-serif; + font-size: 10pt; + /*font-weight: bold;*/ + letter-spacing: 1px; + background-color: #FF9980; +} +td.blue +{ + font-family: arial,sans-serif; + font-size: 10pt; + /*font-weight: bold;*/ + letter-spacing: 1px; + background-color: #80C9FF; +} +td.yellow +{ + font-family: arial,sans-serif; + font-size: 10pt; + /*font-weight: bold;*/ + letter-spacing: 1px; + background-color: #FFE680; +} + +div.errormsg +{ + background-image: url("<%= path + "images/pos/error.gif" %>"); + background-repeat: no-repeat; + background-position: left top; + font-family: arial,sans-serif; + font-weight: bold; + font-size: 10pt; + letter-spacing: 1px; + padding-left: 30px; + color: #E83530; +} + +legend +{ + font-family: arial,sans-serif; + font-size: 10pt; + font-weight: bold; + letter-spacing: 1px; + color:#0A9409; +} + + +input.text +{ + border: solid 1px #666666; + /*font-family: arial,sans-serif;*/ + font-size: 10pt; +} + +textarea.text +{ + border: solid 1px #666666; + /*font-family: arial,sans-serif;*/ + font-size: 10pt; +} + +select.text +{ + border: solid 1px #666666; + /*font-family: arial,sans-serif;*/ + font-size: 10pt; +} + + +input.medium +{ + width:100px; +} + +input:focus +{ + background-color: #CDD4E9; + border: solid 1px #333333; +} + + +.greencolor +{ + color:#0A9409; +} + +.completecolor +{ + color:#E83530; +} + +font.pagetitle +{ + font-size: 14pt; + color: #990000; +} + +font.reporttitle +{ + font-size: 14pt; +} + +font.reportsubtitle +{ + font-size: 12pt; +} + +div.main +{ + width:100%; + border:solid 1px #000000; + text-align: center; + overflow: inherit; + /*width:780px;*/ + /* height: 600px; */ +} + +div.header +{ + /*width: 800px;*/ + /* height: 110px; */ +} + +div.menu +{ + /*width: 800px;*/ + background-color: #D8D8D8; +} + +div.content +{ + /*width: 800px;*/ + min-height: 400px; + background-color: #F4F4F4; +} + +div.container +{ + width:780px; +} + +font +{ + font-family: arial,sans-serif; + font-size: 10pt; + font-weight: bold; + letter-spacing: 1px; + color: #555555; +} + +li.submenu +{ + list-style-image: url("<%= path + "images/pos/buttons/bullet_red.gif" %>"); + font-family: arial,sans-serif; + font-size: 10pt; + /*font-weight: bold;*/ + letter-spacing: 1px; + color: #000000; +} + +img.topmenu +{ + border-style: none; + +} + +img.button +{ + cursor:pointer; +} + +/* anchor sytles */ +a:hover +{ + color:#0A9409; +} + +a.topmenu +{ + text-decoration: none; + border-width: 0px; + border-style: none; +} + +a.submenu +{ + text-decoration: none; + color:#666666; + font-family: arial,sans-serif; + font-size: 11pt; + letter-spacing: 1px; + font-weight: bold; +} + +a +{ + text-decoration: none; + font-family: arial,sans-serif; + font-size: 11pt; + letter-spacing: 1px; +} + +a.forgotpassword +{ + color:#0A9409; + font-family: arial,sans-serif; + font-size: 12pt; + letter-spacing: 1px; + font-weight: bold; +} + +/* end of anchor styles */ + +/* Auto complete style */ +div.autocomplete { + position:absolute; + width:250px; + background-color:white; + border:1px solid #888; + margin:0px; + padding:0px; + overflow: auto; +} + +div.autocomplete ul { + list-style-type:none; + margin:0px; + padding:0px; +} +div.autocomplete ul li.selected { background-color: #ffb;} +div.autocomplete ul li { + list-style-type:none; + display:block; + margin:0; + padding:2px; + cursor:pointer; + letter-spacing: 1px; + font-size: 10pt; + font-family:arial,sans-serif; +} +div.notfound { + background-color: #ffb; +} + +/* tables styles */ +table.view +{ + border-collapse: collapse; + /*border: solid 1px black;*/ +} + +table.view td +{ + font-family: arial,sans-serif; + font-size: 10pt; + letter-spacing: 1px; + color: #000000; + padding: 5px 0px 5px 0px; +} + +table.layout +{ + padding-left: 10; + padding-right: 10; + padding-top: 0; + padding-bottom: 5; + + /* border:solid 1px #000000; */ +} + +table.main +{ + width: 100%; + /*border: solid 1px black;*/ + border-collapse: collapse; +} + +table.main td +{ + padding: 5px 0px 5px 0px; +} + +table.topmenu +{ + padding-left: 0; + padding-right: 0; + + /* border:solid 1px #000000; */ +} + +td.buttoncell +{ + padding-right: 0px; +} + +table.login +{ + width: 800px; + /*height: 600px;*/ + border: solid black 1px; + border-spacing: 0; +} + +table.content +{ + width: 100%; + /* border: solid 1px black; */ + border-collapse: collapse; +} + +table.content th +{ + font-family: arial,sans-serif; + font-size: 10pt; + font-weight: bold; + letter-spacing: 1px; + color: #FFFFFF; + background-color: #909090; +} + +table.content td.total +{ + font-family: arial,sans-serif; + font-size: 10pt; + font-weight: bold; + letter-spacing: 1px; + color: #FFFFFF; + background-color: #BBBBBB; +} + +table.content td +{ + font-family: arial,sans-serif; + font-size: 10pt; + letter-spacing: 1px; + font-weight: bold; + color: #000000; + padding: 5px 0px 5px 0px; + +} + +table.cart +{ + width: 100%; + /*border: solid 1px black;*/ + border-collapse: collapse; + border-spacing: 0px; + border: 0px; +} + +table.cart td +{ + font-family: arial,sans-serif; + font-size: 10pt; + letter-spacing: 1px; + font-weight: bold; + color: #000000; + padding: 5px 5px 5px 5px; +} + +table.cart th +{ + font-family: arial,sans-serif; + font-size: 10pt; + font-weight: bold; + letter-spacing: 1px; + color: #FFFFFF; + background-color: #909090; + padding: 5px 5px 5px 5px; +} + +table.cart td.total +{ + color: #FFFFFF; + background-color: #909090; +} + +table.cart td.label +{ + color: #000000; + background-color: #D8D8D8; +} + +table.cart td.contentname +{ + color: #000000; + background-color: #C9C9C9; +} + +table.content td.label +{ + font-family: arial,sans-serif; + font-size: 10pt; + letter-spacing: 1px; + font-weight: bold; + color: #000000; + background-color: #D8D8D8; +} + +table.content td.contentname +{ + font-family: arial,sans-serif; + font-size: 10pt; + letter-spacing: 1px; + font-weight: bold; + color: #ffffff; + background-color: #C9C9C9; +} + +table.orderheader td +{ + font-family: arial,sans-serif; + font-size: 10pt; + letter-spacing: 1px; + padding: 5px 0px 5px 0px; + color: #000000; +} + +/* +td.copyright +{ + height: 60px; + vertical-align: top; + padding: 0; +} +*/ + +table.display td a +{ + text-decoration: none; + color:blue; + font-family: arial,sans-serif; + font-size: 10pt; + letter-spacing: 1px; +} + +table.display +{ + width: 100%; + border-color: #000000; + border-collapse: collapse; +} + +table.display td.label +{ + /* + font-family: arial,sans-serif; + letter-spacing: 1px; + color: #000000; + */ + font-size: 8pt; + background-color: #D8D8D8; +} + +table.display td.contentname +{ + /* + font-family: arial,sans-serif; + font-size: 10pt; + letter-spacing: 1px; + color: #000000; + */ + background-color: #C9C9C9; +} + +table.display td +{ + font-family: arial,sans-serif; + font-size: 9pt; + letter-spacing: 1px; + color: #000000; + padding: 5px 5px 5px 5px; + border-color: #000000; + border-collapse: collapse; +} + +table.display th +{ + font-family: arial,sans-serif; + font-size: 9pt; + font-weight: bold; + letter-spacing: 1px; + color: #FFFFFF; + background-color: #909090; + padding: 5px 5px 5px 5px; + border-color: #000000; + border-collapse: collapse; +} + +caption +{ + font-family: arial,sans-serif; + font-size: 12pt; + font-weight: bold; + letter-spacing: 1px; + padding: 5px 5px 5px 5px; +} +/* end of table styles */ + +/* buttons styles */ +.advanced +{ + background-image: url("<%= path + "images/pos/buttons/button_advanced.gif" %>"); +} + +.continue +{ + background-image: url("<%= path + "images/pos/buttons/button_continue.gif" %>"); +} + +.complete +{ + background-image: url("<%= path + "images/pos/buttons/button_complete.gif" %>"); +} + +.addtocart +{ + background-image: url("<%= path + "images/pos/buttons/button_addtocart.gif" %>"); +} + +.newcustomer +{ + background-image: url("<%= path + "images/pos/buttons/button_newcustomer.gif" %>"); +} + +.checkout +{ + background-image: url("<%= path + "images/pos/buttons/button_checkout.gif" %>"); +} + +.delete +{ + background-image: url("<%= path + "images/pos/buttons/button_delete.gif" %>"); +} + +.neworder +{ + background-image: url("<%= path + "images/pos/buttons/button_neworder.gif" %>"); +} +.newnote +{ + background-image: url("<%= path + "images/pos/buttons/button_newnote.gif" %>"); +} + +.cash +{ + background-image: url("<%= path + "images/pos/buttons/button_cash.gif" %>"); +} + +.card +{ + background-image: url("<%= path + "images/pos/buttons/button_card.gif" %>"); +} + +.cheque +{ + background-image: url("<%= path + "images/pos/buttons/button_cheque.gif" %>"); +} + +.mixed +{ + background-image: url("<%= path + "images/pos/buttons/button_mixed.gif" %>"); +} + +.save +{ + background-image: url("<%= path + "images/pos/buttons/button_save.gif" %>"); +} + +.search +{ + background-image: url("<%= path + "images/pos/buttons/button_search.gif" %>"); +} + +.edit +{ + background-image: url("<%= path + "images/pos/buttons/button_edit.gif" %>"); +} + +.tangoSearch +{ + background-image: url("<%= path + "images/tango/system-search.png" %>"); +} + +.selectall +{ + background-image: url("<%= path + "images/pos/buttons/button_selectall.gif" %>"); +} + +.submit +{ + background-image: url("<%= path + "images/pos/buttons/button_submit.gif" %>"); +} + +.refresh +{ + background-image: url("<%= path + "images/pos/buttons/button_refresh.gif" %>"); +} + +.piechart +{ + background-image: url("<%= path + "images/pos/buttons/button_piechart.gif" %>"); +} + +.barchart +{ + background-image: url("<%= path + "images/pos/buttons/button_barchart.gif" %>"); +} + +.timeseries +{ + background-image: url("<%= path + "images/pos/buttons/button_timeseries.gif" %>"); +} + +.tabular +{ + background-image: url("<%= path + "images/pos/buttons/button_tabular.gif" %>"); +} + +.saveascsv +{ + background-image: url("<%= path + "images/pos/buttons/button_saveascsv.gif" %>"); +} + +.blank +{ + background-image: url("<%= path + "images/pos/buttons/button_blank.gif" %>"); +} + +.bigbutton +{ + background-repeat: no-repeat; + cursor: pointer; + border: 0px; + width: 127px; + height: 42px; + font-family: arial,sans-serif; + font-size: 12pt; + letter-spacing: 1px; + font-weight: bolder; + color: #666666; + padding: 0px; +} + +.smallbutton +{ + background-repeat: no-repeat; + cursor: pointer; + border: 0px; + width: 87px; + height: 42px; + font-family: arial,sans-serif; + font-size: 12pt; + letter-spacing: 1px; + font-weight: bolder; + color: #666666; + padding: 0px; +} + +.tangoButton +{ + background-repeat: no-repeat; + cursor: pointer; + border: 0px; + width: 32px; + height: 32px; + font-family: arial,sans-serif; + letter-spacing: 1px; + font-weight: bolder; + v-align:middle; + background-color:transparent; +} + +/* end of buttons styles */ + +div.space +{ + height:10px; + /* + border: solid 1px black; + background-color: #0000FF; + */ +} + +span.link +{ + cursor:pointer; + font-family: arial,sans-serif; + font-size: 10pt; + letter-spacing: 1px; + color: #0A9409; +} + +span.shortcutkey +{ + padding:0px 4px; + /*float:left;*/ +} + +span.shortcutkey label +{ + font-size: 10pt; + padding-right: 0px; +} + +span.shortcutkey label.red +{ + padding-left: 0px; +} + +/* Shopping Cart */ +div#shoppingCart +{ +/* + height:200; + overflow:auto; + border: solid 1px #555555; +*/ +} + +table.scroll +{ + border-color: #000000; + border-collapse: collapse; +} + +table.scroll td.label +{ + background-color: #D8D8D8; +} + +table.scroll td.contentname +{ + background-color: #C9C9C9; +} + +table.scroll td +{ + font-family: arial,sans-serif; + font-size: 9pt; + letter-spacing: 1px; + color: #000000; + padding: 5px 5px 5px 5px; + border-color: #000000; + border-collapse: collapse; +} + +table.scroll th +{ + font-family: arial,sans-serif; + font-size: 9pt; + font-weight: bold; + letter-spacing: 1px; + color: #FFFFFF; + background-color: #909090; + padding: 5px 5px 5px 5px; + border-color: #000000; + border-collapse: collapse; +} + +table.scroll a +{ + font-family: arial,sans-serif; + font-size: 9pt; +} + +table.popup +{ + background-color: #FFFFFF; + border: solid 1px #000000; +} + +table.popup td +{ + font-family: arial,sans-serif; + font-size: 9pt; + letter-spacing: 1px; + color: #000000; + padding: 5px 5px 5px 5px; + border-color: #000000; + border-collapse: collapse; +} + +div.popup +{ + font-family: arial,sans-serif; + font-size: 9pt; + letter-spacing: 1px; + position:absolute; + display:none; + background-color:#FFFFFF; +} + + +table.cart td.label div.popupDiv:hover +{ + background-color:#CDD4E9;; +} + +table.cart td.contentname div.popupDiv:hover +{ + background-color:#CDD4E9; +} + +/* +table.cart tr.popup:hover td.label,td.contentname +{ + background-color:#CDD4E9; +} +*/ + +table.report +{ + border-color: #000000; + border-collapse: collapse; + font-family: arial,sans-serif; + font-size: 9pt; + letter-spacing: 1px; +} + +table.cart tbody +{ +/* + style="height:200px; + overflow:auto"; +*/ +} + +.border +{ + border:solid 1px #000000; +} + +.error +{ + background-color:#E83530; + border:solid 1px #000000; +} + +div.scrollpane +{ + overflow:auto; + /*height:500px;*/ +} + +table.sortable th a +{ + font-family: arial,sans-serif; + font-size: 9pt; + font-weight: bold; + letter-spacing: 1px; + color: #FFFFFF; +} + +table.numericpad td +{ + text-align:center; + v-align:middle; +} + +div.key +{ + width:50px; + height:50px; + border:solid 1px #000000; + cursor:pointer; + text-align:center; + vertical-align: middle; + font-family: arial,sans-serif; + font-size: 14pt; + font-weight:bold; +} + +a.button +{ + text-decoration: none; + cursor: pointer; + border: 0px; + font-family: arial,sans-serif; + font-size: 10pt; + letter-spacing: 1px; + font-weight: bolder; + color: #606760; + padding: 2px 4px 2px 4px; + border:solid 1px #000000; + text-align:center; + background-color: #F2F2F2; +} + +a.button:hover +{ + background-color: #D8D8D8; +} + +div#PINPanel +{ + border:solid 2px #000000; + z-index:1000; + height:120px; + width:200px; + background-color: #F2F2F2; + padding: 4px; + display:none; +} + +div#divBack +{ + background-image: url("<%= path + "images/pos/maskBG.png" %>"); + filter: alpha(opacity=40); +} + +span.draftedcolor +{ + color:red; +} + +div.draftedcolor +{ + color:red; +} + +div.completecolor +{ + color:green; +} + +div.inprogresscolor +{ + color:yellow; +} + +div.closed +{ + color:blue; +} + +div.negativecolor +{ + color:red; +} +div.nomalcolor +{ + color:black; +} + +div#keyboard{ + position:absolute; + background-color: #FFFFFF; + border:solid 1px #000000; + z-index:3000; + display:none; +} + +div#uppercase{ + display:none; +} + +div#lowercase{ + display:block; +} + +div.keyboardHandler{ + background-color:#777777; + height:20px; + cursor:move; +} + +table.keyboard{ + background-color: #FFFFFF; +} + +table.keyboard td{ + vertical-align:middle; + text-align:center; + width:50px; + height:50px; + border:solid 1px #444444; + background-color: #FFFFFF; + cursor:pointer; + background-color:#F4F4F4; + font-family: arial,sans-serif; + font-size: 13pt; + letter-spacing: 1px; + font-weight: bolder; + color: #000000; +} + +table.keyboard td:hover{ + background-color:#FFFFFF; +} + +img#keyboardicon{ + display:none; + cursor: pointer; +} + +div.tooltip{ + width:200px; + z-index:1000; + background-color:#FDFDDB; + position:absolute; + border: solid 1px #000000; + padding:4px; + font-color:#333333; + font-size:10pt; +} + +div.pager{ + border: dashed 1px #000000; + padding:4px; + font-color:#333333; + font-size:10pt; + text-align:center; +} + +div.pager a{ + font-color:#333333; + font-size:10pt; + text-decoration:none; +} + +span.menu{ + text-decoration: none; + color:#000000; + padding:1px; + font-family: arial,sans-serif; + font-size: 11pt; + letter-spacing: 1px; + font-weight: bold; +} + +a.nodecoration:active,a.nodecoration:visited{ + text-decoration:none; +} + +fieldset.submenu{ + height:150px; +} + +.newbutton{ + background-repeat: repeat-x; + cursor: pointer; + font-family: verdana,arial,sans-serif; + font-size: 11pt; + font-weight:bold; + letter-spacing: 1px; + font-weight: bolder; + color: #666666; + height: 42px; + /*min-width:87px;*/ + background-image: url("<%= path + "images/pos/buttons/button_middle.gif" %>"); + border-left: solid 1px #9b9b9b; + border-right: solid 1px #9b9b9b; + border-top-width: 0px; + border-bottom-width: 0px; + padding-left:4px; + padding-right:4px; +} + +fieldset#createcustomer{ + height:150px; +} + +/* +.searchBox{ + background-image:url("<%= path + "images/pos/magnifying-glass.gif" %>"); + background-repeat:no-repeat; + padding-left:20px; +} +*/ + +span.drafted +{ + color:red; +} + +span.completed +{ + color:green; +} + +span.inprogress +{ + color:yellow; +} + +span.closed +{ + color:blue; +} + +div#errorbox +{ + background-color:#F3D9D9; + border: solid 1px #D41616; + padding: 4px; +} + +/***************************************************************************/ +div.popupwindow{ + display:inline; + position:absolute; + z-index:1000; + border: solid 1px #636363; + padding:0px; + visibility:hidden; +} + +div.popupwindow div{ + padding:4px; +} + +div.popupwindow div.title{ + color:#FFFFFF; + background:#ACACAC; + font-weight:bold; + /*font-size:13pt;*/ +} + +div.popupwindow div.footer{ + background:#EDEDED; + text-align:right; + background:#ACACAC; +} + +div.popupwindow div.messagebody{ + background:#EDEDED; +} + +div.popupwindow div.footer a{ + font-size:10pt; +} + +div#tenderPanel{ + /*height:170px;*/ + width:300px; +} + +div#customerInfoPanel{ + width:400px; +} + +div.disableMask +{ + background-image: url("<%= path + "images/pos/maskBG.png" %>"); + filter: alpha(opacity=40); +} + +div.ajaxindicator +{ + width:150px; + padding:10px; + border:solid 1px #000000; + background-color:#FFFFFF; + /*background-image: url("<%= path + "images/ajax-indicators/indicator.gif" %>");*/ + background-repeat:no-repeat; + background-position:left center; + padding-left:20px; + +} \ No newline at end of file diff --git a/posterita/src/web/css/global.css b/posterita/src/web/css/global.css new file mode 100644 index 0000000000..67c3f033f0 --- /dev/null +++ b/posterita/src/web/css/global.css @@ -0,0 +1,445 @@ +/** + * Product: Posterita Web-Based POS and Adempiere Plugin + * Copyright (C) 2007 Posterita Ltd + * This file is part of POSterita + * + * POSterita is free software; you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation; either version 2 of the License, or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License along + * with this program; if not, write to the Free Software Foundation, Inc., + * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA. + */ + +/** + @author tamak + */ + +/* +body{ + margin:0; + padding: 0; + } +*/ + +#navcontainer ul +{ + color: #fff; + font-family: Verdana, Arial, Helvetica, sans-serif; + background-color: #666; + background-image: url(../images/hnav_bg.gif); + margin: 0; + padding: 0; + width: 100%; + float: left; +} + +#navcontainer ul li +{ + display: inline; +} + +#navcontainer ul li a +{ + color: #c1c1c1; + font-size: 10px; + font-weight: bold; + text-decoration: none; + background-image: url(../images/hnav_div.gif); + background-repeat: no-repeat; + background-position: right 0; + text-transform: uppercase; + padding: 6px 10px; + float: left; +} + +#navcontainer ul li a:hover +{ + background-color: #555; + color: #fff; +} + +#navcontainer li#active a +{ + background-color: #555; + color: #fff; +} + + +body +{ + background:#C3C1A9; + background-image: url(../images/bgtile.gif); + background-repeat: repeat; +} + +td,th,p,ul,li,h1,h2,h3 +{ + font-family: Verdana, Arial, Helvetica, sans-serif; +} + +.corpLogoArea +{ + background-image: url(../images/iconmenu_bg.gif); + background-repeat: repeat-x; + background-position: center 0; + text-align: center; +} + +a.iconMenu:link, a.iconMenu:active, a.iconMenu:visited +{ + color: #fff; + font-size: 11px; + font-family: Verdana; + font-weight:500; + text-decoration: none; + text-transform: uppercase; +} + +a.iconMenu:hover +{ + color: #fff; + font-size: 11px; + font-family: Verdana; + font-weight:500; + text-transform: uppercase; + text-decoration: none; +} + + +.iconmenuLeft +{ + background-image: url(../images/iconmenu_l.gif); + background-repeat: no-repeat; +} + +.iconmenuDiv +{ + background-image: url(../images/iconmenu_div.gif); + background-repeat: no-repeat; + text-align:center; +} + + +.iconmenuBg +{ + background-image: url(../images/iconmenu_bg.gif); + background-repeat: repeat-x; +} + +.iconmenuRight +{ + background-image: url(../images/iconmenu_r.gif); + background-repeat: no-repeat ; +} + +.bodytext +{ + font-size: 12px; + color: #333; + line-height: 13px; +} + + +.main +{ + background-color: white; + border: solid 7px #a7a39c ; +} + +#content +{ + top: 0; + vertical-align: top; +} + +#content td +{ + color: #333; + font-size: 10px; + font-weight: normal; +} + +#content p +{ + margin-top: 0; + color: #9B9B81; + font-size: 10px; + font-weight: bold; +} + +h1 +{ + margin-top: 0; + color: #c03; + font-size: 14px; + font-weight: bold; + margin: 0; + padding-bottom: 20px; +} + +h2 +{ + margin-top: 0; + color: #c03; + font-size: 16px; + font-weight: bold; +} + +input.button +{ + background-color: #cccccc; + border: 1px #999999 solid; + color: #333333; + font-family: verdana; + font-weight: bold; + font-size: 10px; + text-transform: uppercase; + text-align: center; + width: 100px; + height: 18px; +} + + +.mainNavDiv +{ + background-image: url(../images/mainnav_div.gif); + background-repeat: repeat-y ; +} + + +/*Content Area Background*/ +.caTlc{ + background-image: url(../images/ca_tlc.gif); + background-repeat: no-repeat; + } + +.caTop{ + background-image: url(../images/ca_top_tile.gif); + background-repeat: repeat-x; + } + +.caTrc{ + background-image: url(../images/ca_trc.gif); + background-repeat: no-repeat; + } + +.caLeft{ + background-image: url(../images/ca_left_tile.gif); + background-repeat: repeat-y; + } + +.caRight +{ + background-image: url(../images/ca_right_tile.gif); + background-repeat: repeat-y; +} + +.caHeaderM{ + background-image: url(../images/ca_header_m.gif); + background-repeat: repeat-x; +/* font-color: #fff;*/ + font-size: 12px; + } + +.caHeaderL{ + background-image: url(../images/ca_header_l.gif); + } + + + +/*SUB MENU ITEMS*/ + +#submenu ul +{ + list-style-type: none; + background-image: url(../images/subnav_area.gif); +} + +#submenu li +{ + margin: 0; +} + +#submenu .submenu a:link, .submenu a:visited, .submenu a:active +{ + margin: 0; + width: auto; + height: 17px; + display: block; + text-align: left; + padding-left: 22px; + padding-top: 2px; + padding-right: 20px; + text-decoration: none; + font-family: Verdana, Arial, san-serif; + color: #333; + font-size: 10px; + font-weight: normal; +} + +#submenu .submenu a:hover +{ + width: auto; + padding-right: 20px; + color: #c03; + font-family: Verdana, Arial, san-serif; + font-size: 10px; + font-weight: normal; + text-decoration: none; +} + +#mainmenu li +{ + margin-bottom: 0px; +} + +#mainmenu .menu a:link, .menu a:visited, .menu a:active +{ + margin: 0; + width: 100%; + height: 17px; + display: block; + text-align: left; + padding-left: 22px; + padding-top: 2px; + border-top: 1px solid gray; + text-decoration: none; + color: #333; + font-size: 11px; + font-weight: bold; + vertical-align:middle; +} + +#mainmenu .menu a:hover +{ + color: #c03; + background: #ccc url(../images/menu_ov.gif) no-repeat; + border-top: solid 1px gray; + font-size: 11px; + font-weight: bold; + vertical-align:middle; +} + +a:link, a:visited, a:active +{ + font-size: 10px; + text-decoration: underline; + color: #c00000; + font-weight: normal; +} + +a:hover +{ + font-size: 10px; + text-decoration: none; + color: #c03; + font-weight: normal; +} + +h2 +{ + color: #CC0000; + font-size: 20px; + text-align: center; +} + +h3 +{ + color: #CC0000; + font-size: 18px; + text-align : right; +} + +table.ashtophead +{ + background-image: url(../images/mainnavhbg1.gif); + background-repeat: repeat; +} + +tr.ashtophead +{ + background-image: url(../images/mainnavhbg1.gif); + background-repeat: repeat; +} + +td.ashtophead +{ + background-image: url(../images/mainnavhbg1.gif); + background-repeat: repeat-x; +} + +a.ashLink:link , a.ashLink:visited, a.ashLink:active +{ + color: #DDDDDD; + font-size: 10px; + font-weight:500; + text-transform: uppercase; + text-decoration: none; +} + +a.ashLink:hover +{ + color: #FFFFFF; + font-size: 10px; + font-weight:500; + text-transform: uppercase; + text-decoration: none; +} + +input.buttonwide +{ + background-color: #cccccc; + border: 1px #999999 solid; + font-family: verdana; + font-weight:500; + color: #333333; + font-size: 10px; + text-transform: uppercase; + text-align: center; + width: 130px; + height: 18px; +} + + +.disclaimer +{ + font-size:10px; + color: #666666; + text-align: center; + font-weight:500; +} + +a.breadcr +{ + font-family: verdana; + font-size: 12px; + color: #999999; + text-decoration: none; + font-weight: 500; +} + +td.ashseparator +{ + font-size: 10px; +} + +td.logName +{ + color: #E3E3E3; + font-size: 10px; + font-weight: 500; +} + +td tr.hide +{ + visibility: hidden; +} + diff --git a/posterita/src/web/css/newPOS.css b/posterita/src/web/css/newPOS.css new file mode 100644 index 0000000000..789ee0bf7a --- /dev/null +++ b/posterita/src/web/css/newPOS.css @@ -0,0 +1,724 @@ +/** + * Product: Posterita Web-Based POS and Adempiere Plugin + * Copyright (C) 2007 Posterita Ltd + * This file is part of POSterita + * + * POSterita is free software; you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation; either version 2 of the License, or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License along + * with this program; if not, write to the Free Software Foundation, Inc., + * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA. + */ + +/** + @author tamak + */ + + +body +{ + font-family: arial,sans-serif; + font-size: 10pt; + letter-spacing: 1px; + color: #000000; + +} + +mandatory +{ + font-weight: bold; + text-align:right; + font-size:18px; + color: blue; +} + +p.loginHeader +{ + color: #666666; + font-size: 36px; + font-weight: bold; + font-family: arial,sans-serif; +} + + + +div.copyright +{ + background-color: #666666; + text-align: center; + color: #FFFFFF; + font-family: arial,sans-serif; + font-weight: bold; + font-size: 10pt; + letter-spacing: 1px; + padding: 2; +} + +label +{ + font-family: arial,sans-serif; + font-size: 10pt; + /*font-weight: bold;*/ + letter-spacing: 1px; + color: #000000; + padding-right: 4px; +} + +label.red +{ + font-family: arial,sans-serif; + font-size: 10pt; + /*font-weight: bold;*/ + letter-spacing: 1px; + color: #E83530; +} + +label.green +{ + font-family: arial,sans-serif; + font-size: 10pt; + /*font-weight: bold;*/ + letter-spacing: 1px; + color: #0A9409; +} + +li.errormsg +{ + list-style-image: url("../images/pos/error.jpg"); + font-family: arial,sans-serif; + font-size: 10pt; + /*font-weight: bold;*/ + letter-spacing: 1px; + color: #000000; +} + +legend +{ + font-family: arial,sans-serif; + font-size: 10pt; + font-weight: bold; + letter-spacing: 1px; + color:#0A9409; +} + + +input.text +{ + border: solid 1px #666666; + /*font-family: arial,sans-serif;*/ + font-size: 10pt; +} + +textarea.text +{ + border: solid 1px #666666; + /*font-family: arial,sans-serif;*/ + font-size: 10pt; +} + +select.text +{ + border: solid 1px #666666; + /*font-family: arial,sans-serif;*/ + font-size: 10pt; +} + + +input.medium +{ + width:100px; +} + +input:focus +{ + background-color: #CDD4E9; + border: solid 1px #333333; +} + + +font.greencolor +{ + color:#0A9409; +} + +font.redcolor +{ + color:#E83530; +} + +font.title +{ + font-size: 16pt; +} + +div.main +{ + width:800px; + border:solid 1px #000000; + text-align: center; + overflow: inherit; + /* height: 600px; */ +} + +div.header +{ + width:800px; + /* height: 110px; */ +} + +div.menu +{ + width:800px; + background-color: #D8D8D8; +} + +div.content +{ + width:800px; + min-height: 300px; + background-color: #F4F4F4; +} + +font +{ + font-family: arial,sans-serif; + font-size: 10pt; + font-weight: bold; + letter-spacing: 1px; + color: #555555; +} + +li.submenu +{ + list-style-image: url("../images/pos/buttons/bullet_red.gif"); + font-family: arial,sans-serif; + font-size: 10pt; + /*font-weight: bold;*/ + letter-spacing: 1px; + color: #000000; +} + +img.topmenu +{ + border-style: none; + +} + +img.button +{ + cursor:pointer; +} + +/* anchor sytles */ +a:hover +{ + color:#0A9409; +} + +a.topmenu +{ + text-decoration: none; + border-width: 0px; + border-style: none; +} + +a.submenu +{ + text-decoration: none; + color:#666666; + font-family: arial,sans-serif; + font-size: 11pt; + letter-spacing: 1px; + font-weight: bold; +} + +td.submenu +{ + text-decoration: none; + color:#666666; + font-family: arial,sans-serif; + font-size: 11pt; + letter-spacing: 1px; + font-weight: bold; +} + +a +{ + text-decoration: none; + font-family: arial,sans-serif; + font-size: 11pt; + letter-spacing: 1px; +} + +a.forgotpassword +{ + color:#0A9409; + font-family: arial,sans-serif; + font-size: 12pt; + letter-spacing: 1px; + font-weight: bold; +} + +/* end of anchor styles */ + +/* Auto complete style */ +div.autocomplete { + position:absolute; + width:250px; + background-color:white; + border:1px solid #888; + margin:0px; + padding:0px; + overflow: auto; +} + +div.autocomplete ul { + list-style-type:none; + margin:0px; + padding:0px; +} +div.autocomplete ul li.selected { background-color: #ffb;} +div.autocomplete ul li { + list-style-type:none; + display:block; + margin:0; + padding:2px; + cursor:pointer; + letter-spacing: 1px; + font-size: 10pt; + font-family:arial,sans-serif; +} +div.notfound { + background-color: #ffb; +} + +/* tables styles */ +table.view +{ + border-collapse: collapse; + /*border: solid 1px black;*/ +} + +table.view td +{ + font-family: arial,sans-serif; + font-size: 10pt; + letter-spacing: 1px; + color: #000000; + padding: 5px 0px 5px 0px; +} + +table.layout +{ + padding-left: 10; + padding-right: 10; + padding-top: 10; + padding-bottom: 10; + + /* border:solid 1px #000000; */ +} + +table.main +{ + width: 100%; + /*border: solid 1px black;*/ + border-collapse: collapse; +} + +table.main td +{ + padding: 5px 0px 5px 0px; +} + +table.topmenu +{ + padding-left: 10; + padding-right: 10; + + /* border:solid 1px #000000; */ +} + +td.buttoncell +{ + padding-right: 0px; +} + +table.login +{ + width: 800px; + /*height: 600px;*/ + border: solid black 1px; + border-spacing: 0; +} + +td.loginHeader +{ + height: 210px; + background-image: url("../images/pos/POS-LOGIN_01.gif"); + background-repeat: no-repeat; +} + +table.content +{ + width: 100%; + /* border: solid 1px black; */ + border-collapse: collapse; +} + +table.content th +{ + font-family: arial,sans-serif; + font-size: 10pt; + font-weight: bold; + letter-spacing: 1px; + color: #FFFFFF; + background-color: #909090; +} + +table.content td.total +{ + font-family: arial,sans-serif; + font-size: 10pt; + font-weight: bold; + letter-spacing: 1px; + color: #FFFFFF; + background-color: #BBBBBB; +} + +table.content td +{ + font-family: arial,sans-serif; + font-size: 10pt; + letter-spacing: 1px; + font-weight: bold; + color: #000000; + padding: 5px 0px 5px 0px; + +} + +table.cart +{ + width: 100%; + /*border: solid 1px black;*/ + border-collapse: collapse; + border-spacing: 0px; + border: 0px; +} + +table.cart td +{ + font-family: arial,sans-serif; + font-size: 10pt; + letter-spacing: 1px; + font-weight: bold; + color: #000000; + padding: 5px 5px 5px 5px; +} + +table.cart th +{ + font-family: arial,sans-serif; + font-size: 10pt; + font-weight: bold; + letter-spacing: 1px; + color: #FFFFFF; + background-color: #909090; + padding: 5px 5px 5px 5px; +} + +table.cart td.total +{ + font-family: arial,sans-serif; + font-size: 10pt; + font-weight: bold; + letter-spacing: 1px; + color: #FFFFFF; + background-color: #BBBBBB; +} + +table.cart td.label +{ + font-family: arial,sans-serif; + font-size: 10pt; + letter-spacing: 1px; + font-weight: bold; + color: #000000; + background-color: #D8D8D8; +} + +table.cart td.contentname +{ + font-family: arial,sans-serif; + font-size: 10pt; + letter-spacing: 1px; + font-weight: bold; + color: #000000; + background-color: #C9C9C9; +} + +table.content td.label +{ + font-family: arial,sans-serif; + font-size: 10pt; + letter-spacing: 1px; + font-weight: bold; + color: #000000; + background-color: #D8D8D8; +} + +table.content td.contentname +{ + font-family: arial,sans-serif; + font-size: 10pt; + letter-spacing: 1px; + font-weight: bold; + color: #000000; + background-color: #C9C9C9; +} + +table.orderheader td +{ + font-family: arial,sans-serif; + font-size: 10pt; + letter-spacing: 1px; + padding: 5px 0px 5px 0px; + color: #000000; +} + +/* +td.copyright +{ + height: 60px; + vertical-align: top; + padding: 0; +} +*/ + +table.display td a +{ + text-decoration: none; + color:blue; + font-family: arial,sans-serif; + font-size: 10pt; + letter-spacing: 1px; +} + +table.display +{ + width: 100%; + border: solid 1px black; + border-collapse: collapse; +} + +table.display td.label +{ + /* + font-family: arial,sans-serif; + font-size: 10pt; + letter-spacing: 1px; + color: #000000; + */ + background-color: #D8D8D8; +} + +table.display td.contentname +{ + /* + font-family: arial,sans-serif; + font-size: 10pt; + letter-spacing: 1px; + color: #000000; + */ + background-color: #C9C9C9; +} + +table.display td +{ + font-family: arial,sans-serif; + font-size: 9pt; + letter-spacing: 1px; + color: #000000; + padding: 5px 5px 5px 5px; +} + +table.display th +{ + font-family: arial,sans-serif; + font-size: 9pt; + font-weight: bold; + letter-spacing: 1px; + color: #FFFFFF; + background-color: #909090; + padding: 5px 5px 5px 5px; +} + +caption +{ + font-family: arial,sans-serif; + font-size: 12pt; + font-weight: bold; + letter-spacing: 1px; + padding: 5px 5px 5px 5px; +} +/* end of table styles */ + +/* buttons styles */ +.advanced +{ + background-image: url("../images/pos/buttons/button_advanced.gif"); +} + +.continue +{ + background-image: url("../images/pos/buttons/button_continue.gif"); +} + +.complete +{ + background-image: url("../images/pos/buttons/button_continue.gif"); +} + +.addtocart +{ + background-image: url("../images/pos/buttons/button_addtocart.gif"); +} + +.newcustomer +{ + background-image: url("../images/pos/buttons/button_newcustomer.gif"); +} + +.checkout +{ + background-image: url("../images/pos/buttons/button_checkout.gif"); +} + +.delete +{ + background-image: url("../images/pos/buttons/button_delete.gif"); +} + +.neworder +{ + background-image: url("../images/pos/buttons/button_neworder.gif"); +} + +.cash +{ + background-image: url("../images/pos/buttons/button_cash.gif"); +} + +.card +{ + background-image: url("../images/pos/buttons/button_card.gif"); +} + +.cheque +{ + background-image: url("../images/pos/buttons/button_cheque.gif"); +} + +.mixed +{ + background-image: url("../images/pos/buttons/button_mixed.gif"); +} + +.save +{ + background-image: url("../images/pos/buttons/button_submit.gif"); +} + +.submit +{ + background-image: url("../images/pos/buttons/button_submit.gif"); +} + +.refresh +{ + background-image: url("../images/pos/buttons/button_refresh.gif"); +} + +.piechart +{ + background-image: url("../images/pos/buttons/button_piechart.gif"); +} + +.barchart +{ + background-image: url("../images/pos/buttons/button_barchart.gif"); +} + +.timeseries +{ + background-image: url("../images/pos/buttons/button_timeseries.gif"); +} + +.tabular +{ + background-image: url("../images/pos/buttons/button_tabular.gif"); +} + +.bigbutton +{ + background-repeat: no-repeat; + cursor: pointer; + border: 0px; + width: 127px; + height: 42px; + font-family: arial,sans-serif; + font-size: 12pt; + letter-spacing: 1px; + font-weight: bolder; + color: #666666; + padding: 0px; +} + +.smallbutton +{ + background-repeat: no-repeat; + cursor: pointer; + border: 0px; + width: 87px; + height: 42px; + font-family: arial,sans-serif; + font-size: 12pt; + letter-spacing: 1px; + font-weight: bolder; + color: #666666; + padding: 0px; +} + +.tangobutton +{ + background-repeat: no-repeat; + cursor: pointer; + border: 0px; + width: 87px; + height: 42px; + font-family: arial,sans-serif; + font-size: 12pt; + letter-spacing: 1px; + font-weight: bolder; + color: #666666; + padding: 0px; +} + +/* end of buttons styles */ + +div.space +{ + height:10px; + /* + border: solid 1px black; + background-color: #0000FF; + */ +} + diff --git a/posterita/src/web/css/newPOS.jsp b/posterita/src/web/css/newPOS.jsp new file mode 100644 index 0000000000..e9f5879101 --- /dev/null +++ b/posterita/src/web/css/newPOS.jsp @@ -0,0 +1,34 @@ +<%-- + * Product: Posterita Web-Based POS and Adempiere Plugin + * Copyright (C) 2007 Posterita Ltd + * This file is part of POSterita + * + * POSterita is free software; you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation; either version 2 of the License, or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License along + * with this program; if not, write to the Free Software Foundation, Inc., + * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA. +--%> + +<%@ page import="org.posterita.lib.UdiConstants" %> +<%@ page import="org.compiere.util.Env" %> +<%@ page import="org.posterita.core.TmkJSPEnv" %> +<%@ page import="java.util.Properties" %> + +<% + String cssFile = "posteritaWarmsCSS.jsp"; + Properties ctx = TmkJSPEnv.getCtx(request); + String confCssFile = (String)Env.getContext(ctx, UdiConstants.CSS); + + if(confCssFile != null && confCssFile != "" && confCssFile.trim().length() > 0) + cssFile = confCssFile; +%> + diff --git a/posterita/src/web/css/posteritaWarmsCSS.jsp b/posterita/src/web/css/posteritaWarmsCSS.jsp new file mode 100644 index 0000000000..0bef4e76dd --- /dev/null +++ b/posterita/src/web/css/posteritaWarmsCSS.jsp @@ -0,0 +1,52 @@ +/** + * Product: Posterita Web-Based POS and Adempiere Plugin + * Copyright (C) 2007 Posterita Ltd + * This file is part of POSterita + * + * POSterita is free software; you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation; either version 2 of the License, or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License along + * with this program; if not, write to the Free Software Foundation, Inc., + * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA. + */ + +/** + @author tamak + */ + + +<% +response.setContentType("text/css"); +String path = request.getContextPath() + "/"; +%> + +.redcolor +{ + color:#E83530; +} + +td.loginHeader +{ + height: 210px; + width: 800px; + background-image: url("<%= path + "images/pos/logo.jpg" %>"); + background-position:center center; + background-repeat:no-repeat; +} + +td.headerLogo +{ + background-image: url("<%= path + "images/pos/logo.gif" %>"); + background-position:top left; + background-repeat:no-repeat; + height: 40px; + width: 320px; +} diff --git a/posterita/src/web/css/print.css b/posterita/src/web/css/print.css new file mode 100644 index 0000000000..56bf0f385d --- /dev/null +++ b/posterita/src/web/css/print.css @@ -0,0 +1,76 @@ +/** + * Product: Posterita Web-Based POS and Adempiere Plugin + * Copyright (C) 2007 Posterita Ltd + * This file is part of POSterita + * + * POSterita is free software; you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation; either version 2 of the License, or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License along + * with this program; if not, write to the Free Software Foundation, Inc., + * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA. + */ + +/** + @author tamak + */ + + +body, td, th, input { /* redundant rules for bad browsers */ + font-family: verdana, sans-serif; + font-size: 12px; + voice-family: "\"}\""; + voice-family: inherit; +} + +body{ + margin:40px; +} + +table.header{ + background-color:#FFFFFF; +} + +table.content { + border: 1px solid black; + border-collapse: collapse; + background-color: white; +} + +table.footer{ + background-color:#CCCCCC; +} + +th { + color: #333333; + font-weight:bold; + background-color: #CCCCCC; + text-align: left; +} + +td.contentname { + background-color: #F2F2F2; + font-family: Arial, Helvetica, sans-serif; + text-align: left; +} + +td.label { + background-color: #FAFAFA; + font-family: Arial, Helvetica, sans-serif; + text-align: left; +} + +.nodisplay{ + display:none; +} + +.big{ + height:50px; +} \ No newline at end of file diff --git a/posterita/src/web/css/style.css b/posterita/src/web/css/style.css new file mode 100644 index 0000000000..1c52557fad --- /dev/null +++ b/posterita/src/web/css/style.css @@ -0,0 +1,566 @@ +/** + * Product: Posterita Web-Based POS and Adempiere Plugin + * Copyright (C) 2007 Posterita Ltd + * This file is part of POSterita + * + * POSterita is free software; you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation; either version 2 of the License, or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License along + * with this program; if not, write to the Free Software Foundation, Inc., + * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA. + */ + +/** + @author tamak + */ + + +body { + margin: 10px; + font-family: Arial, Helvetica, sans-serif; + color: #000000; + font-size: 12px; + background-color: #C3C1A9; +} +a { + color: #be0027; + text-decoration: none; + font-size:11px; + font-weight:500; +} +a:hover { + color: #666666; + text-decoration: underline; + font-weight:500; + font-size:10px; +} +a:visited { + color: #be0027; + text-decoration: underline; + font-size:11px; + font-weight:500; +} +a.left, a:hover.left, a:active.left, a:visited.left{ + color: #be0027; + text-decoration: none; + font-size:10px; + font-weight:500; +} + +a.message { + color: #be0027; + font-size:11px; + text-decoration: none; + font-weight:500; +} +a:hover.message { + color: #666666; + font-size:11px; + text-decoration: none; + font-weight:500; +} +a:visited.message { + color: #CC0000; + text-decoration: none; + font-weight:500; +} + + +a:hover.submenu, a:link.submenu, a:visited.submenu, a:active.submenu { + color: #be0027; + text-decoration: none; + font-size:11px; +font-weight:500; +} + +/* +a:submenu.left { + color: #666666; + text-decoration: none; + font-size:11px; + font-weight:500; +} +a:submenu.left { + color: #CC0000; + text-decoration: none; + font-size:11px; + font-weight:500; +} +*/ + +h2 { + color: #be0027; + font-size: 20px; + text-align: center; +} +h3 { + color: #be0027; + font-size: 18px; +} + +h1 { + color: #be0027; + font-size: 16px; +} + +.titleleft { + background-image: url(../images/titleleft.png); + background-repeat: no-repeat; + width: 202px; +} +.titlemiddle { + background-image: url(../images/titlemiddle.png); + background-repeat: repeat-x; +} +.titleright { + background-image: url(../images/titleright.png); + background-repeat: no-repeat; + width: 21px; +} +.menutop { + background-image: url(../images/menutop.png); + background-repeat: no-repeat; + width: 168px; + height: 15px; +} +.menumiddle { + background-image: url(../images/menumiddle.png); + background-repeat: repeat-y; + width: 168px; + padding: 10px; +} +.menubottom { + background-image: url(../images/menubottom.png); + background-repeat: no-repeat; + width: 168px; + height: 15px; +} +.contenttopleft { + background-image: url(../images/contenttopleft.png); + background-repeat: no-repeat; + width: 15px; +} +.contenttop { + background-image: url(../images/contenttop.png); + background-repeat: repeat-x; + text-align:right; +} +.contenttopright { + background-image: url(../images/contenttopright.png); + background-repeat: no-repeat; + width: 17px; +} +.contentleft { + background-image: url(../images/contentleft.png); + background-repeat: repeat-y; + width: 15px; +} +.contentright { + background-image: url(../images/contentright.png); + background-repeat: repeat-y; + width: 17px; +} +.contentbottomleft { + background-image: url(../images/contentbottomleft.png); + background-repeat: no-repeat; + width: 15px; +} +.contentbottom { + background-image: url(../images/contentbottom.png); + background-repeat: repeat-x; +} +.contentbottomright { + background-image: url(../images/contentbottomright.png); + background-repeat: no-repeat; + width: 17px; + +} +.copy { + font-size:10px; + color: #666666; + text-align: center; +} + +tr.noborder +{ + border: hidden; + +} + +.borderBottom +{ + + color: #be0027; + border-bottom: 1px solid #be0027; +} + +.createcustomer +{ + border-bottom: 1px solid #be0027; + border-top: 1px solid #be0027; + border-left: 1px solid #be0027; + border-right: 1px solid #be0027; +} + + +table.content { + background-color: #CCCCCC; +} +td.contentname { + background-color: #F2F2F2; + font-family: Arial, Helvetica, sans-serif; + font-size: 12px; + text-align: left; +} + +tr.contentname { + background-color: #F2F2F2; + font-family: Arial, Helvetica, sans-serif; + font-size: 12px; + text-align: left; +} + +td.label { + background-color: #FAFAFA; + font-family: Arial, Helvetica, sans-serif; + font-size: 12px; + text-align: left; +} + +td.rightLabel { + background-color: #FAFAFA; + font-family: Arial, Helvetica, sans-serif; + font-size: 12px; + text-align: right; +} + +td.greyBgTextBold { + background-color: #F2F2F2; + font-family: Arial, Helvetica, sans-serif; + font-size: 12px; + font-weight: bold; +} + +td.contentnameCenter { + background-color: #F2F2F2; + text-align: center; +} +td.contentred { + background-color: #F2F2F2; + color: #CC0000; + font-weight: bold; +} +td.contenthead { + font-weight: bold; +} +tr.white { + background-color: #FFFFFF; +} +th { + color: #333333; + font-weight:bold; + background-color: #CCCCCC; + text-align: left; + font-size:12px; + +} +.nb { + color: #be0027; + font-weight: bold; +} +.loginbox { + border: 1px solid #999999; +} +.buttonwide{ + background-color: #cccccc; + border: 1px #999999 solid; + font-family: verdana; + font-weight: bold; + color: #333333; + font-size: 10px; + text-transform: uppercase; + text-align: center; + width: 130px; + height: 18px; + } +.button{ + background-color: #cccccc; + border: 1px #999999 solid; + font-family: verdana; + font-weight: bold; + color: #333333; + font-size: 10px; + text-transform: uppercase; + text-align:center; + width: 100px; + height: 18px; +} + +.button1{ + background-color: #cccccc; + border: 1px #999999 solid; + font-family: verdana; + font-weight: bold; + color: #333333; + font-size: 10px; + text-transform: uppercase; + text-align: center; + width: 120px; + height: 18px; +} + +.button2{ + background-color: #cccccc; + border: 1px #999999 solid; + font-family: verdana; + font-weight: bold; + color: #333333; + font-size: 10px; + text-transform: uppercase; + text-align: center; + width: 160px; + height: 18px; +} + +.pagetitle +{ +background-image: url(../images/tab.jpg); + background-repeat: repeat; + color: #be0027; + font-size: 18px; + font-family: verdana; + text-align:center; + padding-top: 9px; + height: 29px; +} +.pagetitlefont +{ +color: #be0027; + font-size: 18px; + font-family: verdana; + text-align:center; + padding-top: 9px; + height: 29px; +} +.buttonClass +{ +background: #FF6F0E; +color: white; +border: 0; +font-weight: bold; +font-size: 12 px; +} +.buttonClassHeight +{ +background: #FFFFFF; +color:#FF6F0E ; +border: 0; +font-family:Times New Roman; +font-weight: bold; +font-size: 36px; +} +.border0 +{ +border: 0; +} + +table.officeTable { + border: 1px solid black; + border-collapse: collapse; + background-color: white; +} +table.officeTable th { + border: 1px solid black; + background-color: white; +} +table.officeTable td +{ + border: 1px solid black; +} + + +table.content { + border: 1px solid black; + border-collapse: collapse; + background-color: white; +} + +.label +{ + font-family: Arial, Helvetica, sans-serif; + font-size: 12px; + text-align: left; +} + +.label12pxbold +{ + font-family: Arial, Helvetica, sans-serif; + font-size: 12px; + font-weight: bold; +} + + +td.borderBottom +{ + border-bottom: 1px solid #000000;; +} + +td.contentbold { + font-weight: bold; +} + +.orderTitle +{ + font-size: 14px; + font-family: Helvetica, Helvetica, sans-serif; + font-weight: bold; +} + +.ZZMessage +{ + font-size: 14px; + font-family: Helvetica, Helvetica, sans-serif; + font-weight: normal; + color:#CC0000; +} + +tr.noBorder +{ + border-collapse: collapse; + border-top: 0px solid #FFFFFF; + border-bottom: 0px solid #FFFFFF; + border-left: 0px solid #FFFFFF; + border-right: 0px solid #FFFFFF; +} + +.border +{ + border-top: 1px solid #000000; + border-bottom: 1px solid #000000; + border-left: 1px solid #000000; + font-family:Verdana, Arial, Helvetica; + font-size:12px; +} + + +.borderRight +{ + border-top: 1px solid #000000; + border-bottom: 1px solid #000000; + border-left: 1px solid #000000; + border-right: 1px solid #000000; + font-family:Verdana, Arial, Helvetica; + font-size:12px; +} + +.daySelectBox +{ + font-family:Verdana,Arial,Helvetica; + font-size:10px; + width:70px; + color:#000000; + border-width:0.2px; + border-color:#ededed; +} + +.monthSelectBox +{ + font-family:Verdana,Arial,Helvetica; + font-size:10px; + width:70px; + color:#000000; +} + +.yearSelectBox +{ + font-family:Verdana,Arial,Helvetica; + font-size:10px; + width:70px; + color:#000000; +} + +.customerDetails +{ + font-size: 12px; + font-family: Helvetica, Helvetica, sans-serif; + font-weight: bold; +} + +.header +{ + border-style:solid; + border-width:4px; + border-color: #CCCCCC; + font-size: 20px; +} + +select +{ + font-family: Arial, Helvetica, sans-serif; + font-size: 10px; +} +.boldgraysmall +{ +font-family: verdana; +font-size :11px; +color: #999999; +font-weight: 700; +} +.bolddarkgraysmall +{ +font-family: verdana; +font-size: 11px; +color: #333333; +font-weight: 700; +} + +a.breadcr +{ +font-family: verdana; +font-size: 12px; +color: #999999; +text-decoration: none; +font-weight: 500; +} + +a.viewcert +{ +font-family: verdana; +font-size: 10px; +color: #be0027; +font-weight: 500; +} +.breadcr +{ +font-family: verdana; +font-size: 12px; +color: #999999; +text-decoration: none; +font-weight: 500; +} +.darkgray +{ +font-family: verdana; +font-size: 12px; +color: #333333; +font-weight: 500; +} +.bolddarkgray +{ +font-family: verdana; +font-size: 12px; +color: #333333; +font-weight: 600; +} + + + + diff --git a/posterita/src/web/css/tamakWarmsCSS.jsp b/posterita/src/web/css/tamakWarmsCSS.jsp new file mode 100644 index 0000000000..483503d330 --- /dev/null +++ b/posterita/src/web/css/tamakWarmsCSS.jsp @@ -0,0 +1,52 @@ +/** + * Product: Posterita Web-Based POS and Adempiere Plugin + * Copyright (C) 2007 Posterita Ltd + * This file is part of POSterita + * + * POSterita is free software; you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation; either version 2 of the License, or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License along + * with this program; if not, write to the Free Software Foundation, Inc., + * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA. + */ + +/** + @author tamak + */ + + +<% +response.setContentType("text/css"); +String path = request.getContextPath() + "/"; +%> + +.redcolor +{ + color:#E83530; +} + +td.loginHeader +{ + height: 210px; + width: 800px; + background-image: url("<%= path + "images/pos/logo.jpg" %>"); + background-position:center center; + background-repeat:no-repeat; +} + +td.headerLogo +{ + background-image: url("<%= path + "images/pos/logo.gif" %>"); + background-position:top left; + background-repeat:no-repeat; + height: 40px; + width: 320px; +}