summaryrefslogtreecommitdiff
path: root/addons/point_of_sale/static/src/css/keyboard.css
diff options
context:
space:
mode:
authorstephanchrst <stephanchrst@gmail.com>2022-05-10 21:51:50 +0700
committerstephanchrst <stephanchrst@gmail.com>2022-05-10 21:51:50 +0700
commit3751379f1e9a4c215fb6eb898b4ccc67659b9ace (patch)
treea44932296ef4a9b71d5f010906253d8c53727726 /addons/point_of_sale/static/src/css/keyboard.css
parent0a15094050bfde69a06d6eff798e9a8ddf2b8c21 (diff)
initial commit 2
Diffstat (limited to 'addons/point_of_sale/static/src/css/keyboard.css')
-rw-r--r--addons/point_of_sale/static/src/css/keyboard.css153
1 files changed, 153 insertions, 0 deletions
diff --git a/addons/point_of_sale/static/src/css/keyboard.css b/addons/point_of_sale/static/src/css/keyboard.css
new file mode 100644
index 00000000..ee5fcfe3
--- /dev/null
+++ b/addons/point_of_sale/static/src/css/keyboard.css
@@ -0,0 +1,153 @@
+/* Onscreen Keyboard http://net.tutsplus.com/tutorials/javascript-ajax/creating-a-keyboard-with-css-and-jquery/ */
+
+/*rtl:ignore*/
+.pos .keyboard_frame{
+ display: none;
+ position:absolute;
+ left: 0;
+ bottom: 0px;
+ margin: 0;
+ padding: 0;
+ padding-top: 15px;
+ width: 100%;
+ height: 0px; /* 235px, animated via jquery */
+ background-color: #BBB;
+ overflow:hidden;
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ z-index:10000;
+}
+.pos .keyboard_frame .close_button{
+ height:40px;
+ width:60px;
+ text-align:center;
+ background-color: #DDD;
+ font-size: 12px;
+ line-height:40px;
+ -webkit-border-radius: 5px;
+ position:absolute;
+ top:0;
+ right:15px;
+ cursor: pointer;
+}
+/*rtl:ignore*/
+.pos .keyboard li {
+ float: left;
+ text-align: center;
+ background-color: #fff;
+ border: 1px solid #f0f0f0;
+ top:0;
+ cursor: pointer;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ -webkit-transition-property: top, background-color;
+ -webkit-transition-duration: 0.2s;
+ -webkit-transition-timing-function: linear;
+}
+/*rtl:ignore*/
+.pos .keyboard li:active{
+ position: relative;
+ top: 2px;
+ left: 0px;
+ border-color: #ddd;
+ background-color:#e5e5e5;
+ cursor: pointer;
+ -webkit-transition-property: top, background-color;
+ -webkit-transition-duration: 0.1s;
+ -webkit-transition-timing-function: ease-out;
+}
+.pos .uppercase {
+ text-transform: uppercase;
+}
+.pos .on {
+ display: none;
+}
+/*rtl:ignore*/
+.pos .firstitem{
+ clear: left;
+}
+/*rtl:ignore*/
+.pos .keyboard .lastitem {
+ margin-right: 0 !important;
+}
+
+/* ---- full sized keyboard ---- */
+
+.pos .full_keyboard {
+ list-style: none;
+ font-size: 14px;
+ width: 685px;
+ height: 100%;
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
+/*rtl:ignore*/
+.pos .full_keyboard li{
+ margin: 0 5px 5px 0 !important;
+ width: 40px;
+ height: 40px;
+ line-height: 40px;
+}
+.pos .full_keyboard .tab, .pos .full_keyboard .delete {
+ width: 70px;
+}
+.pos .full_keyboard .capslock {
+ width: 80px;
+}
+.pos .full_keyboard .return {
+ width: 77px;
+}
+.pos .full_keyboard .left-shift {
+ width: 95px;
+}
+.pos .full_keyboard .right-shift {
+ width: 109px;
+}
+
+/*rtl:ignore*/
+.pos .full_keyboard .space {
+ clear: left;
+ width: 673px;
+}
+
+/* ---- simplified keyboard ---- */
+
+.pos .simple_keyboard {
+ list-style: none;
+ font-size: 16px;
+ width: 555px;
+ height: 220px;
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
+/*rtl:ignore*/
+.pos .simple_keyboard li{
+ margin: 0 5px 5px 0 !important;
+ width: 49px;
+ height: 49px;
+ line-height: 49px;
+}
+/*rtl:ignore*/
+.pos .simple_keyboard .firstitem.row_asdf{
+ margin-left:25px !important;
+}
+/*rtl:ignore*/
+.pos .simple_keyboard .firstitem.row_zxcv{
+ margin-left:55px !important;
+}
+.pos .simple_keyboard .delete{
+ width: 103px;
+}
+.pos .simple_keyboard .return{
+ width: 103px;
+}
+.pos .simple_keyboard .space{
+ width:273px;
+}
+.pos .simple_keyboard .numlock{
+ width:103px;
+}