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

Last change on this file since 5586 was 5586, checked in by Twan Goosen, 10 years ago

Layout tweaks wrt CLARIN style
Refs #594

File size: 4.2 KB
Line 
1/*
2Copyright (C) 2014 CLARIN
3
4This program is free software: you can redistribute it and/or modify
5it under the terms of the GNU General Public License as published by
6the Free Software Foundation, either version 3 of the License, or
7(at your option) any later version.
8
9This program is distributed in the hope that it will be useful,
10but WITHOUT ANY WARRANTY; without even the implied warranty of
11MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
12GNU General Public License for more details.
13
14You should have received a copy of the GNU General Public License
15along with this program.  If not, see <http://www.gnu.org/licenses/>.
16*/
17
18table {
19   
20    td, th {
21        padding: .2em;
22    }
23   
24    td.action {
25        width: 8em;
26        text-align: right;
27    }
28
29    td.type {
30        width: 5em;
31    }
32}
33
34table.moving {
35
36    tr:hover td {
37        border-top: 6px solid $red !important;
38    }
39
40    tr.moving:hover td {
41        border-top: 0px !important;
42    }
43}
44
45table.resourcesTable {
46
47    width: 800px;
48    table-layout: fixed;     
49   
50    td.move {
51        width: 5em;
52    }
53
54    tr.moving {
55        background-color: $red !important;
56
57        td, td a {
58            background-color: $red !important;
59            color: white !important;
60        }
61    }
62
63} //table.resourcesTable
64
65table.creatorsTable {
66
67    width: 800px;
68    table-layout: fixed;
69
70    td {
71        width: 252px;
72        overflow: hidden;
73    }
74} //table.creatorsTable
75
76table.collectionsTable {
77
78    width: 100%;
79    table-layout: fixed;
80    position: static !important;
81
82    th, td {
83        vertical-align: top;
84        padding-left: .5em;
85
86        &.state {
87            width: 5em;
88        }
89
90        &.type {
91            width: 7em;
92        }
93
94        &.created {
95            width: 7em;
96        }
97
98        &.action {
99            width: 2em;
100        }
101    }
102
103    td.name {
104
105        width: auto;
106       
107        div.name {
108            padding-left: 16px;
109            /* icon from GLYPHICONS.com */
110            background-image: url('../icons/glyphicons_367_expand.png');
111            background-size: $iconsize;
112            background-repeat: no-repeat;
113            background-position: center left;
114            cursor: pointer;
115
116
117
118            &:hover {
119                color: #AE0000;
120                background-color: inherit;
121            }
122
123            &.detailsShown {
124                padding-left: 16px;
125                /* icon from GLYPHICONS.com */
126                background-image: url('../icons/glyphicons_369_collapse_top.png');
127                background-size: $iconsize;
128                background-repeat: no-repeat;
129                background-position: center left;
130            }
131
132            &.noDetails{
133                background-image: none;
134            }
135
136        }
137
138        div.details {
139            margin-left: 16px;
140            margin-right: -248px;
141            width: 964px;
142        }
143
144        div.desc {
145            text-align: justify;
146            padding: 4px 0 0 0;
147        }
148
149        div.actions {
150            margin: 4px 0 2px 0;
151        }
152    } //td.name
153
154
155    &.public td.action span,
156    &.private td.action div.popupTrigger span {
157        display: none;
158    }
159
160    &.public td.action a, &.private td.action div.popupTrigger {
161        display: block;
162        width: $iconsize;
163        height: $iconsize;
164        background: transparent no-repeat center center;
165        background-size: $iconsize;
166        margin-right: 2px;
167        margin-top: 3px;
168    }
169
170    &.public td.action a {
171        /* icon from GLYPHICONS.com */
172        background-image: url('../icons/glyphicons_236_zoom_in.png');
173    }
174
175    &.private td.action div.popupTrigger {
176        /* icon from GLYPHICONS.com */
177        background-image: url('../icons/glyphicons_136_cogwheel.png');
178    }
179} //table.collectionsTable
180
181/* ORDERING */
182
183tr.headers {
184
185    a.wicket_orderNone, a.wicket_orderUp, a.wicket_orderDown {       
186        padding-right: 18px;
187        background-color: transparent;
188        background-repeat: no-repeat;
189        background-position: center right;
190    }
191
192    a.wicket_orderNone {
193        background-image: url('../icons/sort_both.png');
194    }
195
196    a.wicket_orderUp {
197        background-image: url('../icons/sort_asc.png');
198    }
199
200    a.wicket_orderDown {
201        background-image: url('../icons/sort_desc.png');
202    }
203}
Note: See TracBrowser for help on using the repository browser.