source: VirtualCollectionRegistry/trunk/VirtualCollectionRegistry/src/main/webapp/css/_table.scss

/*
Copyright (C) 2014 CLARIN

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

table {
    
    td, th {
        padding: .2em;
    }
    
    td.action {
        width: 8em;
        text-align: right;
    }

    td.type {
        width: 5em;
    }
}

table.moving {

    tr:hover td {
        border-top: 6px solid $red !important;
    }

    tr.moving:hover td {
        border-top: 0px !important;
    }
}

table.resourcesTable {

    width: 800px;
    table-layout: fixed;     
    
    td.move {
        width: 5em;
    }

    tr.moving {
        background-color: $red !important;

        td, td a {
            background-color: $red !important;
            color: white !important;
        }
    }

} //table.resourcesTable

table.creatorsTable {

    width: 800px;
    table-layout: fixed;

    td {
        width: 252px;
        overflow: hidden;
    }
} //table.creatorsTable

table.collectionsTable {

    width: 100%;
    table-layout: fixed;
    position: static !important;

    th, td {
        vertical-align: top;
        padding-left: .5em;

        &.state {
            width: 5em;
        }

        &.type {
            width: 7em;
        }

        &.created {
            width: 7em;
        }

        &.action {
            width: 2em;
        }
    }

    td.name {

        width: auto;
        
        div.name {
            padding-left: 16px;
            /* icon from GLYPHICONS.com */
            background-image: url('../icons/glyphicons_367_expand.png');
            background-size: $iconsize;
            background-repeat: no-repeat;
            background-position: center left;
            cursor: pointer;

            &:hover {
                color: $hyperlink_text_emphasized_color;
                background-color: inherit;
            }

            &.detailsShown {
                padding-left: 16px;
                /* icon from GLYPHICONS.com */
                background-image: url('../icons/glyphicons_369_collapse_top.png');
                background-size: $iconsize;
                background-repeat: no-repeat;
                background-position: center left;
            }

            &.noDetails{
                background-image: none;
            }

        }

        div.details {
            margin-left: 16px;
            margin-right: -248px;
            width: 964px;
        }

        div.desc {
            text-align: justify;
            padding: 4px 0 0 0;
        }

        div.actions {
            margin: 4px 0 2px 0;
        }
    } //td.name


    &.public td.action span,
    &.private td.action div.popupTrigger span {
        display: none;
    }

    &.public td.action a, &.private td.action div.popupTrigger {
        display: block;
        width: $iconsize;
        height: $iconsize;
        background: transparent no-repeat center center;
        background-size: $iconsize;
        margin-right: 2px;
        margin-top: 3px;
    }

    &.public td.action a {
        /* icon from GLYPHICONS.com */
        background-image: url('../icons/glyphicons_236_zoom_in.png');
    }

    &.private td.action div.popupTrigger {
        /* icon from GLYPHICONS.com */
        background-image: url('../icons/glyphicons_136_cogwheel.png');
    }
    
    a:visited {
        color: $hyperlink;
    }
    
    a:hover, a:active {
        color: $hyperlink_text_emphasized_color;
    }
    
} //table.collectionsTable

/* ORDERING */

tr.headers {

    a.wicket_orderNone, a.wicket_orderUp, a.wicket_orderDown {        
        padding-right: 18px;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: center right;
    }

    a.wicket_orderNone {
        background-image: url('../icons/sort_both.png');
    }

    a.wicket_orderUp {
        background-image: url('../icons/sort_asc.png');
    }

    a.wicket_orderDown {
        background-image: url('../icons/sort_desc.png');
    }
}