Better layout with equal distance from each sides.
* Added css class middle_column
This commit is contained in:
parent
bbe8caa98a
commit
f7e24d26b4
4 changed files with 25 additions and 17 deletions
|
@ -10,7 +10,7 @@
|
|||
= render :partial => "summary", :locals => {:order => @order}
|
||||
|
||||
- unless @order.stockit?
|
||||
.left_column{:style => 'width: 24em'}
|
||||
.middle_column{:style => 'width: 24em'}
|
||||
.box_title
|
||||
%h2 Rechnung
|
||||
.column_content#invoice
|
||||
|
|
|
@ -143,7 +143,7 @@ span.click-me {
|
|||
#main {
|
||||
background: #FFF;
|
||||
padding: 0;
|
||||
margin: 0; }
|
||||
margin: 0 15px 0 15px; }
|
||||
|
||||
#infobar {
|
||||
width: 10%;
|
||||
|
@ -202,10 +202,10 @@ span.click-me {
|
|||
|
||||
#content {
|
||||
padding: .5em 0 2.5em 0;
|
||||
margin: 0 0 0 1em;
|
||||
margin: 0;
|
||||
background: #FFF;
|
||||
font-size: 1.3em;
|
||||
width: 95%;
|
||||
width: 100%;
|
||||
float: left; }
|
||||
|
||||
/* *********************************** tables */
|
||||
|
@ -308,8 +308,6 @@ div.box {
|
|||
border-left: 2px solid #78b74e;
|
||||
padding-left: 5px; }
|
||||
|
||||
div.single_column, div.left_column, div.right_column {
|
||||
margin: .5em .5em 1.5em .5em; }
|
||||
|
||||
div.single_column {
|
||||
width: 100%; }
|
||||
|
@ -318,6 +316,11 @@ div.left_column {
|
|||
width: 40%;
|
||||
float: left; }
|
||||
|
||||
div.middle_column {
|
||||
width: 40%;
|
||||
margin-left: 10px;
|
||||
float: left; }
|
||||
|
||||
div.right_column {
|
||||
margin-bottom: 3em;
|
||||
width: 55%;
|
||||
|
|
|
@ -143,7 +143,7 @@ span.click-me {
|
|||
#main {
|
||||
background: #FFF;
|
||||
padding: 0;
|
||||
margin: 0; }
|
||||
margin: 0 15px 0 15px; }
|
||||
|
||||
#infobar {
|
||||
width: 10%;
|
||||
|
@ -202,10 +202,10 @@ span.click-me {
|
|||
|
||||
#content {
|
||||
padding: .5em 0 2.5em 0;
|
||||
margin: 0 0 0 1em;
|
||||
margin: 0;
|
||||
background: #FFF;
|
||||
font-size: 1.3em;
|
||||
width: 95%;
|
||||
width: 100%;
|
||||
float: left; }
|
||||
|
||||
/* *********************************** tables */
|
||||
|
@ -308,8 +308,6 @@ div.box {
|
|||
border-left: 2px solid #78b74e;
|
||||
padding-left: 5px; }
|
||||
|
||||
div.single_column, div.left_column, div.right_column {
|
||||
margin: .5em .5em 1.5em .5em; }
|
||||
|
||||
div.single_column {
|
||||
width: 100%; }
|
||||
|
@ -318,6 +316,11 @@ div.left_column {
|
|||
width: 40%;
|
||||
float: left; }
|
||||
|
||||
div.middle_column {
|
||||
width: 40%;
|
||||
margin-left: 10px;
|
||||
float: left; }
|
||||
|
||||
div.right_column {
|
||||
margin-bottom: 3em;
|
||||
width: 55%;
|
||||
|
|
|
@ -159,7 +159,7 @@ span.click-me
|
|||
#main
|
||||
:background #FFF
|
||||
:padding 0
|
||||
:margin 0
|
||||
:margin 0 15px 0 15px
|
||||
|
||||
// ************************************* infobar
|
||||
#infobar
|
||||
|
@ -223,10 +223,10 @@ span.click-me
|
|||
// ************************************** content
|
||||
#content
|
||||
:padding .5em 0 2.5em 0
|
||||
:margin 0 0 0 1em
|
||||
:margin 0
|
||||
:background #FFF
|
||||
:font-size 1.3em
|
||||
:width 95%
|
||||
:width 100%
|
||||
:float left
|
||||
|
||||
|
||||
|
@ -339,9 +339,6 @@ div.box
|
|||
:border-left 2px solid #78b74e
|
||||
:padding-left 5px
|
||||
|
||||
div.single_column, div.left_column, div.right_column
|
||||
:margin .5em .5em 1.5em .5em
|
||||
|
||||
div.single_column
|
||||
:width 100%
|
||||
|
||||
|
@ -349,6 +346,11 @@ div.left_column
|
|||
:width 40%
|
||||
:float left
|
||||
|
||||
div.middle_column
|
||||
:width 40%
|
||||
:margin-left 10px
|
||||
:float left
|
||||
|
||||
div.right_column
|
||||
:margin-bottom 3em
|
||||
:width 55%
|
||||
|
|
Loading…
Reference in a new issue