Gentlepersons:
My apps have lots of property names which render as multiple lines of text in object tables. The existing Trails 1.1 CSS exhibits a funky overlap between lines which is disturbing to folks who think that the underlying code can't be any better than the way things look.. :o)
I made a few tiny changes to the <th> tag in table.css in the default theme to take care of this. I had to lose the header background since I wasn't ready to make it larger right now. For me, this looks MUCH better than the default.
I've attached the file.
Regards,
Mark
[table.css]
.table {
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #333333;
width:100%;
}
th {
/* background: url( images/thbg.jpg ); */
background-color: #ccc !important;
padding: 5px 10px;
font-size: 90%;
text-transform: uppercase;
color: #333;
line-height: 12px !important;
/* line-height: 5px !important; */
border-bottom: 2px solid #cccccc;
}
tbody td, tbody th {
font-size: 85%;
padding: 5px 10px;
}
tfoot td, tfoot th {
border: none;
padding-top: 10px;
}
table a:link {
color: #369;
}
table a:visited {
color: #036;
}
table a:hover {
color: #000;
text-decoration: none;
}
table a:active {
color: #000;
}
.table th table, .table th table td {
width: 100%;
border: 0px;
}
.contribTable th {
padding: 0px !important;
}
.contribTable th .tableHeaderTable {
margin: 0px !important;
}
.table td, .table th, .tableHeaderTable td {
padding: 0.5em;
}
.table thead th, .tableHeaderTable td {
text-align: left;
font-size: 1em;
font-weight: bold;
}
.tableHeaderTable td a {
text-decoration: none !important;
}
.table tfoot th, tfoot td {
text-align: left;
font-size: 1em;
}
.table tfoot th {
font-weight: bold;
}
.table tbody td a {
background: transparent;
text-decoration: underline;
}
.table tbody td a:hover {
background: transparent;
text-decoration: underline;
}
.table tbody th a {
background: transparent;
text-decoration: underline;
font-weight: bold;
}
.table tbody th, .table tbody td {
text-align: left;
}
.table tfoot td {
border: 1px solid #996;
}
.table tbody tr:hover, .table tr.over, .contribTable tr:hover {
background: #ffffd9 !important; /* important needed for Tapestry, as is .table tr:hover */
}
.contribTable tr.even {
background-color: #eee !important;
}
.contribTable tr.odd {
background-color: #ddd !important;
}
TABLE.tapestry-palette TH
{
text-align: center;
}
TD.available-cell SELECT
{
font-weight: normal;
background-color: #FFFFFF;
width: 200px;
}
TD.selected-cell SELECT
{
font-weight: normal;
background-color: #FFFFFF;
width: 200px;
}
TABLE.tapestry-palette TD.controls
{
text-align: center;
vertical-align: middle;
width: 60px;
}
.editCollection tbody td {
font-size: 85%;
padding: 0 10px;
}
table.calendarContainer td {
margin: 0;
padding: 0;
}
table.calendarContainer tr {
font-size: 1.1em;
}
table.calendarBodyContainer tr {
font-size: 1.3em;
}
div.calendar {
width:340px;
padding:0 !important;
}
div.calendarHeader tbody td, div.calendarHeader tbody th {
margin: 0;
padding:0;
}
div.calendarFooter * {
margin: auto !important;
}
div.calendarFooter button {
width:100%;
}
div.calendar th {
background:none !important;
}
div.calendarBody * {
padding:5px !important;
margin: auto !important;
}
---------------------------------------------------------------------
To unsubscribe from this list please visit:
http://xircles.codehaus.org/manage_email
Some parts of this message have been removed.
Learn more about Nabble's security policy.
