ConsoleGamesWASM
145 строк · 2.5 Кб
1/* /Shared/MainLayout.razor.rz.scp.css */
2.page[b-6btuwpt5su] {3position: relative;4display: flex;5flex-direction: column;6}
7
8main[b-6btuwpt5su] {9flex: 1;10}
11
12.sidebar[b-6btuwpt5su] {13background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);14}
15
16.top-row[b-6btuwpt5su] {17background-color: #f7f7f7;18border-bottom: 1px solid #d6d5d5;19justify-content: flex-end;20height: 3.5rem;21display: flex;22align-items: center;23}
24
25.top-row[b-6btuwpt5su] a, .top-row[b-6btuwpt5su] .btn-link {26white-space: nowrap;27margin-left: 1.5rem;28text-decoration: none;29}30
31.top-row[b-6btuwpt5su] a:hover, .top-row[b-6btuwpt5su] .btn-link:hover {32text-decoration: underline;33}34
35.top-row[b-6btuwpt5su] a:first-child {36overflow: hidden;37text-overflow: ellipsis;38}39
40@media (max-width: 640.98px) {41.top-row:not(.auth)[b-6btuwpt5su] {42display: none;43}44
45.top-row.auth[b-6btuwpt5su] {46justify-content: space-between;47}48
49.top-row[b-6btuwpt5su] a, .top-row[b-6btuwpt5su] .btn-link {50margin-left: 0;51}52}
53
54@media (min-width: 641px) {55.page[b-6btuwpt5su] {56flex-direction: row;57}58
59.sidebar[b-6btuwpt5su] {60width: 250px;61height: 100vh;62position: sticky;63top: 0;64}65
66.top-row[b-6btuwpt5su] {67position: sticky;68top: 0;69z-index: 1;70}71
72.top-row.auth[b-6btuwpt5su] a:first-child {73flex: 1;74text-align: right;75width: 0;76}77
78.top-row[b-6btuwpt5su], article[b-6btuwpt5su] {79padding-left: 2rem !important;80padding-right: 1.5rem !important;81}82}
83/* /Shared/NavMenu.razor.rz.scp.css */
84.navbar-toggler[b-dipj2vueam] {85background-color: rgba(255, 255, 255, 0.1);86}
87
88.top-row[b-dipj2vueam] {89height: 3.5rem;90background-color: rgba(0,0,0,0.4);91}
92
93.navbar-brand[b-dipj2vueam] {94font-size: 1.1rem;95}
96
97.oi[b-dipj2vueam] {98width: 2rem;99font-size: 1.1rem;100vertical-align: text-top;101top: -2px;102}
103
104.nav-item[b-dipj2vueam] {105font-size: 0.9rem;106padding-bottom: 0.5rem;107}
108
109.nav-item:first-of-type[b-dipj2vueam] {110padding-top: 1rem;111}112
113.nav-item:last-of-type[b-dipj2vueam] {114padding-bottom: 1rem;115}116
117.nav-item[b-dipj2vueam] a {118color: #d7d7d7;119border-radius: 4px;120height: 3rem;121display: flex;122align-items: center;123line-height: 3rem;124}125
126.nav-item[b-dipj2vueam] a.active {127background-color: rgba(255,255,255,0.25);128color: white;129}130
131.nav-item[b-dipj2vueam] a:hover {132background-color: rgba(255,255,255,0.1);133color: white;134}135
136@media (min-width: 641px) {137.navbar-toggler[b-dipj2vueam] {138display: none;139}140
141.collapse[b-dipj2vueam] {142/* Never collapse the sidebar for wide screens */143display: block;144}145}
146