3 * Override of misc/vertical-tabs.css.
10 border: 1px solid #bdbdbd;
14 .vertical-tabs__menu {
15 float: left; /* LTR */
17 margin: 0 -100% -1px 0; /* LTR */
19 border-bottom: 1px solid #ccc;
22 [dir="rtl"] .vertical-tabs__menu {
24 margin: 0 0 -1px -100%;
26 .vertical-tabs__menu-item {
29 .vertical-tabs__menu-item.is-selected {
33 border-right: 1px solid #fcfcfa; /* LTR */
34 box-shadow: 0 5px 5px -5px hsla(0, 0%, 0%, 0.3);
35 border-bottom: 1px solid #b3b2ad;
37 .vertical-tabs__menu-item.last {
40 [dir="rtl"] .vertical-tabs__menu-item.is-selected {
41 border-left: 1px solid #fcfcfa;
44 .vertical-tabs__menu-item:focus,
45 .vertical-tabs__menu-item:active {
48 .vertical-tabs__menu-item a {
50 padding: 10px 15px 15px;
51 border-bottom: 1px solid #b3b2ad;
52 background-color: #f2f2f0;
53 text-shadow: 0 1px hsla(0, 0%, 100%, 0.6);
54 text-decoration: none;
56 .vertical-tabs__menu-item:last-child a {
59 .vertical-tabs__menu-item.is-selected a,
60 .vertical-tabs__menu-item a:hover,
61 .vertical-tabs__menu-item a:focus {
65 .vertical-tabs__menu-item a:focus {
68 .vertical-tabs__menu-item a:focus .vertical-tabs__menu-item-title {
69 text-decoration: underline;
71 .vertical-tabs__menu-item a:active .vertical-tabs__menu-item-title,
72 .vertical-tabs__menu-item.is-selected a:focus .vertical-tabs__menu-item-title {
73 text-decoration: none;
75 .vertical-tabs__menu-item.is-selected a {
77 padding-left: 11px; /* LTR */
79 text-decoration: none;
81 [dir=rtl] .vertical-tabs__menu-item.is-selected a {
85 .vertical-tabs__menu-item.is-selected a:hover,
86 .vertical-tabs__menu-item.is-selected a:focus {
89 [data-vertical-tabs-panes] {
90 background-color: #fcfcfa;
92 .vertical-tabs__panes {
93 margin: 0 0 0 240px; /* LTR */
94 padding: 10px 15px 10px 15px;
95 border-left: 1px solid #a6a5a1; /* LTR */
97 [dir="rtl"] .vertical-tabs__panes {
100 border-right: 1px solid #a6a5a1;
102 .vertical-tabs__panes:after {
107 .vertical-tabs__pane {
113 .vertical-tabs__menu-item-summary {
118 .vertical-tabs__pane > summary {