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

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

Styling of the VC details page
Refs #594

File size: 4.0 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    td.action {
20        width: 8em;
21        text-align: right;
22    }
23
24    td.type {
25        width: 5em;
26    }
27}
28
29table.moving {
30
31    tr:hover td {
32        border-top: 6px solid #ccc;
33    }
34
35    tr.moving:hover td {
36        border-top: 0px;
37    }
38}
39
40table.resourcesTable {
41
42    td.move {
43        width: 5em;
44    }
45
46    tr.moving {
47        background: #ccc;
48
49        td, td a {
50            color: #333;
51        }
52    }
53
54} //table.resourcesTable
55
56table.creatorsTable {
57
58    width: 805px;
59
60    td {
61        width: 252px;
62        overflow: hidden;
63    }
64} //table.creatorsTable
65
66table.collectionsTable {
67
68    width: 100%;
69    table-layout: fixed;
70    position: static !important;
71
72    th, td {
73        vertical-align: top;
74        padding-left: .5em;
75
76        &.state {
77            width: 5em;
78        }
79
80        &.type {
81            width: 7em;
82        }
83
84        &.created {
85            width: 7em;
86        }
87
88        &.action {
89            width: 2em;
90        }
91    }
92
93    td.name {
94
95        width: auto;
96       
97        div.name {
98            padding-left: 16px;
99            /* icon from GLYPHICONS.com */
100            background-image: url('../icons/glyphicons_367_expand.png');
101            background-size: $iconsize;
102            background-repeat: no-repeat;
103            background-position: center left;
104            cursor: pointer;
105
106
107
108            &:hover {
109                color: #AE0000;
110                background-color: inherit;
111            }
112
113            &.detailsShown {
114                padding-left: 16px;
115                /* icon from GLYPHICONS.com */
116                background-image: url('../icons/glyphicons_369_collapse_top.png');
117                background-size: $iconsize;
118                background-repeat: no-repeat;
119                background-position: center left;
120            }
121
122            &.noDetails{
123                background-image: none;
124            }
125
126        }
127
128        div.details {
129            margin-left: 16px;
130            margin-right: -248px;
131            width: 964px;
132        }
133
134        div.desc {
135            text-align: justify;
136            padding: 4px 0 0 0;
137        }
138
139        div.actions {
140            margin: 4px 0 2px 0;
141        }
142    } //td.name
143
144
145    &.public td.action span,
146    &.private td.action div.popupTrigger span {
147        display: none;
148    }
149
150    &.public td.action a, &.private td.action div.popupTrigger {
151        display: block;
152        width: $iconsize;
153        height: $iconsize;
154        background: transparent no-repeat center center;
155        background-size: $iconsize;
156        margin-right: 2px;
157        margin-top: 3px;
158    }
159
160    &.public td.action a {
161        /* icon from GLYPHICONS.com */
162        background-image: url('../icons/glyphicons_236_zoom_in.png');
163    }
164
165    &.private td.action div.popupTrigger {
166        /* icon from GLYPHICONS.com */
167        background-image: url('../icons/glyphicons_136_cogwheel.png');
168    }
169} //table.collectionsTable
170
171/* ORDERING */
172
173tr.headers {
174
175    a.wicket_orderNone, a.wicket_orderUp, a.wicket_orderDown {       
176        padding-right: 18px;
177        background-color: transparent;
178        background-repeat: no-repeat;
179        background-position: center right;
180    }
181
182    a.wicket_orderNone {
183        background-image: url('../icons/sort_both.png');
184    }
185
186    a.wicket_orderUp {
187        background-image: url('../icons/sort_asc.png');
188    }
189
190    a.wicket_orderDown {
191        background-image: url('../icons/sort_desc.png');
192    }
193}
Note: See TracBrowser for help on using the repository browser.