vertical-tabs.css

Same filename in this branch
  1. 9.x drupal/core/misc/vertical-tabs.css
  2. 9.x drupal/core/themes/seven/vertical-tabs.css
/**
 * Override of misc/vertical-tabs.css.
 */
div.vertical-tabs {
  background: #fff url(images/fc.png) repeat-y 0 0; /* LTR */
  border: 1px solid #ccc;
  margin: 10px 0;
  position: relative;
}
.vertical-tabs-pane {
  border: 0;
  padding: 0;
  margin: 0;
}
div.vertical-tabs .vertical-tabs-list {
  border-bottom: 1px solid #ccc;
  float: left; /* LTR */
  font-size: 1em;
  line-height: 1;
  margin: 0 -100% -1px 0; /* LTR */
  padding: 0;
  width: 240px;
}
div.vertical-tabs ul li.vertical-tab-button {
  list-style: none;
  list-style-image: none;
  margin: 0;
}
div.vertical-tabs ul li.vertical-tab-button a {
  border-top: 1px solid #ccc;
  display: block;
  padding: 10px;
}
div.vertical-tabs ul li.first a {
  border-top: 0;
}
div.vertical-tabs ul li.vertical-tab-button strong {
  font-size: 0.923em;
}
div.vertical-tabs ul li.vertical-tab-button .summary {
  color: #666;
  display: block;
  font-size: 0.846em;
  padding-top: 0.4em;
}
div.vertical-tabs ul li.vertical-tab-button a:hover,
div.vertical-tabs ul li.vertical-tab-button a:focus {
  background: #d5d5d5;
  text-decoration: none;
  outline: 0;
}
div.vertical-tabs ul li.selected a,
div.vertical-tabs ul li.selected a:hover,
div.vertical-tabs ul li.selected a:focus,
div.vertical-tabs ul li.selected a:active {
  background: #fff;
  border-right-color: #fff; /* LTR */
  border-top: 1px solid #ccc;
}
div.vertical-tabs ul li.first.selected a,
div.vertical-tabs ul li.first.selected a:hover {
  border-top: 0;
}
div.vertical-tabs ul li.selected a:focus strong {
  text-decoration: underline;
}
div.vertical-tabs .vertical-tabs-panes {
  margin: 0 0 0 245px; /* LTR */
}
.vertical-tabs-pane > summary {
  display: none;
}

/**
 * Prevent text inputs from overflowing when container is too narrow. "width" is
 * applied to override hardcoded cols or size attributes and used in conjunction
 * with "box-sizing" to prevent box model issues from occurring in most browsers.
*/
.vertical-tabs .form-type-textfield input {
  max-width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

File

drupal/core/themes/seven/vertical-tabs.css
View source
  1. 

  2. /**

  3.  * Override of misc/vertical-tabs.css.

  4.  */

  5. div.vertical-tabs {

  6.   background: #fff url(images/fc.png) repeat-y 0 0; /* LTR */

  7.   border: 1px solid #ccc;

  8.   margin: 10px 0;

  9.   position: relative;

  10. }

  11. .vertical-tabs-pane {

  12.   border: 0;

  13.   padding: 0;

  14.   margin: 0;

  15. }

  16. div.vertical-tabs .vertical-tabs-list {

  17.   border-bottom: 1px solid #ccc;

  18.   float: left; /* LTR */

  19.   font-size: 1em;

  20.   line-height: 1;

  21.   margin: 0 -100% -1px 0; /* LTR */

  22.   padding: 0;

  23.   width: 240px;

  24. }

  25. div.vertical-tabs ul li.vertical-tab-button {

  26.   list-style: none;

  27.   list-style-image: none;

  28.   margin: 0;

  29. }

  30. div.vertical-tabs ul li.vertical-tab-button a {

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

  32.   display: block;

  33.   padding: 10px;

  34. }

  35. div.vertical-tabs ul li.first a {

  36.   border-top: 0;

  37. }

  38. div.vertical-tabs ul li.vertical-tab-button strong {

  39.   font-size: 0.923em;

  40. }

  41. div.vertical-tabs ul li.vertical-tab-button .summary {

  42.   color: #666;

  43.   display: block;

  44.   font-size: 0.846em;

  45.   padding-top: 0.4em;

  46. }

  47. div.vertical-tabs ul li.vertical-tab-button a:hover,

  48. div.vertical-tabs ul li.vertical-tab-button a:focus {

  49.   background: #d5d5d5;

  50.   text-decoration: none;

  51.   outline: 0;

  52. }

  53. div.vertical-tabs ul li.selected a,

  54. div.vertical-tabs ul li.selected a:hover,

  55. div.vertical-tabs ul li.selected a:focus,

  56. div.vertical-tabs ul li.selected a:active {

  57.   background: #fff;

  58.   border-right-color: #fff; /* LTR */

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

  60. }

  61. div.vertical-tabs ul li.first.selected a,

  62. div.vertical-tabs ul li.first.selected a:hover {

  63.   border-top: 0;

  64. }

  65. div.vertical-tabs ul li.selected a:focus strong {

  66.   text-decoration: underline;

  67. }

  68. div.vertical-tabs .vertical-tabs-panes {

  69.   margin: 0 0 0 245px; /* LTR */

  70. }

  71. .vertical-tabs-pane > summary {

  72.   display: none;

  73. }

  74. 

  75. /**

  76.  * Prevent text inputs from overflowing when container is too narrow. "width" is

  77.  * applied to override hardcoded cols or size attributes and used in conjunction

  78.  * with "box-sizing" to prevent box model issues from occurring in most browsers.

  79. */

  80. .vertical-tabs .form-type-textfield input {

  81.   max-width: 100%;

  82.   -moz-box-sizing: border-box;

  83.   -webkit-box-sizing: border-box;

  84.   box-sizing: border-box;

  85. }