abijah/pmgr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Modified table element algorithm to be cleaner and to handle multiple class types. Modified ledger listings to group the charges and associated payment rows with one color. Fixed summary balance data to come from the controller instead of being created in the view. Created an infobox to carry pertinent info in the top right of the view pages.

Browse Source 
git-svn-id: file:///svn-source/pmgr/branches/initial_20090526/site@43 97e9348a-65ac-dc4b-aefc-98561f571b83
This commit is contained in:
abijah
2009-05-30 20:07:24 +00:00
parent b488054106
commit b409bf09d1
6 changed files with 207 additions and 114 deletions
Download Patch File Download Diff File Expand all files Collapse all files

90
webroot/css/layout.css
View File

@@ -24,11 +24,12 @@ td#pagecolumn { padding-left: 4mm; }
table caption { text-align: left;
font-size: 120%;
font-weight: bold;
margin-bottom: 0.5em;
padding-bottom: 0.5em;
}
table.item caption { margin-top: 1em; }
table.detail caption { margin-top: 0; }
table.item { margin-bottom: 1.5em; }
/* table.item caption { margin-top: 1em; } */
/* table.detail caption { margin-top: 0; } */
/************************************************************
@@ -38,7 +39,7 @@ table.detail caption { margin-top: 0; }
table.item th ,
table.item td { padding: 0.1em 0.4em 0.1em 0.4em; }
table.item { white-space: nowrap; }
table.item td { white-space: nowrap; }
/* table.item { border-spacing: 0 0; /\*IE*\/border-collapse: collapse; empty-cells: show } */
table.item { border-spacing: 0 0; empty-cells: show }
table.item { border:1px solid #ccc;
@@ -49,7 +50,7 @@ table.item th { background: #f2f2f2;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #ccc;
/* text-align: center; */
text-align: center;
}
table.item td { border-right: 1px solid #ccc; }
@@ -58,29 +59,66 @@ tr.evnrow { background: #f4f4f4; }
/************************************************************
************************************************************
* Formatting for item listings
* Item table formats
*/
/** Item listing width and borders **/
table.list { width : 100%; }
table.detail { width : 60%; }
/* Item listing width and borders */
table.detail { width : 60%; }
table.list { width : 100%; }
/** Column to which any extra real estate should be allocated **/
/* table.list.view td#referer , */
/* table.list.browser td#web_browser , */
/* table.list.tracker td#url , */
table.list td.comment { width: 99%; }
table.detail td.field { width: 10em }
/* Text alignment exceptions */
table.list td.id { text-align: center; }
/** Text alignment exceptions **/
table.list td.id { text-align: center; }
/* White spacing exceptions */
td.comment { white-space: normal; }
/** White spacing exceptions **/
table.list td.comment { white-space: normal; }
/* Detail Tables (such as Tenant Info, Unit Info, etc) */
table.detail { float: left; }
table.detail td.field { width: 10em; }
/* table.detail td {word-wrap : normal} */
/* List Tables (listing multiple items of one type) */
table.list { clear: both; }
table.list.ledger td.date.receipt { padding-left: 1em }
/* Contact methods */
table.list.phone td.preference ,
table.list.email td.preference ,
table.list.address td.preference { width: 18em; }
table.list.phone td.phone ,
table.list.email td.email ,
table.list.address td.address { width: 15em; }
table.list.phone td.comment ,
table.list.email td.comment ,
table.list.address td.comment { width: auto; }
/* Leases */
table.list.lease td.comment { width : 99%; }
/* Ledger Entries */
table.list.ledger td { border-top : 1px dashed #ccc; }
table.list.ledger td.date.receipt { padding-left: 1em; }
table.list.ledger td.evnrow { background: #f4f4f4; }
table.list.ledger td.comment { width : 99%; }
/************************************************************
************************************************************
* Pertinent Information Box
* These floating boxes appear on the detail pages,
* providing the most pertinent / important information
* for the given view.
*/
div.infobox { float: right;
width: 39%;
margin-top: 1.5em;
}
div.summary { color: #993;
font-family:'Gill Sans','lucida grande',helvetica, arial, sans-serif;
font-size: 125%;
text-align: right;
margin-bottom: 0.2em;
}
/************************************************************
@@ -101,7 +139,7 @@ a {
font-weight: bold;
}
a:hover {
color: #f00;
color: #00f;
text-decoration:none;
}
a img {
@@ -113,14 +151,13 @@ h1, h2, h3, h4 {
}
h1 {
background:#fff;
color: #003d4c;
font-size: 100%;
margin: 0.1em 0;
}
h2 {
background:#fff;
color: #e32;
/* color: #e32; */
color: #993;
font-family:'Gill Sans','lucida grande',helvetica, arial, sans-serif;
font-size: 190%;
margin-bottom: 0.3em;
@@ -128,8 +165,7 @@ h2 {
h3 {
color: #993;
font-family:'Gill Sans','lucida grande',helvetica, arial, sans-serif;
font-size: 165%;
padding-top: 1.5em;
/* font-size: 165%; */
}
h4 {
color: #993;