source: VirtualCollectionRegistry/trunk/VirtualCollectionRegistry/src/main/webapp/css/table.scss @ 5569

/*
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/>.
*/
@import 'globals';

table {
    td.action {
        width: 8em;
        text-align: right;
    }

    td.type {
        width: 60px;
    }
}

table.moving {

    tr:hover td {
        border-top: 6px solid #ccc;
    }

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

table.resourcesTable {

    td.move {
        width: 5em;
    }

    tr.moving {
        background: #ccc;

        td, td a {
            color: #333;
        }
    }

} //table.resourcesTable

table.creatorsTable {

    width: 805px;

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

table.collectionsTable {

    width: 100%;
    table-layout: fixed;

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

    td.name 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;
    }

    td.name div.name:hover {
        color: #AE0000;
        background-color: inherit;
    }

    td.name div.name.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;
    }

    td.name div.name.noDetails{
        background-image: none;
    }

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

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

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

    th.state, td.state {
        width: 5em;
    }

    th.type, td.type {
        width: 7em;
    }

    th.created, td.created {
        width: 7em;
    }

    td.action, th.action {
        width: 2em;
    }

    &.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');
    }
} //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');
    }
}