]>
Commit | Line | Data |
---|---|---|
36f9424f C |
1 | @import '_variables'; |
2 | @import '_mixins'; | |
3 | ||
78f912ed | 4 | .about-instance-title { |
d3e56c0c C |
5 | display: flex; |
6 | justify-content: space-between; | |
7 | ||
ccc00cb2 | 8 | .title { |
d3e56c0c | 9 | font-size: 20px; |
ccc00cb2 | 10 | font-weight: $font-semibold; |
d3e56c0c C |
11 | } |
12 | ||
ccc00cb2 | 13 | .contact-admin { |
d3e56c0c C |
14 | @include peertube-button; |
15 | @include orange-button; | |
ad571826 C |
16 | |
17 | height: fit-content; | |
47162a9c K |
18 | |
19 | &:hover, | |
20 | &:active { | |
21 | text-decoration: none; | |
22 | } | |
d3e56c0c | 23 | } |
78f912ed C |
24 | } |
25 | ||
9fe1bc68 C |
26 | .instance-badges { |
27 | font-size: 16px; | |
fd7ca7a7 | 28 | margin-bottom: 20px; |
9fe1bc68 C |
29 | |
30 | .badge { | |
27bc9586 C |
31 | @include margin-right(5px); |
32 | ||
9fe1bc68 C |
33 | font-size: 12px; |
34 | font-weight: $font-semibold; | |
9fe1bc68 C |
35 | |
36 | &.category { | |
e66883b3 | 37 | background-color: pvar(--mainColor); |
9fe1bc68 C |
38 | } |
39 | } | |
40 | } | |
41 | ||
36f9424f C |
42 | .section-title { |
43 | font-weight: $font-semibold; | |
ccc00cb2 | 44 | font-size: 16px; |
36f9424f | 45 | margin-bottom: 5px; |
ccc00cb2 C |
46 | display: flex; |
47 | align-items: center; | |
48 | } | |
49 | ||
50 | .middle-title { | |
51 | @include in-content-small-title; | |
52 | ||
f3081d64 | 53 | margin-top: 0; |
ccc00cb2 | 54 | margin-bottom: 25px; |
36f9424f C |
55 | } |
56 | ||
ccc00cb2 | 57 | .block { |
f3081d64 | 58 | margin-bottom: 75px; |
4402b54d | 59 | font-size: 15px; |
36f9424f | 60 | } |
c8000975 C |
61 | |
62 | .short-description .dedicated-to-nsfw { | |
63 | margin-top: 20px; | |
64 | font-weight: $font-semibold; | |
65 | } | |
c2165d60 | 66 | |
67 | .anchor-link { | |
68 | @include disable-outline; | |
69 | ||
70 | position: relative; | |
71 | ||
931d3430 C |
72 | &:hover, |
73 | &:active { | |
c2165d60 | 74 | &::after { |
27bc9586 C |
75 | @include margin-left(0.2em); |
76 | ||
c2165d60 | 77 | content: '#'; |
78 | display: inline-block; | |
c2165d60 | 79 | } |
80 | } | |
81 | ||
931d3430 C |
82 | .middle-title, |
83 | .section-title { | |
c2165d60 | 84 | display: inline-block; |
85 | } | |
86 | ||
87 | .section-title { | |
8a9e6ee4 | 88 | color: var(--mainForegroundColor); |
c2165d60 | 89 | } |
90 | } |