70 lines
1.1 KiB
Text
70 lines
1.1 KiB
Text
#order-footer-override, .article-info {
|
|
text-align: left;
|
|
z-index: 1;
|
|
position: fixed;
|
|
bottom: 0;
|
|
background-color: #E4EED6;
|
|
border-top: 2px solid #78B74E;
|
|
|
|
#total-sum {
|
|
width: 22em;
|
|
margin: .5em 2em 0 0;
|
|
float: right;
|
|
#order-button {
|
|
margin: .5em 0;
|
|
|
|
input:disabled {
|
|
background-color: red; }
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Hide the orders article info for small screens
|
|
to prevent the "save order" button to disappear */
|
|
@media only screen and (max-width: 950px) {
|
|
tr.order-article:hover .article-info {
|
|
display: none;
|
|
}
|
|
tr.order-article:focus .article-info {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
#order-footer-override {
|
|
width: 100%;
|
|
right: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.article-info {
|
|
z-index: 2;
|
|
width: 40em;
|
|
height: 8em;
|
|
border: none;
|
|
left: 30px;
|
|
|
|
.article-name {
|
|
text-align: center;
|
|
margin: 2px 0;
|
|
margin-bottom: 5px;
|
|
width: 100%;
|
|
font-weight: bold;
|
|
}
|
|
.pull-right {
|
|
width: 35%;
|
|
}
|
|
.pull-left {
|
|
width: 60%;
|
|
}
|
|
}
|
|
|
|
tr.order-article .article-info {
|
|
display: none;
|
|
}
|
|
|
|
tr.order-article:focus{
|
|
background-color: #E4EED6;
|
|
}
|
|
tr.order-article:focus .article-info {
|
|
display: block;
|
|
}
|