📄 File: timber.css

Path: /home1/uaeambul/www/wp-content/plugins/tm-oneclick/admin/assets/css/timber.css

Size: 6.55 KB

Permissions: 0644

/*------------------------------------------------------------------
[26. Tabs]
*/
.tm-tabs {
  padding: 0;
  margin-bottom: 3rem; }
  .tm-tabs .tab-nav {
    margin: 0;
    padding: 0;
    font-size: 0;
    list-style: none; }
    .tm-tabs .tab-nav:after, .tm-tabs .tab-nav.vertical:after {
      height: 0;
      display: block;
      content: ".";
      overflow: hidden;
      clear: both; }
    .tm-tabs .tab-nav > li {
      margin: 0 1px 0 0;
      display: inline-block; }
    .tm-tabs .tab-nav > li:last-child {
      margin-right: 0; }
    .tm-tabs .tab-nav > li a {
      padding: 1.3rem 2.5rem;
      margin: 0;
      display: inline-block;
      background-color: #f7f7f8;
      border: 1px solid #e5e7e8;
      color: #71787f;
      font-size: 1.3rem;
      font-weight: 400;
      line-height: 1.4;
      text-decoration: none;
      vertical-align: middle;
      cursor: pointer; }
      .tm-tabs .tab-nav > li a [class*="icon"] {
        margin: 0 1rem 0 0; }
    .tm-tabs .tab-nav > li a:hover {
      background: color-mod(#f7f7f8, 5%);
      border-color: color-mod(#e5e7e8, 5%);
      color: #212325;
      text-decoration: none; }
    .tm-tabs .tab-nav > li.active a,
    .tm-tabs .tab-nav > li.active a:hover {
      background: #007bff;
      border-top: 1px solid #007bff;
      border-right: 1px solid #007bff;
      border-bottom: 1px solid transparent;
      border-left: 1px solid #007bff;
      color: #ffffff;
      cursor: default; }
  .tm-tabs.vertical.flex {
    display: flex;
    align-items: normal;
    flex-direction: row-reverse; }
  .tm-tabs.vertical .tab-nav {
    float: left; }
    .tm-tabs.vertical .tab-nav > li {
      margin: 0 0 1px 0;
      display: block;
      float: none; }
    .tm-tabs.vertical .tab-nav > li a {
      display: block; }
    .tm-tabs.vertical .tab-nav:not([class*="width-"]) {
      width: 25%; }
      .tm-tabs.vertical .tab-nav:not([class*="width-"]).flex {
        width: auto;
        flex: 0 0 25%;
        max-width: 25%; }
    .tm-tabs.vertical .tab-nav > li.active a,
    .tm-tabs.vertical .tab-nav > li.active a:hover {
      background: #007bff;
      border-top: 1px solid #007bff;
      border-right: 1px solid transparent;
      border-bottom: 1px solid #007bff;
      border-left: 1px solid #007bff;
      cursor: default;
      position: relative; }
  .tm-tabs.vertical.right .tab-nav {
    float: right; }
    .tm-tabs.vertical.right .tab-nav > li {
      margin: 0 0 1px 0;
      float: none; }
    .tm-tabs.vertical.right .tab-nav > li.active a:hover,
    .tm-tabs.vertical.right .tab-nav > li.active a {
      background: #007bff;
      border-top: 1px solid #007bff;
      border-right: 1px solid #007bff;
      border-bottom: 1px solid #007bff;
      border-left: 1px solid transparent;
      color: #ffffff; }
  .tm-tabs.right .tab-nav > li {
    margin: 0 0 0 1px; }
  .tm-tabs .tab-panes {
    margin-top: -1px;
    padding: 2.5rem;
    background: #ffffff;
    border: 1px solid #e5e7e8; }
    .tm-tabs .tab-panes > div {
      display: none;
      background: none; }
      .tm-tabs .tab-panes > div *:not(.form-element):not(.input-indication):not(.radio-label):not(.checkbox-label):last-child {
        margin-bottom: 0; }
    .tm-tabs .tab-panes > div.active {
      display: block;
      content: ".";
      overflow: hidden;
      clear: both; }
      .tm-tabs .tab-panes > div.active > *:first-child {
        margin-top: 0; }
    .tm-tabs .tab-panes .tab-content {
      opacity: 0;
      transition-property: all;
      transition-duration: 300ms;
      transition-timing-function: ease-in-out; }
    .tm-tabs .tab-panes .animate-in .tab-content {
      opacity: 1; }
  .tm-tabs.vertical .tab-panes {
    float: left; }
    .tm-tabs.vertical .tab-panes:not([class*="width-"]) {
      width: 75%;
      margin-top: 0;
      margin-left: -1px; }
      .tm-tabs.vertical .tab-panes:not([class*="width-"]).flex {
        width: auto;
        flex: 0 0 75%;
        max-width: 75%; }
  .tm-tabs.vertical.right .tab-panes {
    float: right; }
    .tm-tabs.vertical.right .tab-panes:not([class*="width-"]) {
      margin-left: 0;
      margin-right: -1px; }
  .tm-tabs.rounded .tab-nav > li:first-child a {
    border-radius: 0.3rem 0 0 0; }
  .tm-tabs.rounded .tab-nav > li:last-child a {
    border-radius: 0 0.3rem 0 0; }
  .tm-tabs.rounded .tab-panes {
    border-radius: 0 0.3rem 0.3rem 0.3rem; }
  .tm-tabs.right.rounded .tab-nav > li:first-child a {
    border-radius: 0 0.3rem 0 0; }
  .tm-tabs.right.rounded .tab-nav > li:last-child a {
    border-radius: 0.3rem 0 0 0; }
  .tm-tabs.right.rounded .rounded .tab-panes {
    border-radius: 0.3rem 0 0.3rem 0.3rem; }
  .tm-tabs.vertical.rounded .tab-nav > li:last-child a {
    border-radius: 0 0 0 0.3rem; }
  .tm-tabs.right.vertical.rounded .tab-nav > li:last-child a {
    border-radius: 0 0 0.3rem 0; }
  .tm-tabs.small .tab-nav > li a {
    padding: 0.8rem 1.1rem;
    font-size: 14px; }
  .tm-tabs.small .tab-panes {
    padding: 1.5rem; }
  .tm-tabs.medium .tab-nav > li a {
    padding: 1.3rem 2.5rem;
    font-size: 1.3rem; }
  .tm-tabs.medium .tab-panes {
    padding: 2.5rem; }
  .tm-tabs.large .tab-nav > li a {
    padding: 1.6rem 3rem;
    font-size: 1.4rem; }
  .tm-tabs.large .tab-panes {
    padding: 3rem; }
  .tm-tabs.xlarge .tab-nav > li a {
    padding: 1.9rem 3.5rem;
    font-size: 1.4rem; }
  .tm-tabs.xlarge .tab-panes {
    padding: 3.5rem; }
  .tm-tabs [class*="border-"] {
    border: none; }

/* Breakpoints */
@media only screen and (max-width: 768px) {
  .tm-tabs .tab-nav > li {
    margin: 0 0 1px 0 !important; }
  .tm-tabs .tab-panes {
    margin-top: -2px; }
  .tm-tabs.vertical .tab-nav, .tm-tabs.vertical.right .tab-nav, .tm-tabs.vertical .tab-panes, .tm-tabs.vertical.right .tab-panes {
    width: 100% !important;
    float: none; }
  .tm-tabs.vertical.flex {
    display: block; }
  .tm-tabs.vertical.flex .tab-nav, .tm-tabs.vertical.flex .tab-panes {
    flex: 0 0 100% !important;
    max-width: 100% !important; }
  .tm-tabs.vertical li.active a, .tm-tabs.vertical.right li.active a {
    border-left: 1px solid #007bff; }
  .tm-tabs.vertical .tab-panes, .tm-tabs.vertical.right .tab-panes {
    border-top: none; }
  .tm-tabs.rounded .tab-nav > li:first-child a {
    border-radius: 0.3rem 0.3rem 0 0 !important; }
  .tm-tabs.rounded .tab-nav > li:last-child a {
    border-radius: 0 !important; }
  .tm-tabs.rounded .tab-panes {
    border-radius: 0 0 0.3rem 0.3rem; }
  .tm-tabs .tab-nav li {
    width: 100%;
    float: none; }
    .tm-tabs .tab-nav li a {
      width: 100%; }
  .tm-tabs .tab-nav.active:last-child a {
    border-bottom: 1px solid #007bff; } }

/*# sourceMappingURL=timber.css.map */

← Back to Directory Edit File 🔒 Chmod