/** * @file * Override of misc/vertical-tabs.css. */ .vertical-tabs { position: relative; overflow: hidden; margin: 10px 0; border: 1px solid #bdbdbd; border-radius: 4px; background: #e6e5e1; } .vertical-tabs__menu { float: left; /* LTR */ width: 240px; margin: 0 -100% -1px 0; /* LTR */ padding: 0; border-bottom: 1px solid #ccc; line-height: 1; } [dir="rtl"] .vertical-tabs__menu { float: right; margin: 0 0 -1px -100%; } .vertical-tabs__menu-item { position: relative; } .vertical-tabs__menu-item.is-selected { z-index: 1; overflow-x: hidden; width: 100%; border-right: 1px solid #fcfcfa; /* LTR */ box-shadow: 0 5px 5px -5px hsla(0, 0%, 0%, 0.3); border-bottom: 1px solid #b3b2ad; } .vertical-tabs__menu-item.last { border-bottom: none; } [dir="rtl"] .vertical-tabs__menu-item.is-selected { border-left: 1px solid #fcfcfa; border-right: none; } .vertical-tabs__menu-item:focus, .vertical-tabs__menu-item:active { z-index: 2; } .vertical-tabs__menu-item a { display: block; padding: 10px 15px 15px; border-bottom: 1px solid #b3b2ad; background-color: #f2f2f0; text-shadow: 0 1px hsla(0, 0%, 100%, 0.6); text-decoration: none; } .vertical-tabs__menu-item:last-child a { border-bottom: 0; } .vertical-tabs__menu-item.is-selected a, .vertical-tabs__menu-item a:hover, .vertical-tabs__menu-item a:focus { background: #fcfcfa; text-shadow: none; } .vertical-tabs__menu-item a:focus { outline: none; } .vertical-tabs__menu-item a:focus .vertical-tabs__menu-item-title { text-decoration: underline; } .vertical-tabs__menu-item a:active .vertical-tabs__menu-item-title, .vertical-tabs__menu-item.is-selected a:focus .vertical-tabs__menu-item-title { text-decoration: none; } .vertical-tabs__menu-item.is-selected a { color: #004f80; padding-left: 11px; /* LTR */ border-bottom: none; text-decoration: none; } [dir=rtl] .vertical-tabs__menu-item.is-selected a { padding-left: 15px; padding-right: 11px; } .vertical-tabs__menu-item.is-selected a:hover, .vertical-tabs__menu-item.is-selected a:focus { color: #007ecc; } [data-vertical-tabs-panes] { background-color: #fcfcfa; } .vertical-tabs__panes { margin: 0 0 0 240px; /* LTR */ padding: 10px 15px 10px 15px; border-left: 1px solid #a6a5a1; /* LTR */ } [dir="rtl"] .vertical-tabs__panes { margin: 0 240px 0 0; border-left: none; border-right: 1px solid #a6a5a1; } .vertical-tabs__panes:after { content: ""; display: table; clear: both; } .vertical-tabs__pane { margin: 0; padding: 0; border: 0; color: #595959; } .vertical-tabs__menu-item-summary { display: block; padding-top: 0.4em; color: #666; } .vertical-tabs__pane > summary { display: none; }