Introduced order footer.

An fixed element to present article meta data and other stuff.
This commit is contained in:
Benjamin Meichsner 2009-10-17 22:50:33 +02:00
parent 036bc10282
commit 65a0a30f5a
4 changed files with 170 additions and 97 deletions

View file

@ -389,7 +389,7 @@ table#order {
table#order input {
font-size: 80%; }
table#order th#col_required, table#order th#col_tolerance {
width: 145px; }
width: 165px; }
table#order th#col_packages, table#order th#col_left_units {
width: 50px; }
table#order td#col_left_units {
@ -410,6 +410,30 @@ table#order {
table#order tr.note td {
padding-left: 20px; }
#order-footer, .article-info {
z-index: 1;
position: fixed;
bottom: 0;
width: 97.5%;
background-color: #E4EED6;
border-top: 2px solid #78B74E; }
#order-footer #total-sum, .article-info #total-sum {
width: 22em;
margin: .5em 2em 0 0;
float: right; }
#order-footer #total-sum #order-button, .article-info #total-sum #order-button {
margin: .5em 0; }
#order-footer #total-sum #order-button input, .article-info #total-sum #order-button input {
background-color: #78B74E;
color: #fff; }
.article-info {
z-index: 2;
width: 30em;
height: 8em;
border: none;
left: 30px; }
#newComment {
margin: 1em; }

View file

@ -389,7 +389,7 @@ table#order {
table#order input {
font-size: 80%; }
table#order th#col_required, table#order th#col_tolerance {
width: 145px; }
width: 165px; }
table#order th#col_packages, table#order th#col_left_units {
width: 50px; }
table#order td#col_left_units {
@ -410,6 +410,30 @@ table#order {
table#order tr.note td {
padding-left: 20px; }
#order-footer, .article-info {
z-index: 1;
position: fixed;
bottom: 0;
width: 97.5%;
background-color: #E4EED6;
border-top: 2px solid #78B74E; }
#order-footer #total-sum, .article-info #total-sum {
width: 22em;
margin: .5em 2em 0 0;
float: right; }
#order-footer #total-sum #order-button, .article-info #total-sum #order-button {
margin: .5em 0; }
#order-footer #total-sum #order-button input, .article-info #total-sum #order-button input {
background-color: #78B74E;
color: #fff; }
.article-info {
z-index: 2;
width: 30em;
height: 8em;
border: none;
left: 30px; }
#newComment {
margin: 1em; }

View file

@ -430,7 +430,7 @@ table#order
input
:font-size 80%
th#col_required, th#col_tolerance
:width 145px
:width 165px
th#col_packages, th#col_left_units
:width 50px
td#col_left_units
@ -451,7 +451,28 @@ table#order
:border-bottom 1px solid #DDDDDD
td
:padding-left 20px
#order-footer, .article-info
z-index: 1
position: fixed
bottom: 0
width: 97.5%
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
background-color: #78B74E
color: #fff
.article-info
z-index: 2
width: 30em
height: 8em
border: none
left: 30px
// ********* Comments
#newComment
:margin 1em