Mercurial > hg > cmmr2012-drupal-site
diff core/misc/vertical-tabs.css @ 0:c75dbcec494b
Initial commit from drush-created site
author | Chris Cannam |
---|---|
date | Thu, 05 Jul 2018 14:24:15 +0000 |
parents | |
children | 12f9dff5fda9 |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/core/misc/vertical-tabs.css Thu Jul 05 14:24:15 2018 +0000 @@ -0,0 +1,69 @@ +/** + * @file + * Vertical Tabs. + */ + +.vertical-tabs { + margin: 1em 0 1em 15em; /* LTR */ + border: 1px solid #ccc; +} +[dir="rtl"] .vertical-tabs { + margin-left: 0; + margin-right: 15em; +} +.vertical-tabs__menu { + float: left; /* LTR */ + width: 15em; + margin: -1px 0 -1px -15em; /* LTR */ + padding: 0; + border-top: 1px solid #ccc; + list-style: none; +} +[dir="rtl"] .vertical-tabs__menu { + float: right; + margin-left: 0; + margin-right: -15em; +} +.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-left-width: 0; + border-right-width: 1px; +} +.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; +}