diff --git a/css/tabbed-container.css b/css/tabbed-container.css index 9dc79e8..1cca863 100644 --- a/css/tabbed-container.css +++ b/css/tabbed-container.css @@ -1,10 +1,12 @@ /* = TABBED CONTAINERS */ +.tabbed-page, .tabbed-container { display: flex; flex-direction: column; } +.tabbed-page .tablist, .tabbed-container .tablist { position: relative; bottom: -2px; @@ -15,6 +17,7 @@ overflow-y: hidden; } +.tabbed-page .tablist .tab, .tabbed-container .tablist .tab, .tabbed-container .tablist .faketab { cursor: pointer; @@ -26,6 +29,7 @@ text-decoration: none; } +.tabbed-page .tablist .tab, .tabbed-container .tablist .tab, .tabbed-container .tablist .faketab { background-color: var(--tab-inactive); @@ -44,6 +48,7 @@ vertical-align: middle; } +.tabbed-page .tablist .tab.selected, .tabbed-container .tablist .tab.selected, .tabbed-container .tablist .faketab.selected { background: var(--tab-selected, #d3d3d3); @@ -54,6 +59,7 @@ /*border-bottom: none;*/ } +.tabbed-page .box, .tabbed-container .box, .tabbed-container .dropdown { background-color: var(--tab-selected);