presik_pos/app/css/flat_button_large.css

109 lines
1.9 KiB
CSS

#product_button {
font-family: "DejaVu Sans";
border-style: groove;
font: 10pt;
color: rgb(80, 80, 80);
background-color : white;
height: 90px;
width : 130px;
border-width: 0px;
border-radius: 10px;
text-align: center;
}
#product_button::hover {
background-color: rgb(255, 230, 160);
}
#product_button::pressed {
background-color: rgb(246, 232, 192);
}
#label_title {
font : 12pt;
min-height : 32px;
color: rgb(70, 70, 70);
padding-left: 0px;
padding-right: 0px;
text-align: center;
}
#label_custom_button {
font: 14pt;
height: 30px;
padding-top: 5px;
padding-left: auto;
padding-right: auto;
margin-left: auto;
margin-right: auto;
color: rgb(70, 70, 70);
text-align: center;
width: 100%;
}
#label_icon {
height : 35px;
width: 35px;
}
#category_button {
font-family: "DejaVu Sans";
border-style: groove;
font: 10pt;
color: rgb(102, 102, 102);
background-color: white;
min-height: 130px;
max-height: 160px;
width : 130px;
border-width: 0px;
border-radius: 10px;
text-align: center;
}
#category_button::hover {
background-color: rgb(220, 220, 220);
}
#category_button::pressed {
background-color: rgb(205, 200, 200);
}
#toolbar {
border-style: groove;
font: 15pt;
background-color: white;
max-height: 85px;
width : 130px;
border-width: 0px;
}
#toolbar::hover {
background-color: rgb(225, 240, 245);
font: 10pt;
}
#toolbar::pressed {
background-color: rgb(204, 227, 235);
}
#mini_button {
border-style: groove;
font: 6pt;
color: rgb(80, 80, 80);
background-color: white;
max-height: 80px;
/* max-width : 130px; */
width: 100%;
border-width: 0px;
text-align: center;
}
#mini_button::hover {
background-color: rgb(255, 230, 160);
}
#mini_button::pressed {
background-color: rgb(246, 232, 192);
}