Stylesheet code for TabTable
This commit is contained in:
parent
80210ed2b8
commit
3dde02f570
|
@ -0,0 +1,70 @@
|
|||
div.blueTable {
|
||||
border: 1px solid #1C6EA4;
|
||||
background-color: #EEEEEE;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
.divTable.blueTable .divTableCell, .divTable.blueTable .divTableHead {
|
||||
border: 1px solid #AAAAAA;
|
||||
padding: 3px 2px;
|
||||
}
|
||||
.divTable.blueTable .divTableBody .divTableCell {
|
||||
font-size: 13px;
|
||||
}
|
||||
.divTable.blueTable .divTableRow:nth-child(even) {
|
||||
background: #D0E4F5;
|
||||
}
|
||||
.divTable.blueTable .divTableHeading {
|
||||
background: #1C6EA4;
|
||||
background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
|
||||
background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
|
||||
background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
|
||||
border-bottom: 2px solid #444444;
|
||||
}
|
||||
.divTable.blueTable .divTableHeading .divTableHead {
|
||||
font-size: 15px;
|
||||
font-weight: bold;
|
||||
color: #FFFFFF;
|
||||
border-left: 2px solid #D0E4F5;
|
||||
}
|
||||
.divTable.blueTable .divTableHeading .divTableHead:first-child {
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
.blueTable .tableFootStyle {
|
||||
font-size: 14px;
|
||||
}
|
||||
.blueTable .tableFootStyle .links {
|
||||
text-align: right;
|
||||
}
|
||||
.blueTable .tableFootStyle .links a{
|
||||
display: inline-block;
|
||||
background: #1C6EA4;
|
||||
color: #FFFFFF;
|
||||
padding: 2px 8px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.blueTable.outerTableFooter {
|
||||
border-top: none;
|
||||
}
|
||||
.blueTable.outerTableFooter .tableFootStyle {
|
||||
padding: 3px 5px;
|
||||
}
|
||||
|
||||
div.blueTable a:link {
|
||||
color: white;
|
||||
}
|
||||
|
||||
div.blueTable a:visited {
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* DivTable.com */
|
||||
.divTable{ display: table; }
|
||||
.divTableRow { display: table-row; }
|
||||
.divTableHeading { display: table-header-group;}
|
||||
.divTableCell, .divTableHead { display: table-cell;}
|
||||
.divTableHeading { display: table-header-group;}
|
||||
.divTableFoot { display: table-footer-group;}
|
||||
.divTableBody { display: table-row-group;}
|
Loading…
Reference in New Issue