[imp] reformat css

bzr revid: nicolas.vanhoren@openerp.com-20111004114029-pjuygq20hrx374dh
This commit is contained in:
niv-openerp 2011-10-04 13:40:29 +02:00
parent 1d0e74cc9d
commit c7f35b451c
1 changed files with 301 additions and 268 deletions

View File

@ -1,86 +1,89 @@
body, html { body, html {
height: 100%; } height: 100%;
}
body { body {
padding: 0; padding: 0;
margin: 0; margin: 0;
background-color: #f0eeee; background-color: #f0eeee;
font-family: "Lucida Grande", Helvetica, Verdana, Arial; font-family: "Lucida Grande", Helvetica, Verdana, Arial;
color: #555555; color: #555555;
font-size: 12px; } font-size: 12px;
}
table { table {
border-spacing: 0; border-spacing: 0;
border-collapse: collapse; } border-collapse: collapse;
}
td { td {
border: 1px solid #e9eaec; } border: 1px solid #e9eaec;
}
input { input {
color: #555555; } color: #555555;
}
a { a {
text-decoration: none; text-decoration: none;
color: #555555; } color: #555555;
}
button, a.button { button, a.button {
display: inline-block; display: inline-block;
cursor: pointer; cursor: pointer;
padding: 4px 10px; padding: 4px 10px;
font-size: 11px; font-size: 11px;
border: 1px solid #cacaca; border: 1px solid #cacaca;
-moz-border-radius: 4px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
border-radius: 4px; border-radius: 4px;
background: #e2e2e2; background: #e2e2e2;
background: -moz-linear-gradient(#f0f0f0, #e2e2e2); background: -moz-linear-gradient(#f0f0f0, #e2e2e2);
background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#e2e2e2)); } background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#e2e2e2));
}
ul, ol { ul, ol {
padding: 0; padding: 0;
margin: 0; } margin: 0;
}
li { li {
list-style-type: none; } list-style-type: none;
}
#container { #container {
width: 100%; width: 100%;
height: 100%; } height: 100%;
}
#topheader { #topheader {
width: 100%; width: 100%;
height: 54px; height: 54px;
color: gray; color: gray;
border-top: solid 1px #d3d3d3; border-top: solid 1px #d3d3d3;
border-bottom: solid 1px black; border-bottom: solid 1px black;
background: #393939; background: #393939;
background: -moz-linear-gradient(#7b7979, #393939); background: -moz-linear-gradient(#7b7979, #393939);
background: -webkit-gradient(linear, left top, left bottom, from(#7b7979), to(#393939)); } background: -webkit-gradient(linear, left top, left bottom, from(#7b7979), to(#393939));
#topheader button { }
#topheader button {
color: black; color: black;
border: 1px solid black; border: 1px solid black;
background: #7f82ac; background: #7f82ac;
background: -moz-linear-gradient(#b2b3d7, #7f82ac); background: -moz-linear-gradient(#b2b3d7, #7f82ac);
background: -webkit-gradient(linear, left top, left bottom, from(#b2b3d7), to(#7f82ac)); } background: -webkit-gradient(linear, left top, left bottom, from(#b2b3d7), to(#7f82ac));
}
#branding, #steps, #rightheader { #branding, #steps, #rightheader {
float: left; float: left;
overflow: hidden; overflow: hidden;
height: 35px; height: 35px;
padding: 10px; } padding: 10px;
}
#branding { #branding {
border-right: 1px solid #373737; border-right: 1px solid #373737;
text-align: center; } text-align: center;
#branding img { }
#branding img {
height: 32px; height: 32px;
width: 116px; } width: 116px;
}
#steps { #steps {
padding: 10px 17px; padding: 10px 17px;
border-right: solid 1px #3b3b3b; border-right: solid 1px #3b3b3b;
vertical-align: top; } vertical-align: top;
#steps label { }
#steps label {
width: 80px; width: 80px;
color: #A5A5A5; color: #A5A5A5;
font-weight: bold; font-weight: bold;
@ -89,204 +92,228 @@ li {
background-image: none; background-image: none;
border-bottom: solid 1px #5c5c5c; border-bottom: solid 1px #5c5c5c;
border-top: solid 1px #373737; border-top: solid 1px #373737;
vertical-align: top; } vertical-align: top;
#steps label:first-child { }
border-left: solid 1px #373737; } #steps label:first-child {
#steps label:last-child { border-left: solid 1px #373737;
border-right: solid 1px #373737; } }
#steps span { #steps label:last-child {
padding: 2px 6px; } border-right: solid 1px #373737;
#steps img { }
height: 32px; } #steps span {
#steps .ui-button, #steps .ui-button-text-only { padding: 2px 6px;
}
#steps img {
height: 32px;
}
#steps .ui-button, #steps .ui-button-text-only {
padding-top: 4px; padding-top: 4px;
height: 26px; height: 26px;
margin: 0 -4px; } margin: 0 -4px;
}
#neworder-button { #neworder-button {
width: 32px; width: 32px;
padding: 1px; padding: 1px;
font-size: 23px; } font-size: 23px;
}
#loggedas { #loggedas {
float: right; float: right;
padding: 5px 9px; padding: 5px 9px;
text-align: center; text-align: center;
color: white; color: white;
border-left: 1px solid #373737; } border-left: 1px solid #373737;
#loggedas p { }
margin: 0 0 3px 0; } #loggedas p {
margin: 0 0 3px 0;
}
#content { #content {
width: 100%; width: 100%;
position: absolute; position: absolute;
top: 56px; top: 56px;
bottom: 0; } bottom: 0;
}
#leftpane { #leftpane {
height: 100%; height: 100%;
width: 440px; width: 440px;
position: relative; position: relative;
border-right: solid 1px #afafb6; border-right: solid 1px #afafb6;
background-color: white; } background-color: white;
#leftpane footer { }
#leftpane footer {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;
width: 100%; width: 100%;
background-color: #e0e0e0; background-color: #e0e0e0;
background-image: url(../img/headerbackground.jpg); } background-image: url(../img/headerbackground.jpg);
}
#current-order { #current-order {
width: 100%; width: 100%;
position: absolute; position: absolute;
top: 0; top: 0;
bottom: 271px; bottom: 271px;
overflow: auto; } overflow: auto;
#current-order thead { }
#current-order thead {
background-color: #cccccc; background-color: #cccccc;
background-image: url(../img/headerbackground.jpg); background-image: url(../img/headerbackground.jpg);
border: 0px; border: 0px;
font-size: 12px; font-size: 12px;
width: 440px; } width: 440px;
#current-order thead td { }
text-align: center; #current-order thead td {
padding: 8px 0px; text-align: center;
min-width: 40px; padding: 8px 0px;
font-size: 12px; } min-width: 40px;
#current-order td { font-size: 12px;
}
#current-order td {
padding: 6px 4px; padding: 6px 4px;
font-size: 11px; font-size: 11px;
text-align: right; text-align: right;
min-width: 40px; min-width: 40px;
white-space: nowrap; } white-space: nowrap;
#current-order td:first-child { }
width: 320px; #current-order td:first-child {
padding: 6px; width: 320px;
text-align: left; padding: 6px;
text-overflow: ellipsis; } text-align: left;
#current-order td:last-child { text-overflow: ellipsis;
border-right: none; } }
#current-order tr.selected { #current-order td:last-child {
background-color: #e9eaf2; } border-right: none;
#current-order tr.selected td { }
border-top: 2px solid #d5d6e0; #current-order tr.selected {
border-bottom: 1px solid #d5d6e0; background-color: #e9eaf2;
padding-top: 5px; }
color: #555555; } #current-order tr.selected td {
border-top: 2px solid #d5d6e0;
border-bottom: 1px solid #d5d6e0;
padding-top: 5px;
color: #555555;
}
#amounts { #amounts {
background: white; background: white;
border-bottom: solid 1px #d2d2d2; border-bottom: solid 1px #d2d2d2;
border-top: solid 1px #e9eaec; border-top: solid 1px #e9eaec;
font-weight: bold; font-weight: bold;
text-align: right; text-align: right;
-webkit-margin-before: 0; -webkit-margin-before: 0;
-webkit-margin-after: 0; } -webkit-margin-after: 0;
#amounts li { }
#amounts li {
display: inline-block; display: inline-block;
padding: 8px; padding: 8px;
width: 29%; } width: 29%;
}
#paypad { #paypad {
padding: 8px; padding: 8px;
float: left; float: left;
text-align: center; } text-align: center;
#paypad button { }
#paypad button {
height: 54px; height: 54px;
width: 208px; width: 208px;
margin: 0 -3px; margin: 0 -3px;
font-weight: bold; font-weight: bold;
vertical-align: middle; vertical-align: middle;
color: #555555; color: #555555;
border-top: 1px solid #efefef; } border-top: 1px solid #efefef;
#paypad button:hover { }
color: white; #paypad button:hover {
background: #7f82ac; color: white;
background: -moz-linear-gradient(#9d9fc5, #7f82ac); background: #7f82ac;
background: -webkit-gradient(linear, left top, left bottom, from(#9d9fc5), to(#7f82ac)); } background: -moz-linear-gradient(#9d9fc5, #7f82ac);
background: -webkit-gradient(linear, left top, left bottom, from(#9d9fc5), to(#7f82ac));
}
#numpad { #numpad {
padding: 9px; padding: 9px;
float: right; float: right;
text-align: center; } text-align: center;
#numpad button { }
#numpad button {
height: 54px; height: 54px;
width: 54px; width: 54px;
margin: 0 -3px; margin: 0 -3px;
font-weight: bold; font-weight: bold;
vertical-align: middle; vertical-align: middle;
color: #555555; color: #555555;
border-top: 1px solid #efefef; } border-top: 1px solid #efefef;
#numpad button:hover { }
color: white; #numpad button:hover {
background: #7f82ac;
background: -moz-linear-gradient(#9d9fc5, #7f82ac);
background: -webkit-gradient(linear, left top, left bottom, from(#9d9fc5), to(#7f82ac)); }
#numpad .selected-mode {
color: white; color: white;
background: #7f82ac; background: #7f82ac;
background: -moz-linear-gradient(#9d9fc5, #7f82ac); background: -moz-linear-gradient(#9d9fc5, #7f82ac);
background: -webkit-gradient(linear, left top, left bottom, from(#9d9fc5), to(#7f82ac)); } background: -webkit-gradient(linear, left top, left bottom, from(#9d9fc5), to(#7f82ac));
}
#numpad .selected-mode {
color: white;
background: #7f82ac;
background: -moz-linear-gradient(#9d9fc5, #7f82ac);
background: -webkit-gradient(linear, left top, left bottom, from(#9d9fc5), to(#7f82ac));
}
.payment-button { .payment-button {
font-size: 14px; } font-size: 14px;
}
.input-button { .input-button {
font-size: 24px; } font-size: 24px;
}
.mode-button, #numpad-delete, #numpad-minus { .mode-button, #numpad-delete, #numpad-minus {
font-size: 14px; } font-size: 14px;
}
#rightpane { #rightpane {
position: absolute; position: absolute;
top: 0; top: 0;
bottom: 0; bottom: 0;
left: 441px; left: 441px;
right: 0; right: 0;
height: 100%; height: 100%;
vertical-align: top; } vertical-align: top;
#rightpane header { }
#rightpane header {
padding: 0; padding: 0;
height: 32px; height: 32px;
border-bottom: 1px solid #cecbcb; border-bottom: 1px solid #cecbcb;
background: #d3d3d3; background: #d3d3d3;
background: -moz-linear-gradient(white, #d3d3d3); background: -moz-linear-gradient(white, #d3d3d3);
background: -webkit-gradient(linear, left top, left bottom, from(white), to(#d3d3d3)); } background: -webkit-gradient(linear, left top, left bottom, from(white), to(#d3d3d3));
}
.product-list { .product-list {
overflow: auto; overflow: auto;
position: absolute; position: absolute;
top: 72px; top: 72px;
bottom: 0; } bottom: 0;
}
.breadcrumb li { .breadcrumb li {
float: left; float: left;
line-height: 32px; line-height: 32px;
height: 32px; } height: 32px;
.breadcrumb li:last-child { }
.breadcrumb li:last-child {
padding-right: 3px; padding-right: 3px;
border-right: 1px solid #c5c5c5; } border-right: 1px solid #c5c5c5;
}
.breadcrumb a { .breadcrumb a {
display: inline-block; display: inline-block;
padding: 0 9px; padding: 0 9px;
vertical-align: top; vertical-align: top;
text-shadow: #f7f7f7 0 1px 1px; text-shadow: #f7f7f7 0 1px 1px;
color: #555555; color: #555555;
font-weight: bold; } font-weight: bold;
}
.bc-arrow { .bc-arrow {
height: 33px; } height: 33px;
}
.homeimg { .homeimg {
width: 19px; width: 19px;
height: 19px; height: 19px;
margin: 6px 0; } margin: 6px 0;
}
.searchbox { .searchbox {
position: absolute; position: absolute;
right: 2px; } right: 2px;
.searchbox input { }
.searchbox input {
width: 130px; width: 130px;
-moz-border-radius: 11px; -moz-border-radius: 11px;
-webkit-border-radius: 11px; -webkit-border-radius: 11px;
@ -295,80 +322,86 @@ li {
padding: 3px 19px; padding: 3px 19px;
margin: 6px; margin: 6px;
background: url("../img/search.png") no-repeat 5px; background: url("../img/search.png") no-repeat 5px;
background-color: white; } background-color: white;
}
.search-clear { .search-clear {
position: absolute; position: absolute;
top: 11px; top: 11px;
right: 11px; right: 11px;
cursor: pointer; cursor: pointer;
display: none; } display: none;
}
#categories { #categories {
border-bottom: 1px solid #cecbcb; } border-bottom: 1px solid #cecbcb;
#categories h4 { }
#categories h4 {
display: inline-block; display: inline-block;
margin: 9px 5px; } margin: 9px 5px;
#categories ol { }
display: inline; } #categories ol {
#categories li { display: inline;
display: inline-block; } }
#categories .button { #categories li {
display: inline-block;
}
#categories .button {
padding: 6px 14px; padding: 6px 14px;
margin: 4px 0; margin: 4px 0;
font-size: 12px; } font-size: 12px;
}
.product { .product {
vertical-align: top; vertical-align: top;
display: inline-block; display: inline-block;
font-size: 11px; font-size: 11px;
margin: 5px; margin: 5px;
max-width: 120px; max-width: 120px;
border: 1px solid lightgray; border: 1px solid lightgray;
-moz-border-radius: 4px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
border-radius: 4px; border-radius: 4px;
-moz-box-shadow: 0px 1px 4px #777777; -moz-box-shadow: 0px 1px 4px #777777;
-webkit-box-shadow: 0px 1px 4px #777777; -webkit-box-shadow: 0px 1px 4px #777777;
-box-shadow: 0px 1px 4px #777777; } -box-shadow: 0px 1px 4px #777777;
}
.product-img { .product-img {
position: relative; position: relative;
width: 120px; width: 120px;
height: 100px; height: 100px;
background: white; background: white;
text-align: center; } text-align: center;
}
.price-tag { .price-tag {
position: absolute; position: absolute;
top: 2px; top: 2px;
right: 2px; right: 2px;
vertical-align: top; vertical-align: top;
color: white; color: white;
background: #7f82ac; background: #7f82ac;
padding: 2px 5px; padding: 2px 5px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
border-radius: 3px; } border-radius: 3px;
}
.product-name { .product-name {
padding: 3px; } padding: 3px;
}
#login-form label, #login-form input { #login-form label, #login-form input {
display: block; } display: block;
}
#login-form input { #login-form input {
margin: 4px 0 12px; margin: 4px 0 12px;
padding: 4px; padding: 4px;
width: 96%; } width: 96%;
}
div#order-selector { div#order-selector {
display: inline; } display: inline;
}
ol#orders { ol#orders {
display: inline; } display: inline;
}
li.order-selector-button { li.order-selector-button {
display: inline; } display: inline;
}
li.selected-order button { li.selected-order button {
font-weight: 900; } font-weight: 900;
}