vertical-tabs.css

Same filename in this branch
  1. 8.x drupal/core/misc/vertical-tabs.css
  2. 8.x drupal/core/themes/seven/vertical-tabs.css
.vertical-tabs {
  margin: 1em 0 1em 15em; /* LTR */
  border: 1px solid #ccc;
}
.vertical-tabs-list {
  float: left; /* LTR */
  width: 15em;
  margin: -1px 0 -1px -15em; /* LTR */
  padding: 0;
  border-top: 1px solid #ccc;
  list-style: none;
}
.vertical-tabs-pane {
  margin: 0;
  border: 0;
}
.vertical-tabs-pane > summary {
  display: none;
}

/* Layout of each tab */
.vertical-tab-button {
  margin: 0;
  padding: 0;
  border: 1px solid #ccc;
  border-top: 0;
  background: #eee;
}
.vertical-tab-button a {
  display: block;
  padding: 0.5em 0.6em;
  text-decoration: none;
}
.vertical-tab-button a:focus strong,
.vertical-tab-button a:active strong,
.vertical-tab-button a:hover strong {
  text-decoration: underline;
}
.vertical-tab-button a:hover {
  outline: 1px dotted;
}
.vertical-tab-button.selected {
  border-right-width: 0; /* LTR */
  background-color: #fff;
}
.vertical-tab-button.selected strong {
  color: #000;
}
.vertical-tab-button .summary {
  display: block;
  margin-bottom: 0;
  line-height: normal;
}

File

drupal/core/misc/vertical-tabs.css
View source
  1. 

  2. .vertical-tabs {

  3.   margin: 1em 0 1em 15em; /* LTR */

  4.   border: 1px solid #ccc;

  5. }

  6. .vertical-tabs-list {

  7.   float: left; /* LTR */

  8.   width: 15em;

  9.   margin: -1px 0 -1px -15em; /* LTR */

  10.   padding: 0;

  11.   border-top: 1px solid #ccc;

  12.   list-style: none;

  13. }

  14. .vertical-tabs-pane {

  15.   margin: 0;

  16.   border: 0;

  17. }

  18. .vertical-tabs-pane > summary {

  19.   display: none;

  20. }

  21. 

  22. /* Layout of each tab */

  23. .vertical-tab-button {

  24.   margin: 0;

  25.   padding: 0;

  26.   border: 1px solid #ccc;

  27.   border-top: 0;

  28.   background: #eee;

  29. }

  30. .vertical-tab-button a {

  31.   display: block;

  32.   padding: 0.5em 0.6em;

  33.   text-decoration: none;

  34. }

  35. .vertical-tab-button a:focus strong,

  36. .vertical-tab-button a:active strong,

  37. .vertical-tab-button a:hover strong {

  38.   text-decoration: underline;

  39. }

  40. .vertical-tab-button a:hover {

  41.   outline: 1px dotted;

  42. }

  43. .vertical-tab-button.selected {

  44.   border-right-width: 0; /* LTR */

  45.   background-color: #fff;

  46. }

  47. .vertical-tab-button.selected strong {

  48.   color: #000;

  49. }

  50. .vertical-tab-button .summary {

  51.   display: block;

  52.   margin-bottom: 0;

  53.   line-height: normal;

  54. }