This repository has been archived on 2024-04-08. You can view files and clone it, but cannot push or open issues or pull requests.
khosb/application/media/css/default.css
Deon George 6d44e7d5b2 Added User email viewing
Improved Table::
2012-01-12 19:53:52 +11:00

326 lines
6.9 KiB
CSS

/* Default Template CSS */
.form_button {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
background-color: #E1E1E3;
border-color: #AAAACC;
border-width: 1px;
padding: 1px;
}
.highlight {
background-color: #AABBCC;
}
table.box-left { border: 1px solid #AAAACC; margin-right: auto; }
table.box-center { border: 1px solid #AAAACC; margin-left: auto; margin-right: auto; }
table.box-full { border: 1px solid #AAAACC; margin-right: auto; width: 100%; }
tr.head { font-weight: bold; }
tr.subhead { background-color: #BBBBDD; }
td.head { font-weight: bold; }
td.bold { font-weight: bold; }
td.bold-right { font-weight: bold; text-align: right; }
td.data { font-weight: bold; }
span.data { font-weight: bold; }
td.data-right { font-weight: bold; text-align: right; }
td.right { text-align: right; }
tr.odd { background-color: #FCFCFE; }
tr.even { background-color: #F6F6F8; }
tr.odd.selected { background-color: #ECECEE; }
tr.even.selected { background-color: #E6E6E8; }
/* Global Page */
table.page {
width: 100%;
border: 0px solid #000000;
font-weight: normal;
color: #000000;
font-family: "bitstream vera sans","luxi sans",verdana,geneva,arial,helvetica,sans-serif;
background-color: #FFFFFF;
font-size: 13px;
empty-cells: hide;
}
/* Page Header - Logo & Title */
table.page tr.pagehead td table.pagehead {
width: 100%;
}
table.page tr.pagehead td table.pagehead td.headlogo {
width: 100px;
height: 50px;
vertical-align: bottom;
text-align: center;
}
table.page tr.pagehead td table.pagehead img.headlogo {
border: 0px;
max-width: 100px;
max-height: 50px;
}
table.page tr.pagehead td table.pagehead td.headtitle {
vertical-align: bottom;
text-align: left;
padding-left: 5px;
font-weight: bold;
}
table.page tr.pagehead td table.pagehead td.headimages {
vertical-align: bottom;
text-align: right;
}
table.page tr.pagehead td table.pagehead td.headimages img {
border: 0px;
}
/* Page Control */
table.page tr.pagecontrol td {
border-top: 1px solid #AAAACC;
border-bottom: 1px solid #AAAACC;
}
table.page tr.pagecontrol td table.pagecontrol {
width: 100%;
}
table.page tr.pagecontrol td table.pagecontrol td.none {
border-top: 0px;
border-bottom: 0px;
font-size: 11px;
text-align: left;
vertical-align: top;
font-weight: bold;
color: #000000;
padding: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
table.page tr.pagecontrol td table.pagecontrol a {
text-decoration: none;
color: #000000;
}
table.page tr.pagecontrol td table.pagecontrol a:hover {
text-decoration: none;
background-color: #FFFFFF;
color: #0000AA;
}
/* Main Page */
/** LEFT **/
table.page tr.pagemain td.pageleft {
background-color: #FCFCFE;
/* display: show; */
vertical-align: top;
border-right: 1px solid #88AACC;
}
table.page tr.pagemain td.pageleft table.pageleft table {
width: 100%;
}
table.page tr.pagemain td.pageleft table.pageleft tr.title {
text-align: center;
margin: 0px;
padding: 10px;
border: 1px solid #000000;
font-weight: bold;
font-size: 110%;
}
table.page tr.pagemain td.pageleft table.pageleft tr.footer {
font-size: 75%;
}
table.page tr.pagemain td.pageleft table.pageleft tr.footer td {
border-top: 1px solid #AAAACC;
border-bottom: 1px solid #AAAACC;
}
table.page tr.pagemain td.pageleft table.pageleft tr.spacer {
font-size: 5px;
}
table.page tr.pagemain td.pageleft table.pageleft tr.spacer td {
border-top: 2px solid #AAAACC;
}
/** BODY **/
table.page tr.pagemain td.pagebody {
background-color: #FCFCFE;
width: 85%;
vertical-align: top;
font-size: 8pt;
}
/*** Body System Message ***/
table.page tr.pagemain td.pagebody table.sysmsg {
border-bottom: 1px solid #88AACC;
width: 100%;
}
table.page tr.pagemain td.pagebody table.sysmsg table {
width: 100%;
}
table.page tr.pagemain td.pagebody table.sysmsg td.icon {
text-align: center;
vertical-align: top;
width: 25px;
height: 50px;
}
table.page tr.pagemain td.pagebody table.sysmsg td.icon img.sysicon {
border: 5px;
max-width: 25px;
max-height: 50px;
}
table.page tr.pagemain td.pagebody table.sysmsg td.head {
font-size: small;
text-align: left;
font-weight: bold;
}
table.page tr.pagemain td.pagebody table.sysmsg td.body {
font-weight: normal;
}
table.page tr.pagemain td.pagebody table.sysmsg tr.spacer {
font-size: 5px;
}
table.page tr.pagemain td.pagebody table.sysmsg tr.spacer td {
border-top: 1px solid #AAAACC;
}
/*** Body Content ***/
table.page tr.pagemain td.pagebody table.content {
font-weight: normal;
background-color: #FCFCFE;
width: 100%;
color: #000000;
}
table.page tr.pagemain td.pagebody table.content table.block {
width: 100%;
}
table.page tr.pagemain td.pagebody table.content table.block td {
vertical-align: top;
}
table.page tr.pagemain td.pagebody table.content table.subblockhead {
width: 100%;
}
table.page tr.pagemain td.pagebody table.content table.subblock {
width: 100%;
border: 1px solid #AAAACC;
}
table.page tr.pagemain td.pagebody table.content tr.title {
text-align: left;
margin: 0px;
color: #000000;
background-color: #F8F8FA;
border: 1px solid #000000;
font-weight: bold;
font-size: 150%;
}
table.page tr.pagemain td.pagebody table.content tr.title td {
padding: 5px;
border-bottom: 1px solid #AAAACC;
color: #000000;
}
table.page tr.pagemain td.pagebody table.content tr.subtitle {
text-align: left;
margin: 0px;
margin-bottom: 15px;
font-size: 75%;
color: #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
background: #FFFFFF;
font-weight: normal;
}
table.page tr.pagemain td.pagebody table.content tr.subtitle td {
padding: 5px;
}
table.page tr.pagemain td.pagebody table.content tr.footer {
font-size: 75%;
}
table.page tr.pagemain td.pagebody table.content tr.footer td {
border-top: 1px solid #AAAACC;
border-bottom: 1px solid #AAAACC;
padding: 5px;
}
table.page tr.pagemain td.pagebody table.content tr.spacer {
font-size: 5px;
}
table.page tr.pagemain td.pagebody table.content tr.spacer td {
border: 0px solid #AAAACC;
}
/** RIGHT **/
table.page tr.pagemain td.pageright {
background-color: #FCFCFE;
/* display: none; */
vertical-align: top;
border-left: 1px solid #88AACC;
}
table.page tr.pagemain td.pageright table.pageright table {
width: 100%;
}
table.page tr.pagemain td.pageright table.pageright tr.title {
text-align: center;
margin: 0px;
padding: 10px;
border: 1px solid #000000;
font-weight: bold;
font-size: 110%;
}
table.page tr.pagemain td.pageright table.pageright tr.footer {
font-size: 75%;
}
table.page tr.pagemain td.pageright table.pageright tr.footer td {
border-top: 1px solid #AAAACC;
border-bottom: 1px solid #AAAACC;
}
table.page tr.pagemain td.pageright table.pageright tr.spacer {
font-size: 5px;
}
table.page tr.pagemain td.pageright table.pageright tr.spacer td {
border-top: 2px solid #AAAACC;
}
/* Footer */
table.page tr.pagefoot td {
border-top: 1px solid #AAAACC;
font-weight: bold;
font-size: 10px;
text-align: right;
color: #000000;
}