datatable: improve CSS - jscancer - Javascript crap (relatively small)
 (HTM) git clone git://git.codemadness.org/jscancer
 (DIR) Log
 (DIR) Files
 (DIR) Refs
 (DIR) README
 (DIR) LICENSE
       ---
 (DIR) commit 76a6ab53c42092f2e4a7d7229b0268cc8fd33fd4
 (DIR) parent ce7fe7238d2fde40c41c36f8737a29fa29e9e74b
 (HTM) Author: Hiltjo Posthuma <hiltjo@codemadness.org>
       Date:   Wed,  8 Jun 2016 21:02:30 +0200
       
       datatable: improve CSS
       
       - slightly nicer sort icons.
       - improve cell padding.
       - change cell width.
       
       Diffstat:
         M datatable/datatable.css             |      23 ++++++++++++++---------
       
       1 file changed, 14 insertions(+), 9 deletions(-)
       ---
 (DIR) diff --git a/datatable/datatable.css b/datatable/datatable.css
       @@ -12,7 +12,12 @@ table.datatable tr th {
                user-select: none;
        }
        
       -table.datatable tr td,
       +table.datatable tr td {
       +        border: 1px solid #aaa;
       +        padding: 0 3px 0 3px;
       +        line-height: 25px;
       +}
       +
        table.datatable tr th {
                border: 1px solid #aaa;
                padding: 0 16px 0 3px;
       @@ -38,11 +43,11 @@ table.datatable thead .sort-disabled {
        }
        
        table.datatable thead .sort-asc {
       -        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAMAAABFjsb+AAAANlBMVEX///8AAAAAiMwAiMwEh8wCh8wGh8wAiMwGh8wFh8wHh80Ih80Fh8wCh8wRhs4Rhs4Gh8wAiMxQPHbaAAAAEXRSTlMAAB2AiYXvYcDz1tKMhs7JxSWUDtMAAABDSURBVHhezcpJDsAgDMVQCGPn/vtftgIqlBDUdb18svmKEinzCGpbEGmgG0CW6FByYlurbXzc0TqYna9dXSxrbv/vAY5fAp5RykNhAAAAAElFTkSuQmCC");
       +        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAABIklEQVQ4y9WTL0gEQRTGf7Oji3/xEGwugj6xGsRmE4wG04UD4YqgxSDYLRtFMAnaTIeCySBosW02jUmzntxxKnI3lgvHMjt3e2rwKwPzPb75vnnvwS9Cda2IkwhYBW7YX3rylQbdtEYVu8BpCNs/cxYn0YjCNCzhmOK9blnwuQt8QgXNVcMSAtQtwxMBlXbs3DHL1SaLnRdvLZaBcj6xOIkKgdp0UZNalbLcOcXGA/aqLTvj4l6adjaEnZ7FprRe9/VlelBv8NdwjoYxpgicAx8ZabZE5CxNDGQ8ctE+hxzcLVDp+c9E5BNYAWop6hU4EJFa3jm7B9JRLoG7vtbJGDMHXAMCPANrIvLQ16KLyCNwCHwBRz4hXwM6cQLMA8f8W3wDnmNEHIbRWQMAAAAASUVORK5CYII=");
        }
        
        table.datatable thead .sort-desc {
       -        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAMAAABFjsb+AAAANlBMVEX///8AAAAAiMwAiMwRhs4Rhs4Ch8wIh80Hh80Fh8wGh8wGh8wGh8wFh8wCh8wEh8wAiMwAiMxZqlK3AAAAEXRSTlMAAB2AzsmG0taMwMXv84WJYfFSzyAAAABDSURBVHhezchJDoAgEATAtlndnf9/FoITGS8m3qhjYTTT4/8hyM2bi3qzOaZWmTBcOweLS62VeOEmu1Z3yKnR8SI+FEw1AqTD6lo9AAAAAElFTkSuQmCC");
       +        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAABGUlEQVQ4y82Uv0oDQRDGf3unGIOiWCtCnMpOuM7G0lbxFayENGnuEQSxEVMGBGsLS8EnEEHbwHigZyeIRCN6YbM21yiX+6OgLgwDM7PzfcN+s/BfjykqUNU60AcmRCTJq/VKAO6kfvtHzFR1GTgD5gEF1kXkpjIzVTVAK20EIEAzjVcecw3Y+BJrAquVxlTVaaCXA1QTkfeyzLZS/5ZhAJt/o7PG/pVGA7s06lJj3L+LWiuLpca8H9iTPAYP1p6Wfs0EDud8E2XlZj1z+zxkr7w0wiB+tO44K/U0dEeEQVxVZ50Zj4tPrHyugc73Fn33cmHK0H1xTNYNyatDRrEqXvQwiBPHQYrazmsEMFaknQTaQLfvOP/Vz/EDaOlUh4wYGM8AAAAASUVORK5CYII=");
        }
        
        table.datatable tbody tr:nth-child(2n+1) td {
       @@ -66,10 +71,6 @@ table.datatable tbody tr:hover td {
                height: 1px;
        }
        
       -.datatable-lazyscroll-container th {
       -        width: 200px;
       -}
       -
        .datatable-lazyscroll-headers {
                overflow: hidden;
                position: relative;
       @@ -95,6 +96,10 @@ table.datatable tbody tr:hover td {
                position: relative;
        }
        
       +.datatable-lazyscroll-headers th {
       +        border-bottom: 0 !important;
       +}
       +
        .datatable-lazyscroll-container {
                height: 608px;
        }
       @@ -103,6 +108,6 @@ table.datatable tbody tr:hover td {
                height: 580px;
        }
        
       -.datatable-lazyscroll-headers th {
       -        border-bottom: 0 !important;
       +.datatable-lazyscroll-container th {
       +        width: 150px;
        }