Chris@0: /**
Chris@0:  * @file
Chris@0:  * Vertical Tabs.
Chris@0:  */
Chris@0: 
Chris@0: .vertical-tabs {
Chris@0:   margin: 1em 0 1em 15em; /* LTR */
Chris@0:   border: 1px solid #ccc;
Chris@0: }
Chris@0: [dir="rtl"] .vertical-tabs {
Chris@18:   margin-right: 15em;
Chris@0:   margin-left: 0;
Chris@0: }
Chris@0: .vertical-tabs__menu {
Chris@0:   float: left; /* LTR */
Chris@0:   width: 15em;
Chris@0:   margin: -1px 0 -1px -15em; /* LTR */
Chris@0:   padding: 0;
Chris@18:   list-style: none;
Chris@0:   border-top: 1px solid #ccc;
Chris@0: }
Chris@0: [dir="rtl"] .vertical-tabs__menu {
Chris@0:   float: right;
Chris@18:   margin-right: -15em;
Chris@0:   margin-left: 0;
Chris@0: }
Chris@0: .vertical-tabs__pane {
Chris@0:   margin: 0;
Chris@0:   border: 0;
Chris@0: }
Chris@0: .vertical-tabs__pane > summary {
Chris@0:   display: none;
Chris@0: }
Chris@0: 
Chris@0: /* Layout of each tab. */
Chris@0: .vertical-tabs__menu-item {
Chris@0:   border: 1px solid #ccc;
Chris@0:   border-top: 0;
Chris@0:   background: #eee;
Chris@0: }
Chris@0: .vertical-tabs__menu-item a {
Chris@0:   display: block;
Chris@0:   padding: 0.5em 0.6em;
Chris@0:   text-decoration: none;
Chris@0: }
Chris@0: .vertical-tabs__menu-item a:focus .vertical-tabs__menu-item-title,
Chris@0: .vertical-tabs__menu-item a:active .vertical-tabs__menu-item-title,
Chris@0: .vertical-tabs__menu-item a:hover .vertical-tabs__menu-item-title {
Chris@0:   text-decoration: underline;
Chris@0: }
Chris@0: .vertical-tabs__menu-item a:hover {
Chris@0:   outline: 1px dotted;
Chris@0: }
Chris@0: .vertical-tabs__menu-item.is-selected {
Chris@0:   border-right-width: 0; /* LTR */
Chris@0:   background-color: #fff;
Chris@0: }
Chris@0: [dir="rtl"] .vertical-tabs__menu-item.is-selected {
Chris@18:   border-right-width: 1px;
Chris@0:   border-left-width: 0;
Chris@0: }
Chris@0: .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-item-title {
Chris@0:   color: #000;
Chris@0: }
Chris@0: .vertical-tabs__menu-item-summary {
Chris@0:   display: block;
Chris@0:   margin-bottom: 0;
Chris@0:   line-height: normal;
Chris@0: }