oppi.li
1.user.profile .ui.card .header {
2 display: block;
3 font-weight: var(--font-weight-semibold);
4 font-size: 1.3rem;
5 margin-top: -0.2rem;
6 line-height: 1.3rem;
7}
8
9.user.profile .ui.card .profile-avatar-name {
10 border-top: none;
11 text-align: center;
12}
13
14.user.profile .ui.card .extra.content {
15 padding: 0;
16}
17
18.user.profile .ui.card .extra.content > ul {
19 margin: 0;
20 padding: 0;
21}
22
23.user.profile .ui.card .extra.content > ul > li {
24 padding: 10px;
25 display: flex;
26 list-style: none;
27 align-items: center;
28 gap: 0.25em;
29}
30
31.user.profile .ui.card .extra.content > ul > li:not(:last-child) {
32 border-bottom: 1px solid var(--color-secondary);
33}
34
35.user.profile .ui.card .extra.content > ul > li .svg {
36 margin-left: 1px;
37 margin-right: 5px;
38}
39
40.user.profile .ui.card .extra.content > ul > li.follow .ui.button,
41.user.profile .ui.card .extra.content > ul > li.block .ui.button {
42 align-items: center;
43 display: flex;
44 justify-content: center;
45 width: 100%;
46}
47
48.user.profile .ui.card #profile-avatar {
49 padding: 1rem 1rem 0.25rem;
50 justify-content: center;
51}
52
53.user.profile .ui.card #profile-avatar img {
54 max-width: 100%;
55 height: auto;
56}
57
58@media (max-width: 767.98px) {
59 .user.profile .ui.card #profile-avatar img {
60 width: 30vw;
61 }
62}
63
64@media (max-width: 767.98px) {
65 .user.profile .ui.card {
66 width: 100%;
67 }
68}
69
70.user.profile .ui.secondary.stackable.pointing.menu {
71 flex-wrap: wrap;
72}
73
74.user.link-account:not(.icon) {
75 padding-top: 15px;
76 padding-bottom: 5px;
77}
78
79.user.settings .iconFloat {
80 float: left;
81}
82
83.user-orgs {
84 display: flex;
85 flex-flow: row wrap;
86 padding: 0;
87 margin: -3px !important;
88}
89
90.user-orgs > li {
91 display: flex;
92 border-bottom: 0 !important;
93 padding: 3px !important;
94 max-width: 60px;
95}
96
97.user-badges {
98 display: grid;
99 grid-template-columns: repeat(auto-fill, 64px);
100 gap: 2px;
101}
102
103.user-badges img {
104 object-fit: contain;
105}
106
107#readme_profile {
108 padding: 1.5em;
109 background: var(--color-box-body);
110 border: 1px solid var(--color-secondary);
111 border-radius: var(--border-radius);
112}
113
114#profile-avatar-card {
115 background: var(--color-box-body);
116 border: 1px solid var(--color-secondary);
117 border-radius: var(--border-radius);
118}
119
120#notification_table {
121 background: var(--color-box-body);
122 border: 1px solid var(--color-secondary);
123 border-radius: var(--border-radius);
124}
125
126.notifications-item:hover {
127 background: var(--color-hover);
128}
129
130.notifications-buttons {
131 display: none;
132 min-width: 74px;
133}
134
135.notifications-updated {
136 display: flex;
137}
138
139.notifications-item:hover .notifications-buttons {
140 display: flex;
141}
142
143.notifications-item:hover .notifications-updated {
144 display: none;
145}