You are here

Home » API reference » jQuery Tabs Field 7.4

field_jquery_tabs_vertical_tabs.css in jQuery Tabs Field 7.4 

.ui-tabs-vertical {
  width: 55em;
}
.ui-tabs-vertical .ui-tabs-nav {
  padding: .2em .1em .2em .2em;
  float: left;
  width: 12em;
}
.ui-tabs-vertical .ui-tabs-nav li {
  clear: left;
  width: 100%;
  border-bottom-width: 1px !important;
  border-right-width: 0 !important;
  margin: 0 -1px .2em 0;
}
.ui-tabs-vertical .ui-tabs-nav li a {
  display: block;
}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
  padding-bottom: 0;
  padding-right: .1em;
  border-right-width: 1px;
  border-right-width: 1px;
}
.ui-tabs-vertical .ui-tabs-panel {
  padding: 1em;
  float: right;
  width: 40em;
}

File

css/field_jquery_tabs_vertical_tabs.css
View source 
  1. .ui-tabs-vertical {

  2.   width: 55em;

  3. }

  4. .ui-tabs-vertical .ui-tabs-nav {

  5.   padding: .2em .1em .2em .2em;

  6.   float: left;

  7.   width: 12em;

  8. }

  9. .ui-tabs-vertical .ui-tabs-nav li {

  10.   clear: left;

  11.   width: 100%;

  12.   border-bottom-width: 1px !important;

  13.   border-right-width: 0 !important;

  14.   margin: 0 -1px .2em 0;

  15. }

  16. .ui-tabs-vertical .ui-tabs-nav li a {

  17.   display: block;

  18. }

  19. .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {

  20.   padding-bottom: 0;

  21.   padding-right: .1em;

  22.   border-right-width: 1px;

  23.   border-right-width: 1px;

  24. }

  25. .ui-tabs-vertical .ui-tabs-panel {

  26.   padding: 1em;

  27.   float: right;

  28.   width: 40em;

  29. }