From cc4297a18824636f660370eda8feed3720315f3c Mon Sep 17 00:00:00 2001 From: ulaulaman <34242086+ulaulaman@users.noreply.github.com> Date: Thu, 10 May 2018 16:44:20 +0200 Subject: [PATCH] css for table --- css/table.css | 71 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 71 insertions(+) create mode 100644 css/table.css diff --git a/css/table.css b/css/table.css new file mode 100644 index 0000000..cd5c184 --- /dev/null +++ b/css/table.css @@ -0,0 +1,71 @@ +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; + font-weight: bold; + color: #FFFFFF; + background: #D0E4F5; + background: -moz-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%); + background: -webkit-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%); + background: linear-gradient(to bottom, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%); + border-top: 2px solid #444444; +} +.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; +} +/* 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;}