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

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

styling: SASS partials
Refs #594

File size: 3.8 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: 60px;
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.resourcesTable
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
77    td.name div.name {
78        padding-left: 16px;
79        /* icon from GLYPHICONS.com */
80        background-image: url('../icons/glyphicons_367_expand.png');
81        background-size: $iconsize;
82        background-repeat: no-repeat;
83        background-position: center left;
84        cursor: pointer;
85    }
86
87    td.name div.name:hover {
88        color: #AE0000;
89        background-color: inherit;
90    }
91
92    td.name div.name.detailsShown {
93        padding-left: 16px;
94        /* icon from GLYPHICONS.com */
95        background-image: url('../icons/glyphicons_369_collapse_top.png');
96        background-size: $iconsize;
97        background-repeat: no-repeat;
98        background-position: center left;
99    }
100
101    td.name div.name.noDetails{
102        background-image: none;
103    }
104
105    td.name div.details {
106        margin-left: 16px;
107        margin-right: -248px;
108        width: 964px;
109    }
110
111    td.name div.desc {
112        text-align: justify;
113        padding: 4px 0 0 0;
114    }
115
116    td.name div.actions {
117        margin: 4px 0 2px 0;
118    }
119
120    th.state, td.state {
121        width: 5em;
122    }
123
124    th.type, td.type {
125        width: 7em;
126    }
127
128    th.created, td.created {
129        width: 7em;
130    }
131
132    td.action, th.action {
133        width: 2em;
134    }
135
136    &.public td.action span,
137    &.private td.action div.popupTrigger span {
138        display: none;
139    }
140
141    &.public td.action a, &.private td.action div.popupTrigger {
142        display: block;
143        width: $iconsize;
144        height: $iconsize;
145        background: transparent no-repeat center center;
146        background-size: $iconsize;
147        margin-right: 2px;
148        margin-top: 3px;
149    }
150
151    &.public td.action a {
152        /* icon from GLYPHICONS.com */
153        background-image: url('../icons/glyphicons_236_zoom_in.png');
154    }
155
156    &.private td.action div.popupTrigger {
157        /* icon from GLYPHICONS.com */
158        background-image: url('../icons/glyphicons_136_cogwheel.png');
159    }
160} //table.collectionsTable
161
162/* ORDERING */
163
164tr.headers {
165
166    a.wicket_orderNone, a.wicket_orderUp, a.wicket_orderDown {       
167        padding-right: 18px;
168        background-color: transparent;
169        background-repeat: no-repeat;
170        background-position: center right;
171    }
172
173    a.wicket_orderNone {
174        background-image: url('../icons/sort_both.png');
175    }
176
177    a.wicket_orderUp {
178        background-image: url('../icons/sort_asc.png');
179    }
180
181    a.wicket_orderDown {
182        background-image: url('../icons/sort_desc.png');
183    }
184}
Note: See TracBrowser for help on using the repository browser.