diff --git a/src/css/custom.css b/src/css/custom.css index 76dc9b9..fcc33c2 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -665,6 +665,57 @@ code { .sidebar-bucketeer-logo > .menu__link--active:before { background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"%3E%3Crect width="256" height="256" fill="none" /%3E%3Cpath d="M175,462,c-53,-10,-68,-20,-62,-43,4,-14,-6,-29,-35,-52,-85,-68,-84,-120,3,-116,42,2,50,-1,74,-30,l28,-32,-23,-24,-23,-25,21,-23,c26,-28,27,-35,6,-59,-14,-14,-14,-20,-4,-33,16,-19,34,-19,50,0,10,12,9,20,-3,39,-15,23,-15,26,5,51,l20,26,-23,25,-23,25,27,26,27,27,29,-28,28,-27,22,27,21,27,28,-26,28,-27,22,23,c27,29,27,35,0,64,l-22,23,33,34,c22,22,34,47,38,73,5,36,3,41,-18,47,-36,11,-228,16,-274,8z,m261,-24,c17,-17,-13,-22,-139,-22,-131,-1,-182,9,-141,25,24,10,270,7,280,-3z,m-312,-103,c4,-19,9,-35,12,-35,3,0,39,1681,35,85,39,83,39,83,25,0,-14,-83,-54,-164,-79,-66,-20,-106,-20,-106,0,0,1170,89,80,89,4,0,11,-16,14,-35z" fill="%23FFFFFF" stroke="%23FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="16" /%3E%3Cpath d="M272,158,c-16,-16,-15,-33,3,-48,13,-10,19,-9,35,5,19,17,19,19,4,37,-20,21,-26,22,-42,6z" fill="%23FFFFFF" stroke="%23FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="16" /%3E%3Cpath d="M360,155,c-10,-13,-9,-19,5,-36,19,-20,19,-20,39,0,16,17,17,23,6,35,-16,20,-34,20,-50,1z" fill="none" stroke="%23FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="16" /%3E%3C/svg%3E'); } +/* +.sidebar-audit-logs .menu__list-item-collapsible .menu__link--active:before { + background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M160-200v-80h80v-280q0-83 50-147.5T420-792v-28q0-25 17.5-42.5T480-880q25 0 42.5 17.5T540-820v28q80 20 130 84.5T720-560v280h80v80H160Zm320-300Zm0 420q-33 0-56.5-23.5T400-160h160q0 33-23.5 56.5T480-80ZM320-280h320v-280q0-66-47-113t-113-47q-66 0-113 47t-47 113v280Z' stroke='%23FFFFFF' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); +} + +.navbar__items:not(.navbar__items--right) .navbar__link { + padding-left: 35px; + padding-right: 35px; + font-weight: 700; + font-size: 16px; +} + +.navbar__link:hover { + position: relative; +} + + +.navbar__items:not(.navbar__items--right) + .navbar__link:hover:not(.navbar__link--active):before { + content: '■'; + position: absolute; + top: 11px; + margin-left: -18px; + color: #e439ac; + transform: rotate(45deg); + font-size: 12px; + line-height: 11px; +} + +.navbar__link--active { + position: relative; + z-index: 1; +} + +.navbar__link--active:before { + content: ''; + position: absolute; + top: -19px; + left: 0; + width: 100%; + height: 70px; + background-color: #684b9d; + z-index: -1; +} + + + +/*.menu__link--active.menu__link--sublist { + background-color: #573792; + color: #FFF; +}*/ .navbar__items { text-align: center; @@ -683,13 +734,17 @@ code { .navbar__link:hover:not(.navbar__link--active) { position: relative; + /*text-decoration-line: underline; + text-underline-offset: 3px; + text-decoration-color: #e439ac; + text-decoration-thickness: 0.1em;*/ color: #e439ac; } .navbar__link--active { position: relative; z-index: 1; - cursor: default; + cursor: text; } .navbar__link--active:before { @@ -1167,3 +1222,42 @@ details .tabs__item--active { border-right: 1px solid #efecf5 !important; border-top: 1px solid #efecf5 !important; } + + +:root { + --ifm-menu-color-background-hover: transparent !important; +} + +.t-doc__sidebar { + --scalar-sidebar-background-1: #f9f4fc !important; + --scalar-sidebar-item-hover-color: #573792 !important; + --scalar-sidebar-search-background: reed !important; + --scalar-sidebar-item-active-background: #573792 !important; + --scalar-sidebar-color-active: #FFFFFF !important; +} + +.t-doc__sidebar .sidebar { + border-right: 0 !important; +} + +html[data-theme='light'] body .t-doc__sidebar { + --scalar-sidebar-item-hover-background: #ddd7e9 !important; +} + +.sidebar-heading-link-title { + font-size: 15px; + font-weight: 400; + color: #7462a3; +} + +.sidebar-heading:not(.sidebar-group-item__folder) .sidebar-heading-link-title { + padding-left: 10px !important; +} + +.sidebar-heading-chevron:before { + background: var(--ifm-menu-link-sublist-icon) 50% / 1rem 1rem !important; +} + +.active_page.sidebar-heading .sidebar-heading-link-title { + color: var(--scalar-sidebar-color-active) !important; +}