aboutsummaryrefslogtreecommitdiff
path: root/client/css/users.styl
blob: 22467ad8a9da2b9e6d406913f4f2f39066f123a5 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
@import colors

#user-registration
    form
        float: left
    .info
        float: left
        margin-left: 3em
        border-radius: 0.2em
        width: 20em
        ul
            line-height: 1.8em
            list-style-type: none
            margin: 0
            padding: 0
            li
                margin: 0
                padding: 0
        i
            margin-right: 0.5em
        i.fa
            color: $main-color
        p:first-child
            margin: 0 0 0.5em 0


#user
    width: 100%
    max-width: 35em
    nav.text-nav
        margin-bottom: 1.5em

    #user-summary
        .thumbnail
            width: 6em
            height: 6em
            margin: 0 1.5em 1.5em 0
            float: left
        .basic-info
            list-style-type: none
            margin: 0
        div
            clear: both
        nav
            float: left
            width: 45%
            margin-right: 1em

    #user-edit
        form
            width: 100%
        .avatar
            #avatar-content
                float: right
                width: 65%
                margin-top: .5em
            #avatar-radio
                float: left
                width: 30%
            &:after
                content: ' '
                display: block
                height: 1px
                clear: both

    #user-delete form
        width: 100%


.user-list
    ul
        list-style-type: none
        padding: 0
        display: flex
        align-content: flex-end
        flex-wrap: wrap
        margin: 0 -0.5em
        li
            flex-grow: 1
            width: 20em
            margin: 0 0.5em 1em 0.5em
            padding: 0.75em
            vertical-align: top
            background: $top-navigation-color
            text-align: left
    .wrapper
        display: flex
    .details
        font-size: 90%
        line-height: 130%
    .thumbnail
        width: 3em
        height: 3em
        margin: 0 0.6em 0 0

.user-list-header
    label
        display: none
    text-align: left
    form
        width: auto
    input[name=search-text]
        max-width: 15em
    .append
        font-size: 0.95em
        color: $inactive-link-color

© 2015 - 2026 Jakob L. Kreuze