Better layout with equal distance from each sides.

* Added css class middle_column
This commit is contained in:
sandoz 2009-08-21 23:37:05 +02:00
parent bbe8caa98a
commit f7e24d26b4
4 changed files with 25 additions and 17 deletions

View file

@ -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

View file

@ -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%;

View file

@ -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%;

View file

@ -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%