app/soc/content/less/gsoc/tables.less

@import "common.less";
/*////////////////

  Tables

////////////////*/

// Images locations
@image_table_sort_asc: "@{images_gsoc_location}/table-sort-asc.gif";
@image_table_sort_desc: "@{images_gsoc_location}/table-sort-desc.gif";
@image_ranking: "@{images_gsoc_location}/ranking.png";

.tablesorter {/*all tables used in the dashboard*/
    border: 1px solid #e7e7e7;
    width: 100%;

    th.header {/*header cells*/
        background: #e7e7e7;
        color: #000;
        cursor: pointer;
        font-size: 11px;
        font-weight: normal;
        padding: 4px;
        text-align: left;
        span {/*padding for the arrow*/
            padding-right: 20px;
        }
    }
    .headerSortUp span, .headerSortDown span {
        background-position: right center;
        background-repeat: no-repeat;
    }
    .headerSortUp span {/*asc arrow*/
        background-image:url(@image_table_sort_asc);
    }
    .headerSortDown span {/*desc arrow*/
        background-image: url(@image_table_sort_desc);
    }

    tbody {/*table body*/
        td {
            font-size: 12px;
            padding: 2px 4px;
            a {
                color: #188dd0;
                font-weight: bold;
                text-decoration: none;
            }
            a.rank {/*ranking arrows - default is down on*/
                background:url(@image_ranking) 0 0 no-repeat;
                display: block;
                float: left;
                height: 6px;
                width: 11px;
            }
            a.rank.up {/*upward arrow - default is on*/
                background-position: -12px 0;
                margin-right: 5px;
            }
            a.rank.up.off {/*stack the "off" class to turn the arrow off*/
                background-position: -12px -7px;
            }
            a.rank.down.off {
                background-position: 0 -7px;
            }
        }
        td.emph {/*emphasized text*/
            font-weight: bold;
        }
        td.flag {/*flagged text*/
            color: #f6120f;
        }
        .stars {/*rating stars*/
            float: left;
            width: 75px !important;
        }
        tr.even {/*zebra striping in table*/
            background: #eee;
        }
    }
}

.table-submitted-google {/*when multiple tables are stacked, add this bottom margin to the top table*/
    margin: 0 0 10px 0;
}

.table-projects tbody tr:hover {
    background: #E0EDF5;
}