Chris@0: /**
Chris@0:  * @file
Chris@0:  * Visual styles for tabs.
Chris@0:  */
Chris@0: 
Chris@0: div.tabs {
Chris@0:   margin: 1em 0;
Chris@0: }
Chris@0: ul.tabs {
Chris@0:   margin: 0 0 0.5em;
Chris@0:   padding: 0;
Chris@18:   list-style: none;
Chris@0: }
Chris@0: .tabs > li {
Chris@0:   display: inline-block;
Chris@0:   margin-right: 0.3em; /* LTR */
Chris@0: }
Chris@0: [dir="rtl"] .tabs > li {
Chris@18:   margin-right: 0;
Chris@0:   margin-left: 0.3em;
Chris@0: }
Chris@0: .tabs a {
Chris@0:   display: block;
Chris@0:   padding: 0.2em 1em;
Chris@0:   text-decoration: none;
Chris@0: }
Chris@0: .tabs a.is-active {
Chris@0:   background-color: #eee;
Chris@0: }
Chris@0: .tabs a:focus,
Chris@0: .tabs a:hover {
Chris@0:   background-color: #f5f5f5;
Chris@0: }