a1bab966ed
git-svn-id: file:///svn-source/pmgr/branches/pre_0.1_work_20090819@753 97e9348a-65ac-dc4b-aefc-98561f571b83
447 lines
11 KiB
CSS
447 lines
11 KiB
CSS
/************************************************************
|
|
************************************************************
|
|
* Debug table margin/padding helper
|
|
*/
|
|
|
|
/* table th, td { border: dashed 1px; } */
|
|
/* .debug-border { border: dashed 1px; } */
|
|
|
|
/************************************************************
|
|
************************************************************
|
|
* Overall page layout
|
|
*/
|
|
|
|
table#layout { width: 100% }
|
|
td#sidecolumn ,
|
|
td#pagecolumn { vertical-align: top; }
|
|
td#pagecolumn { padding-left: 4mm; }
|
|
|
|
|
|
/************************************************************
|
|
************************************************************
|
|
* Panel captions
|
|
*/
|
|
|
|
table caption { text-align: left;
|
|
font-size: 120%;
|
|
font-weight: bold;
|
|
padding-bottom: 0.5em;
|
|
}
|
|
|
|
div.item.list { margin-bottom: 1.5em; }
|
|
table.item.list { margin-bottom: 1.5em; }
|
|
|
|
|
|
/************************************************************
|
|
************************************************************
|
|
* Date formats
|
|
*/
|
|
span.fmt-age.delinquent { color: #f00; }
|
|
|
|
|
|
/************************************************************
|
|
************************************************************
|
|
* Cell configuration
|
|
*/
|
|
|
|
table.item th ,
|
|
table.item td { padding: 0.1em 0.4em 0.1em 0.4em; }
|
|
table.item td.name { 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;
|
|
border-bottom:2px solid #ccc;
|
|
}
|
|
|
|
table.list th { background: #dcdcdc;
|
|
border-top: 1px solid #fff;
|
|
border-left: 1px solid #fff;
|
|
border-bottom: 2px solid #aaa;
|
|
border-right: 1px solid #ccc;
|
|
text-align: center;
|
|
}
|
|
table.item td { border-right: 1px solid #ccc; }
|
|
|
|
tr.evnrow { background: #f4f4f4; }
|
|
|
|
/* Generic classes to help with table alignment */
|
|
td.right { text-align: right; }
|
|
td.left { text-align: left; }
|
|
td.center { text-align: center; }
|
|
|
|
|
|
/************************************************************
|
|
************************************************************
|
|
* Item detail formats
|
|
* (such as Customer Info, Unit Info, etc)
|
|
*/
|
|
|
|
table.detail { width : 60%;
|
|
float : left; }
|
|
table.detail td.field { width : 10em; }
|
|
|
|
table.item.detail td.value { white-space : normal; }
|
|
|
|
div.detail.supporting { clear : both;
|
|
padding-top: 1.5em; }
|
|
|
|
/* Exception for Ledger Entry, which is split over 3 tables */
|
|
.ledger-double-entry { padding-top: 1.0em;
|
|
float: left;
|
|
clear : left;
|
|
width : 60%;
|
|
}
|
|
|
|
.ledger-double-entry table.item.detail {
|
|
width : 45%;
|
|
/* border: 2px dashed #0f0; */
|
|
/* margin-left : 5%; */
|
|
/* margin-right : 5%; */
|
|
}
|
|
|
|
.ledger-double-entry table.item.detail.debit {
|
|
/* margin-left : 2%; */
|
|
float: left;
|
|
}
|
|
|
|
.ledger-double-entry table.item.detail.credit {
|
|
/* margin-right : 2%; */
|
|
float: right;
|
|
|
|
}
|
|
|
|
/* .ledger-double-entry table.debit { clear: */
|
|
|
|
|
|
|
|
/************************************************************
|
|
************************************************************
|
|
* Item edit formats
|
|
*/
|
|
|
|
.edit table.detail { width : 80%;
|
|
float : none;
|
|
}
|
|
table.item td { vertical-align: top; }
|
|
.edit .item td.field .required { color: #33f }
|
|
.edit .item td.field .recommended { color: #35d }
|
|
.edit .item td.field .recommended.empty { color: #f5d }
|
|
.edit .item td.field .required.empty { color: #f33 }
|
|
|
|
|
|
/************************************************************
|
|
************************************************************
|
|
* 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;
|
|
margin-top: 2.0em;
|
|
margin-right: 0.5em;
|
|
}
|
|
|
|
table.summary {
|
|
margin-left:auto;
|
|
margin-right:0.5em;
|
|
color: #339;
|
|
font-family:'Gill Sans','lucida grande',helvetica, arial, sans-serif;
|
|
font-size: 125%;
|
|
text-align: right;
|
|
margin-bottom: 1.5em;
|
|
}
|
|
|
|
table.summary caption {
|
|
font-size: 100%;
|
|
text-align: right;
|
|
margin-right: 0.6em;
|
|
}
|
|
|
|
table.summary td {
|
|
padding-left:0.5em;
|
|
}
|
|
|
|
|
|
/************************************************************
|
|
************************************************************
|
|
* Item table formats
|
|
* (listing multiple items of one type)
|
|
*/
|
|
|
|
/* Item listing width and borders */
|
|
table.list { width : 100%; }
|
|
|
|
/* Text alignment exceptions */
|
|
table.list td.id { text-align: center; }
|
|
table.list td.currency { text-align: right; }
|
|
|
|
/* White spacing exceptions */
|
|
td.comment { white-space: normal; }
|
|
|
|
/* Generic column to assign excess space */
|
|
table.list td.slack { width : 99%; }
|
|
|
|
/* Customers */
|
|
table.list.customer td.comment { width : 66%; }
|
|
|
|
/* Contacts */
|
|
table.list.contact td.comment { width : 66%; }
|
|
|
|
/* 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; }
|
|
|
|
/* 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; }
|
|
|
|
|
|
/************************************************************
|
|
************************************************************
|
|
* Receipt Entry / Tender Edit
|
|
*/
|
|
|
|
input.payment, div.tender.input input, div.tender.input select {
|
|
width: 10em;
|
|
}
|
|
label.payment {
|
|
padding-left: 0.5em;
|
|
/* float: left; */
|
|
/* text-align: right; */
|
|
/* display: block; */
|
|
}
|
|
|
|
div.tender.edit div.tender.input {
|
|
padding-bottom: 0.1em;
|
|
}
|
|
|
|
div.tender.edit div.tender.input label {
|
|
float: left;
|
|
width: 12em;
|
|
padding-right: 0.5em;
|
|
}
|
|
|
|
|
|
/************************************************************
|
|
************************************************************
|
|
* Special cases
|
|
*/
|
|
|
|
/* Deposit Slips */
|
|
table.list.deposit-slip { width : 60%;
|
|
/* REVISIT <AP>: 20090701
|
|
* 100% if printing
|
|
*/
|
|
}
|
|
table.list.deposit-slip td.item { width : 30%; }
|
|
table.list.deposit-slip td.amount { width : 15%; }
|
|
|
|
table.deposit-summary { margin-bottom: 1em; }
|
|
table.deposit-summary td { vertical-align: bottom; }
|
|
table.deposit-summary td { font-size: 125%; }
|
|
table.deposit-summary td.grand.total { border-top : 4px double #000; }
|
|
table.deposit-summary td span.dollar-sign { float: left; }
|
|
table.deposit-summary td span.dollar-amount { float: right; }
|
|
table.deposit-summary td.account { padding-right: 0.8em; }
|
|
table.deposit-summary td.quantity { padding-right: 0.8em; }
|
|
|
|
|
|
/* Collected Income */
|
|
.account.collected.entry { float : left;
|
|
clear : none; }
|
|
form#collected-form input[type=button] { float : left;
|
|
clear : left; }
|
|
|
|
/* NSF items */
|
|
.nsf-tender { text-decoration: line-through; }
|
|
|
|
|
|
/************************************************************
|
|
************************************************************
|
|
* jqGrid
|
|
*/
|
|
|
|
div.grid.text-below { margin-bottom: 0; }
|
|
|
|
span.grid-error {
|
|
color: #a00;
|
|
}
|
|
|
|
span.ui-jqgrid-title {
|
|
color: #ffb;
|
|
font-family:'Gill Sans','lucida grande',helvetica, arial, sans-serif;
|
|
font-size: 180%;
|
|
margin-bottom: 0.0em;
|
|
}
|
|
|
|
span.ui-jqgrid-title h2 {
|
|
color: #ffb;
|
|
font-family:'Gill Sans','lucida grande',helvetica, arial, sans-serif;
|
|
font-weight: bold;
|
|
font-size: 140%;
|
|
margin-bottom: 0.0em;
|
|
}
|
|
|
|
|
|
/************************************************************
|
|
************************************************************
|
|
* Grid Dynamic Selection Text
|
|
*/
|
|
|
|
.grid-selection-text { font-size: 150%;
|
|
margin-top: 0.4em;
|
|
margin-bottom: 1em; }
|
|
.grid-selection-text .supporting { font-size: 80%; }
|
|
|
|
.grid-selection-text .supporting table { border: none; }
|
|
.grid-selection-text .supporting table td.field { width : 5em; }
|
|
|
|
|
|
|
|
/************************************************************
|
|
************************************************************
|
|
* Forms
|
|
*/
|
|
|
|
|
|
form {
|
|
margin-right: 20px;
|
|
padding: 0;
|
|
width: 80%;
|
|
}
|
|
|
|
div.dynamic-set fieldset.superset {
|
|
margin-top: 1.5em;
|
|
width: 80%;
|
|
}
|
|
|
|
div.dynamic-set fieldset.superset legend {
|
|
font-size: 120%;
|
|
font-weight: bold;
|
|
}
|
|
|
|
div.dynamic-set fieldset.superset fieldset {
|
|
margin-top: 0.8em;
|
|
/* width: 90%; */
|
|
}
|
|
|
|
div.dynamic-set fieldset.superset fieldset legend {
|
|
font-size: 110%;
|
|
font-weight: normal;
|
|
}
|
|
|
|
fieldset {
|
|
border: 1px solid #ccc;
|
|
margin-top: 4px;
|
|
/* padding: 4px 4px; */
|
|
}
|
|
fieldset legend {
|
|
/* background:#fff; */
|
|
/* color: #e32; */
|
|
/* font-size: 120%; */
|
|
font-weight: bold;
|
|
}
|
|
fieldset fieldset {
|
|
margin: 4px 4px;
|
|
/* margin-bottom: 20px; */
|
|
padding: 4px 4px;
|
|
}
|
|
fieldset fieldset legend {
|
|
font-size: 100%;
|
|
font-weight: normal;
|
|
}
|
|
fieldset fieldset div {
|
|
clear: left;
|
|
/* margin: 0 20px; */
|
|
}
|
|
|
|
/*
|
|
* REVISIT <AP>: 20090728
|
|
* This "form div" is way too generic, and in fact
|
|
* it's screwing up the jqGrid header. I'm commenting
|
|
* it out for now, to see if it actually is needed
|
|
* anywhere, and hope to delete it in the near future.
|
|
*/
|
|
/* form div { */
|
|
/* clear: both; */
|
|
/* /\* margin-bottom: 1em; *\/ */
|
|
/* /\* padding: .5em; *\/ */
|
|
/* vertical-align: text-top; */
|
|
/* } */
|
|
form div.input {
|
|
color: #444;
|
|
}
|
|
form div.required {
|
|
color: #333;
|
|
font-weight: bold;
|
|
}
|
|
form div.submit {
|
|
border: 0;
|
|
clear: both;
|
|
margin-top: 10px;
|
|
/* margin-left: 140px; */
|
|
}
|
|
|
|
/************************************************************
|
|
************************************************************
|
|
* General Style Info
|
|
*/
|
|
|
|
body {
|
|
/* background: #003d4c; */
|
|
/* color: #fff; */
|
|
font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
|
|
font-size:90%;
|
|
margin: 0;
|
|
}
|
|
a {
|
|
color: #003d4c;
|
|
text-decoration: underline;
|
|
font-weight: bold;
|
|
}
|
|
a:hover {
|
|
color: #00f;
|
|
text-decoration:none;
|
|
}
|
|
a img {
|
|
border:none;
|
|
}
|
|
|
|
h1, h2, h3, h4 {
|
|
font-weight: normal;
|
|
}
|
|
|
|
h1 {
|
|
color: #003d4c;
|
|
font-size: 100%;
|
|
margin: 0.1em 0;
|
|
}
|
|
h2 {
|
|
/* color: #e32; */
|
|
color: #993;
|
|
font-family:'Gill Sans','lucida grande',helvetica, arial, sans-serif;
|
|
font-size: 190%;
|
|
margin-bottom: 0.3em;
|
|
}
|
|
h3 {
|
|
color: #993;
|
|
font-family:'Gill Sans','lucida grande',helvetica, arial, sans-serif;
|
|
/* font-size: 165%; */
|
|
}
|
|
h4 {
|
|
color: #993;
|
|
font-weight: normal;
|
|
padding-top: 0.5em;
|
|
}
|
|
|
|
|