(왜인지는 모르겠는데 파이어폭스에서만 정상 작동되고 이쁘더라..?)

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
body:lang(ko) {
    font-family: Pretendard Light, "Apple SD Gothic Neo", NanumBarunGothic, "맑은 고딕", "Malgun Gothic", Gulim, 굴림, Dotum, 돋움, "Helvetica Neue", Helvetica, Arial, sans-serif
}
html.theme-dark {
    --color-bg-navbar: #242424cf;
    --color-border-outer: #333333ab
}
.body .board-article {
    margin-top: 5rem;
    border-radius: 6px 6px 0 0
}
.body .sidebar .sidebar-item {
    margin-top: 4.2rem
}
.body .board-article .board-title .buttons .btn {
    border-radius: 6px
}
.body .navbar-wrapper {
    top: 1%;
    left: 45%;
    transform: translate(-45%);
    position: fixed;
    border-radius: 15px;
    border-bottom: unset
}
.body .dropdown-menu,
.body .navbar-wrapper {
    background-color: var(--color-bg-navbar);
    box-shadow: 0 8px 32px 0 rgba(24, 24, 24, .6)
}
.body .dropdown-menu,
.body .navbar-wrapper,
.body .navbar-wrapper .navbar .dropdown-menu {
    backdrop-filter: blur(50px) saturate(180%);
    -webkit-backdrop-filter: blur(50px) saturate(180%);
    border: 1.5px solid var(--color-border-outer)
}
.body .navbar-wrapper .navbar .dropdown-menu {
    margin-top: .95rem;
    margin-right: -.75rem;
    border-bottom: unset;
    border-radius: 15px;
    border-color: var(--color-border-outer);
    overflow: auto;
    height: 320px
}
.dropdown-item {
    padding: .12rem 1.1rem
}
.body .navbar-wrapper .navbar .search-form {
    background-color: unset;
    border-radius: 6px
}
.body .navbar-wrapper .navbar .search-form .search-input-wrapper {
    border-bottom: unset
}
.content {
    border-radius: 0 0 15px 15px
}
.channel-icon,
.emoticon,
.image,
img,
video {
    border-radius: 10px!important
}
cs