www.aleph1.co.uk Git - yaffs-website/blob - web/core/themes/stable/css/core/vertical-tabs.css

   1 /**
   2  * @file
   3  * Vertical Tabs.
   4  */
   5
   6 .vertical-tabs {
   7   margin: 1em 0 1em 15em; /* LTR */
   8   border: 1px solid #ccc;
   9 }
  10 [dir="rtl"] .vertical-tabs {
  11    margin-left: 0;
  12    margin-right: 15em;
  13 }
  14 .vertical-tabs__menu {
  15   float: left; /* LTR */
  16   width: 15em;
  17   margin: -1px 0 -1px -15em; /* LTR */
  18   padding: 0;
  19   border-top: 1px solid #ccc;
  20   list-style: none;
  21 }
  22 [dir="rtl"] .vertical-tabs__menu {
  23   float: right;
  24   margin-left: 0;
  25   margin-right: -15em;
  26 }
  27 .vertical-tabs__pane {
  28   margin: 0;
  29   border: 0;
  30 }
  31 .vertical-tabs__pane > summary {
  32   display: none;
  33 }
  34
  35 /* Layout of each tab. */
  36 .vertical-tabs__menu-item {
  37   border: 1px solid #ccc;
  38   border-top: 0;
  39   background: #eee;
  40 }
  41 .vertical-tabs__menu-item a {
  42   display: block;
  43   padding: 0.5em 0.6em;
  44   text-decoration: none;
  45 }
  46 .vertical-tabs__menu-item a:focus .vertical-tabs__menu-item-title,
  47 .vertical-tabs__menu-item a:active .vertical-tabs__menu-item-title,
  48 .vertical-tabs__menu-item a:hover .vertical-tabs__menu-item-title {
  49   text-decoration: underline;
  50 }
  51 .vertical-tabs__menu-item a:hover {
  52   outline: 1px dotted;
  53 }
  54 .vertical-tabs__menu-item.is-selected {
  55   border-right-width: 0; /* LTR */
  56   background-color: #fff;
  57 }
  58 [dir="rtl"] .vertical-tabs__menu-item.is-selected {
  59   border-left-width: 0;
  60   border-right-width: 1px;
  61 }
  62 .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-item-title {
  63   color: #000;
  64 }
  65 .vertical-tabs__menu-item-summary {
  66   display: block;
  67   margin-bottom: 0;
  68   line-height: normal;
  69 }