vertical-tabs.css
Same filename in this branch
Same filename in other branches
- 7.x misc/vertical-tabs.css
- 7.x themes/seven/vertical-tabs.css
- 8.9.x core/misc/vertical-tabs.css
- 8.9.x core/themes/seven/css/components/vertical-tabs.css
- 8.9.x core/themes/claro/css/components/vertical-tabs.css
- 8.9.x core/themes/stable/css/core/vertical-tabs.css
- 10 core/misc/vertical-tabs.css
- 10 core/themes/olivero/css/components/vertical-tabs.css
- 10 core/themes/stable9/css/core/vertical-tabs.css
- 10 core/themes/claro/css/components/vertical-tabs.css
- 11.x core/misc/vertical-tabs.css
- 11.x core/themes/olivero/css/components/vertical-tabs.css
- 11.x core/themes/stable9/css/core/vertical-tabs.css
- 11.x core/themes/claro/css/components/vertical-tabs.css
Vertical Tabs.
File
-
core/
themes/ stable9/ css/ core/ vertical-tabs.css
View source
- /**
- * @file
- * Vertical Tabs.
- */
-
- .vertical-tabs {
- margin: 1em 0 1em 15em; /* LTR */
- border: 1px solid #ccc;
- }
- [dir="rtl"] .vertical-tabs {
- margin-right: 15em;
- margin-left: 0;
- }
- .vertical-tabs__menu {
- float: left; /* LTR */
- width: 15em;
- margin: -1px 0 -1px -15em; /* LTR */
- padding: 0;
- list-style: none;
- border-top: 1px solid #ccc;
- }
- [dir="rtl"] .vertical-tabs__menu {
- float: right;
- margin-right: -15em;
- margin-left: 0;
- }
- .vertical-tabs__pane {
- margin: 0;
- border: 0;
- }
- .vertical-tabs__pane > summary {
- display: none;
- }
-
- /* Layout of each tab. */
- .vertical-tabs__menu-item {
- border: 1px solid #ccc;
- border-top: 0;
- background: #eee;
- }
- .vertical-tabs__menu-item a {
- display: block;
- padding: 0.5em 0.6em;
- text-decoration: none;
- }
- .vertical-tabs__menu-item a:focus .vertical-tabs__menu-item-title,
- .vertical-tabs__menu-item a:active .vertical-tabs__menu-item-title,
- .vertical-tabs__menu-item a:hover .vertical-tabs__menu-item-title {
- text-decoration: underline;
- }
- .vertical-tabs__menu-item a:hover {
- outline: 1px dotted;
- }
- .vertical-tabs__menu-item.is-selected {
- border-right-width: 0; /* LTR */
- background-color: #fff;
- }
- [dir="rtl"] .vertical-tabs__menu-item.is-selected {
- border-right-width: 1px;
- border-left-width: 0;
- }
- .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-item-title {
- color: #000;
- }
- .vertical-tabs__menu-item-summary {
- display: block;
- margin-bottom: 0;
- line-height: normal;
- }
Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.