promptflow
77 строк · 1.3 Кб
1.title {2font-weight:700;3}
4
5.sd-card-header {6font-weight:700;7font-size: 16px;8}
9
10
11.bd-page-width {12max-width: 100rem;13}
14
15.bd-sidebar-primary {16flex: 0 0 20%;17}
18
19.bd-main .bd-content .bd-article-container {20max-width: 70em;21}
22
23html[data-theme="light"] {24--header-announcement-color: #fff070;25}
26
27html[data-theme="dark"] {28--header-announcement-color: #4d4d00;29}
30
31.bd-header-announcement {32background: var(--header-announcement-color);33}
34
35/* (A) LIGHTBOX BACKGROUND */
36#lightbox {37/* (A1) COVERS FULLSCREEN */38position: fixed; z-index: 1060;39top: 0; left: 0;40width: 100%; height: 100%;41
42/* (A2) BACKGROUND */43background: rgba(0, 0, 0, 0.5);44
45/* (A3) CENTER IMAGE ON SCREEN */46display: flex;47align-items: center;48align-items: center;49
50/* (A4) HIDDEN BY DEFAULT */51visibility: hidden;52opacity: 0;53
54/* (A5) SHOW/HIDE ANIMATION */55transition: opacity ease 0.4s;56}
57/* (A6) TOGGLE VISIBILITY */
58#lightbox.show {59visibility: visible;60opacity: 1;61}
62/* (B) LIGHTBOX IMAGE */
63#lightbox img {64/* (B1) DIMENSIONS */65width: 100%;66height: 100%;67
68/* (B2) IMAGE FIT */69/* contain | cover | fill | scale-down */70object-fit: contain;71}
72
73.avatar {74border-radius: 50%;75width: 30px;76height: 30px;77}
78