Files
pmgr/webroot/css/layout.css

191 lines
4.8 KiB
CSS

/************************************************************
************************************************************
* Debug table margin/padding helper
*/
/* table th, td { 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;
}
table.item { margin-bottom: 1.5em; }
/* table.item caption { margin-top: 1em; } */
/* table.detail caption { margin-top: 0; } */
/************************************************************
************************************************************
* Cell configuration
*/
table.item th ,
table.item td { padding: 0.1em 0.4em 0.1em 0.4em; }
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;
border-bottom:2px solid #ccc;
}
table.item th { background: #f2f2f2;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #ccc;
text-align: center;
}
table.item td { border-right: 1px solid #ccc; }
tr.evnrow { background: #f4f4f4; }
/************************************************************
************************************************************
* Item table formats
*/
/* Item listing width and borders */
table.detail { width : 60%; }
table.list { width : 100%; }
/* Text alignment exceptions */
table.list td.id { text-align: center; }
/* White spacing exceptions */
td.comment { white-space: normal; }
/* Detail Tables (such as Tenant Info, Unit Info, etc) */
table.detail { float: left; }
table.detail td.field { width: 10em; }
/* List Tables (listing multiple items of one type) */
table.list { clear: both; }
/* 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;
}
/************************************************************
************************************************************
* 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;
}
/* Forms */
}
input[type=checkbox] {
clear: left;
float: left;
margin: 0px 6px 7px 2px;
width: auto;
}
input[type=radio] {
float:left;
width:auto;
margin: 0 3px 7px 0;
}