aleph1.co.uk Git - yaffs-website/blob - web/modules/contrib/blazy/blazy_ui/css/blazy.admin--vertical-tabs.css

   1 /**
   2  * @file
   3  * Vertical tabs. Lets face it, VT over-specified selector is for a reason:
   4  * not easily get broken. And that is not a breeze to override.
   5  * And we don't want to CSS alter for a partial use case.
   6  */
   7
   8 .form--slick .form-type-vertical-tabs {
   9   margin-bottom: 30px;
  10   padding: 0;
  11   width: 100%;
  12 }
  13
  14 .form--slick .vertical-tabs__menu {
  15   float: left;
  16   margin: 0;
  17   width: 100%;
  18 }
  19
  20 .form--slick .vertical-tabs__panes {
  21   margin: 0;
  22 }
  23
  24 .form--slick .vertical-tabs__menu-item {
  25   border: 0;
  26   text-align: right;
  27 }
  28
  29 .form--slick .vertical-tabs__menu-item a {
  30   background: #f9f9f9;
  31 }
  32
  33 .form--slick .vertical-tabs__menu-item.is-selected {
  34   border-right: 0;
  35 }
  36
  37 .form--slick .vertical-tabs__menu-item.is-selected a {
  38   background: #fff;
  39 }
  40
  41 .form--slick .vertical-tabs details {
  42   border: 0;
  43 }
  44
  45 .form--slick .vertical-tabs .vertical-tabs__panes details.vertical-tabs__pane {
  46   padding: 0;
  47 }
  48
  49 .form--slick .vertical-tabs__panes {
  50   background: #f3f3f3;
  51   background: rgba(255, 255, 255, 0.9);
  52   border: 1px solid #dadada;
  53   border-radius: 1px;
  54   padding: 0;
  55   min-height: 240px;
  56 }
  57
  58 .form--slick .vertical-tabs__panes > details,
  59 .form--slick .vertical-tabs__panes > details:first-child {
  60   border: 0;
  61   margin: 0;
  62   padding-top: 0 !important;
  63 }
  64
  65 @media screen and (min-width: 1280px) {
  66   .form--slick .vertical-tabs__menu {
  67     float: left;
  68     margin: 0 -100% -1px 0;
  69     width: 200px;
  70   }
  71
  72   .form--slick .vertical-tabs__panes {
  73     margin: 0 0 0 200px;
  74     padding: 0;
  75   }
  76 }