.navbar.razor.css
unknown
plain_text
a year ago
4.9 kB
1
Indexable
Never
.navbar-toggler { background-color: rgba(255, 255, 255, 0.1); } .top-row { height: 3.5rem; background-color: rgba(0,0,0,0.4); } /* .navbar-brand { font-size: 1.1rem; }*/ .sidebar header { position: relative; } /* .oi { width: 2rem; font-size: 1.1rem; vertical-align: text-top; top: -2px; } .nav-item { font-size: 0.9rem; padding-bottom: 0.5rem; } .nav-item:first-of-type { padding-top: 1rem; } .nav-item:last-of-type { padding-bottom: 1rem; } .nav-item ::deep a { color: #d7d7d7; border-radius: 4px; height: 3rem; display: flex; align-items: center; line-height: 3rem; border-left: 5px solid transparent; } .nav-item ::deep a.active { color: cyan; border-left-color: cyan; background-color: #1e1e1e ; border-radius: cyan; } .nav-item ::deep a:hover { color: cyan; background-color: #2b2828; border-left-color: cyan; } @media (min-width: 641px) { .navbar-toggler { display: none; } .collapse { /* Never collapse the sidebar for wide screens display: block; } } /*.sidebar header .toggle{ position: absolute; right: 50%; left: -25%; transform: translateY(-50%); height: 25px; width: 25px; } */ .material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 48; font-size: 18px; color:white; border-color:black; } ::deep .material-symbols-outlined { font-family: 'Material Symbols Outlined'; font-weight: normal; font-style: normal; font-size: 16px; width: 15px !important; line-height: 1; height: 15px !important; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; } /* .navbar-toggler { background-color: rgba(255, 255, 255, 0.1); }*/ .top-row { height: 8rem; background-color: rgba(0,0,0,0.4); } .bottom-row { color: white; cursor: pointer; margin: 15px 0; position: absolute; top: 5%; right: -15px; transform: translateY(-50%); height: 30px; width: 30px; align-content:center; background-color: rgba(120, 190, 68, 1); border-width: 15px; border: 4px solid #000 !important; border-color: #1E1E1E; display: flex; align-items: center; justify-content: center; border-radius: 100%; color: var(--sidebar-color); font-size: 22px; } .icon-menu-arrow { text-align: right; } .navbar-brand { font-size: 1.1rem; } .oi { width: 2rem; font-size: 1.1rem; vertical-align: text-top; top: -2px; } .nav-item { font-size: 0.9rem; padding-bottom: 0.5rem; } .nav-item:first-of-type { padding-top: 1rem; } .nav-item:last-of-type { padding-bottom: 1rem; } .nav-item ::deep a { color: #FEFEFE; font:bold; height: 3rem; font-size:16px; display: flex; align-items: center; line-height: 3rem; border-left: 5px solid transparent; border-right: 5px solid transparent; font-family: Roboto,bold; } .nav-item ::deep a.active { color: rgba(120, 190, 68, 1); border-left-color: rgba(120, 190, 68, 1); background-color: rgba(250, 252, 248, 1); border-radius: crgba(120, 190, 68, 1); } .nav-item ::deep a:hover { color: rgba(120, 190, 68, 1); background-color: rgba(254, 254, 254, 1); border-left-color: rgba(120, 190, 68, 1); } @media (min-width: 641px) { .navbar-toggler { display: none; border-width: 47px; border-color: black; } .collapse { /* Never collapse the sidebar for wide screens */ display: block; } } @media (max-width: 640px) { .bottom-row { display: block; } } .dash-icon{ margin:5px; } .down-arrow{ margin:30px; } .img1{ top: 32px; left: 32px; width: 74px; height: 63px; /* UI Properties */ background: transparent url('img/Logo.png') 0% 0% no-repeat padding-box; opacity: 1; } /*#subn { background-color: rgba(245, 254, 254, 1) !important; border-right-color: rgba(120, 190, 68, 1) !important; color: rgba(120, 190, 68, 1); }*/ #subn{ padding-left:20px; border-bottom-color:red; div > li{ background-color: red; }