Altos Table CSS Control

body {
font-family:Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}

table {
border-collapse:collapse;
}

table#full {
width: 300px;
}

table#blog {
width:150px;
}

table#blog tr.header th {
font-size:7pt;
}

table#blog tr td {
font-size:7pt;
}

table#blog tr.footer td {
font-size:6pt;
}

table tr.header {
}

table#full tr.header th, table#blog tr.header th {
font-size:6pt;
font-weight:bold;
text-align:center;
padding: 3px 5px 7px 5px;
background-color:#598FB5;
color: white;
border:1px solid #648BA5;
}

table tr.footer {
}

table tr.footer td {
font-size:8pt;
text-align:center;
padding: 4px 0 2px 0;
border-top: 1px solid #648BA5;
}

table tr.odd td {
background:#FFF;
}

table tr.even td {
background:#EDEDED;
}

table tr td.left-label {
font-weight:bold;
font-size:9pt;
border-left: 1px solid #648BA5;
padding:2px 0 2px 4px;
color:#333;
}

table tr td.right-label {
font-weight:bold;
font-size:9pt;
padding-left: 4px;
color:#333;
}

table tr td.left-value {
font-size:9pt;
padding: 0 3px 0 3px;
border-right: 1px solid #648BA5 !important;
color:#000;
}

table tr td.right-value {
font-size:9pt;
padding: 0 3px 0 3px;
border-right: 1px solid #648BA5;
color:#000;
}

div#content form body {
font-family:Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}

div#content form table {
border-collapse:collapse;
}

div#content form table#full {
width: 500px;
}

div#content form table#blog {
width:150px;
}

div#content form table#blog tr.header th {
font-size:7pt;
}

div#content form table#blog tr td {
font-size:7pt;
}

div#content form table#blog tr.footer td {
font-size:6pt;
}

div#content form table tr.header {
}

div#content form table tr.header th {
font-size:10pt;
font-weight:bold;
text-align:center;
padding: 3px 5px 7px 5px;
background-color:#598FB5;
color: white;
border:1px solid #648BA5;
}

div#content form table tr.footer {
}

div#content form table tr.footer td {
font-size:8pt;
text-align:center;
padding: 4px 0 2px 0;
border-top: 1px solid #648BA5;
}

div#content form table tr.odd td {
background:#FFF;
}

div#content form table tr.even td {
background:#EDEDED;
}

div#content form table tr td.left-label {
font-weight:bold;
font-size:9pt;
border-left: 1px solid #648BA5 !important;
padding:2px 0 2px 4px;
color:#333;
}

div#content form table tr td.right-label {
font-weight:bold;
font-size:9pt;
padding-left: 4px;
color:#333;
}

div#content form table tr td.left-value {
font-size:9pt;
padding: 0 3px 0 3px;
border-right: 1px solid #648BA5;
color:#000;
}

div#content form table tr td.right-value {
font-size:9pt;
padding: 0 3px 0 3px;
border-right: 1px solid #648BA5;
color:#000;
}

table tr td.right-label-border {
font-weight:bold;
font-size:9pt;
padding-left: 4px;
border-right: 1px solid #648BA5 !important;
border-left: 1px solid #648BA5 !important;
color:#333;
}

table tr td.left-value-border {
font-size:9pt;
padding: 0 3px 0 3px;
border-left: 1px solid #648BA5;
border-right: 1px solid #648BA5;
color:#000;
}

div#content form table tr td.left-value-border {
font-size:9pt;
padding: 0 3px 0 3px;
border-left: 1px solid #648BA5;
border-right: 1px solid #648BA5;
color:#000;
}

Leave a Reply

You must be logged in to post a comment.