_list-elements.scss 2.03 KB
Newer Older
Pat Kira's avatar
Pat Kira committed
1
2
// global styles for list elements such a list of pages, collections 

Pat Kira's avatar
Pat Kira committed
3
4
5
.listing {
    .listrow {
        @include clearfix;
6
        padding: 15px;
Naomi Guyer's avatar
Naomi Guyer committed
7
        border-top: 1px solid #ddd;
8
        
Naomi Guyer's avatar
Naomi Guyer committed
9
10
        &:first-child {
            border-top: none;
Pat Kira's avatar
Pat Kira committed
11
        }
12
13
14
15
        .user-icon {
            display: inline-block;
            width: 30px;
        }
Pat Kira's avatar
Pat Kira committed
16
        .title {
17
            display: inline-block;
Pat Kira's avatar
Pat Kira committed
18
19
20
21
22
23
24
            font-size: $font-size-large;
            margin: 0;
        }
        .list-element-detail {
            font-size: $font-size-small;
            padding-top: 5px;
        }
Pat Kira's avatar
Pat Kira committed
25
26
        .detail {
            clear: both;
27
            font-size: $font-size-small;
Pat Kira's avatar
Pat Kira committed
28
        }
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
        .content {
            margin-top: 10px;
            padding-left: 0;
            @media (min-width: $screen-sm-min) {
                padding-left: 40px;
            }
        }
        .actionlist {
            &.groupuserstatus {
                max-width: 200px;
            }
            clear: both;
            float: none;
            font-size: $font-size-small;
            padding: 15px 0 0 0;
            margin-bottom: 0;
            @media (min-width: $screen-sm-min) {
                clear: none;
                float: right;
                padding: 0 0 0 15px;
            }
            .memberof {
                font-weight: bold;
            }
Pat Kira's avatar
Pat Kira committed
53
        }
54
55
    }
}
Pat Kira's avatar
Pat Kira committed
56

57
.list-group-item-link {
Naomi Guyer's avatar
Naomi Guyer committed
58
    margin: 5px -15px 0;
59
    li a {
Pat Kira's avatar
Pat Kira committed
60
        font-size: 0.9em;
61
62
63
64
65
66
67
68
69
70
        display: block;
        padding: 5px 15px;
        color: #666;
        &:hover {
            background: darken(#f0f0f0, 1%);
            text-decoration: none;
            color: darken($link-color, 5%);
        }
        small {
            color: $link-color;
Pat Kira's avatar
Pat Kira committed
71
        }
Pat Kira's avatar
Pat Kira committed
72
73
74
75
76
77
78
79
80
81
82
83
84
        .file-icon {
            display: inline-block;
            width: 22px;
            height: 22px;
        }
        .file-title {
            display: inline-block;
            vertical-align: middle;
        }
        .file-size {
            float: right;
            color: darken($brand-default, 40%);
        }
Pat Kira's avatar
Pat Kira committed
85
86
    }
}