@charset "utf-8"; /* Web developer: Mark Stephens Sept. 2022 - (www.va.gov/Geriatrics) File: /Geriatrics/styles/tabs.css Description: Styles for the topic pages */ #tab-one ul, #tab-two ul, #tab-three ul, #tab-four ul { display: flow-root } .tabs { width: 100%; } [role="tab"] p { color: #fff; } [role="tablist"] { margin: 0 0 -0.1em; overflow: visible; text-align: left; } [role="tablist"] img { opacity: .5; } [role="tablist"] p { margin: 0; } [role="tab"] { position: relative; margin: 0; padding: 2px; overflow: visible; font-family: inherit; font-size: inherit; background: #0f345b; color: #fff;cursor: pointer; border: 1px solid #fff; } [role="tab"]:hover::before, [role="tab"]:focus::before, [role="tab"][aria-selected="true"]::before { position: absolute; bottom: 100%; right: -1px; left: -1px; content: ''; } [role="tab"][aria-selected="true"] { border-radius: 0; outline: 0; } [role="tab"][aria-selected="true"] img { opacity: 1; } [role="tab"][aria-selected="true"]::after { border-top: 3px solid #F5070B; } [role="tab"][aria-selected="true"]::after { position: absolute; z-index: 3; bottom: -1px; right: 0; left: 0; content: ''; } [role="tab"]:hover, [role="tab"]:focus, [role="tab"]:active { outline: 0; border-radius: 0; } [role="tab"]:hover::before, [role="tab"]:focus::before { } [role="tabpanel"] { z-index: 2; padding: 0.5em 0.5em 0.7em; border: 1px solid #fff; } [role="tabpanel"]:focus { border: 1px dashed #C00; outline: 0; } [role="tabpanel"]:focus::after { position: absolute; bottom: 0; right: -1px; left: -1px; content: ''; } [role="tabpanel"] p { margin: 0; } [role="tabpanel"] * + p { margin-top: 1em; } button:focus { border: 1px dashed #C00; }