X-Git-Url: http://git.cyclocoop.org/?p=burette%2Fpos_membership.git;a=blobdiff_plain;f=static%2Fsrc%2Fcss%2Fpos_nohover.css;fp=static%2Fsrc%2Fcss%2Fpos_nohover.css;h=9ffd9d21ec3617e55b6c44429edaf702d9d92033;hp=0000000000000000000000000000000000000000;hb=4aab88f5f023e35aaafc6fe5e80b9e7b3f2db5dd;hpb=1355dfbc5b5f8a4270b0f8f0e1e5171c51196e4e diff --git a/static/src/css/pos_nohover.css b/static/src/css/pos_nohover.css new file mode 100644 index 0000000..9ffd9d2 --- /dev/null +++ b/static/src/css/pos_nohover.css @@ -0,0 +1,171 @@ +/* NOTE: adapted from openerp/addons/point_of_sale/static/src/css/pos_nohover.css */ + +/* ********* The partner list ********* */ + +.point-of-sale .partner-list { + padding:10px; +} + +.point-of-sale .partner-list-scroller{ + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + width:100%; + height:100%; + overflow: hidden; +} +.point-of-sale .partner-list-container { + position:absolute; + top:0px; + bottom:0px; + left:0px; + right:0px; + background: #eeedff; +} + +/* a) the search box */ + +.point-of-sale #partners-screen .searchbox { + position: absolute; + right: 2px; +} +.point-of-sale #partners-screen .searchbox input { + width: 130px; + border-radius: 11px; + border: 1px solid #cecbcb; + padding: 3px 19px; + margin: 6px; + background: url("../img/search.png") no-repeat 5px; + background-color: white; +} +.point-of-sale #partners-screen .search-clear { + position: absolute; + top: 11px; + right: 11px; + cursor: pointer; + display: none; +} +.point-of-sale #partners-screen .search-create { + position: absolute; + top: 6px; + right: 22px; + cursor: pointer; + display: none; +} + +/* b) the partner */ + +.point-of-sale .partner { + position:relative; + vertical-align: top; + display: inline-block; + line-height: 100px; + font-size: 11px; + margin: 5px; + width: 120px; + height:120px; + background:#fff; + border: 1px solid #fff; + border-radius: 3px; + -webkit-box-shadow: 0px 1px 8px rgba(127,130,172,0.4); + -moz-box-shadow: 0px 1px 8px rgba(127,130,172,0.4); + box-shadow: 0px 1px 8px rgba(127,130,172,0.4); +} + +.point-of-sale .partner .partner-img { + position: relative; + width: 120px; + height: 100px; + background: white; + text-align: center; +} + +.point-of-sale .partner .partner-img img { + max-height: 100px; + max-width: 120px; +} + +.point-of-sale .partner .price-tag { + position: absolute; + top: 2px; + right: 2px; + vertical-align: top; + color: white; + line-height: 14px; + background: #7f82ac; + padding: 2px 5px; + border-radius: 3px; +} + +.point-of-sale .partner .partner-name { + position: absolute; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + bottom:0; + top:auto; + line-height: 14px; + width:100%; + background: -webkit-linear-gradient(-90deg,rgba(255,255,255,0),rgba(255,255,255,1), rgba(255,255,255,1)); + background: -moz-linear-gradient(-90deg,rgba(255,255,255,0),rgba(255,255,255,1), rgba(255,255,255,1)); + background: -ms-linear-gradient(-90deg,rgba(255,255,255,0),rgba(255,255,255,1), rgba(255,255,255,1)); + background: linear-gradient(-90deg,rgba(255,255,255,0),rgba(255,255,255,1), rgba(255,255,255,1)); + /*background:#FFF;*/ + padding: 3px; + padding-top:15px; +} + +/* c) the partner creation */ + +.point-of-sale .pos-step-container { + display: inline-block; + font-size: 1.5em; +} +.point-of-sale .greyed-out{ + color: #AAA; +} +.point-of-sale .pos-step-container input{ + font-size: 1em; +} + +.point-of-sale .pos-partner-create-container { + text-align: left; + min-width: 500px; +} +.point-of-sale .pos-partner-create-container .left-block{ + display: inline-block; + width:49%; + margin:0; + padding:0; + text-align:left; +} +.point-of-sale .pos-partner-create-container .header{ + margin-top: 50px; + margin-bottom:20px; + font-weight: bold; +} +.point-of-sale .pos-partner-create-container .infoline{ + margin-top:5px; + margin-bottom:5px; +} +.point-of-sale .pos-partner-create-container .right-block{ + display: inline-block; + width:49%; + margin:0; + padding:0; + text-align:right; +} +.point-of-sale .pos-partner-create-container table { + width: 100%; + margin-bottom: 20px; +} +.point-of-sale .pos-partner-create-container td { + vertical-align: middle; +} +.point-of-sale .pos-partner-create-container .partner-createline-type { + font-size: 1em; + font-weight: bold; + margin-right:10px; +}