diff -r 07239de796bb -r e756a8c72c3d cms/drupal/misc/vertical-tabs.css --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/cms/drupal/misc/vertical-tabs.css Fri Sep 08 12:04:06 2017 +0200 @@ -0,0 +1,80 @@ + +div.vertical-tabs { + margin: 1em 0 1em 15em; /* LTR */ + border: 1px solid #ccc; + position: relative; /* IE6/7 */ +} +.vertical-tabs ul.vertical-tabs-list { + width: 15em; + list-style: none; + list-style-image: none; /* IE6 */ + border-top: 1px solid #ccc; + padding: 0; + position: relative; /* IE6 */ + margin: -1px 0 -1px -15em; /* LTR */ + float: left; /* LTR */ +} +.vertical-tabs fieldset.vertical-tabs-pane { + margin: 0 !important; + padding: 0 1em; + border: 0; +} +fieldset.vertical-tabs-pane legend { + display: none; +} +fieldset.vertical-tabs-pane fieldset legend { + display: block; +} + +/* Layout of each tab */ +.vertical-tabs ul.vertical-tabs-list li { + background: #eee; + border: 1px solid #ccc; + border-top: 0; + padding: 0; + margin: 0; + min-width: 0; /* IE7 */ +} +.vertical-tabs ul.vertical-tabs-list li a { + display: block; + text-decoration: none; + padding: 0.5em 0.6em; +} +.vertical-tabs ul.vertical-tabs-list li a:focus strong, +.vertical-tabs ul.vertical-tabs-list li a:active strong, +.vertical-tabs ul.vertical-tabs-list li a:hover strong { + text-decoration: underline; +} +.vertical-tabs ul.vertical-tabs-list li a:hover { + outline: 1px dotted; +} +.vertical-tabs ul.vertical-tabs-list li.selected { + background-color: #fff; + border-right-width: 0; /* LTR */ +} +.vertical-tabs ul.vertical-tabs-list .selected strong { + color: #000; +} +.vertical-tabs ul.vertical-tabs-list .summary { + display: block; +} +.vertical-tabs ul.vertical-tabs ul.vertical-tabs-list .summary { + line-height: normal; + margin-bottom: 0; +} + +/** + * 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 { + width: 100%; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +* html .vertical-tabs .form-type-textfield, +* html .vertical-tabs .form-textarea-wrapper { + width: 95%; /* IE6 */ +}