source: VirtualCollectionRegistry/trunk/VirtualCollectionRegistry/src/main/webapp/css/_collectiondetails.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: 2.4 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
18div.collectionDetails { 
19
20    div.property {
21        clear: both;
22        font-size: 100%;
23        border: none;
24        padding: 0 10px 0 10px;
25        margin: 0 0 4px 0;
26
27        label, div {
28            line-height: 1.5em;
29        }
30
31        label {
32            display: block;
33            float: left;
34            width: 140px;
35            padding: 0px 2px;
36            margin: 0;
37            text-align: right;
38            font-weight: normal;
39
40            &:after {
41                content: ':';
42            }
43        }
44
45        div {
46            display: block;
47            clear: none;
48            padding: 0px 2px;
49            margin-left: 144px;
50        }
51
52    } //div.collectionDetails div.property
53
54    ul {
55
56        &.keywords {
57            margin: 0 0 0 16px;
58            padding: 0;
59            list-style: square;
60        }
61
62        &.creators {
63            margin: 0;
64            padding: 0;
65            list-style: none;
66
67            li {
68                border-top: 1px dotted #000000;
69                margin-top: 4px;
70                padding-top: 4px;
71            }
72
73            li.first {
74                border-top: none;
75                margin-top: 0;
76                padding-top: 0;
77            }
78        }
79    } //div.collectionDetails ul
80
81    &.resources {
82        padding-left: 1em !important;
83
84        table {
85            width: 100%;
86            table-layout: fixed;
87
88            td, th {
89                padding-left: .5em;
90                width: auto;
91
92                &.reference {
93                    width: auto;
94                }
95
96                &.type {
97                    width: 9em;
98                }
99            }
100        }
101
102    } //div.collectionDetails.resources
103
104    &.buttons {
105        margin: 10px 0 10px 0;
106        text-align: center;
107    } //div.collectionDetails.buttons
108
109} //div.collectionDetails
Note: See TracBrowser for help on using the repository browser.