Issue #1978036 by echoz: Clean up css in vertical tabs.

core/misc/vertical-tabs-rtl.css

 
-div.vertical-tabs {
+.vertical-tabs {
   margin-left: 0;
   margin-right: 15em;
 }
-.vertical-tabs ul.vertical-tabs-list {
+.vertical-tabs .vertical-tabs-list {
   margin-left: 0;
   margin-right: -15em;
   float: right;
 }
-.vertical-tabs ul.vertical-tabs-list li.selected {
+.vertical-tabs .vertical-tabs-list .selected {
   border-left-width: 0;
   border-right-width: 1px;
 }

core/misc/vertical-tabs.css

 
-div.vertical-tabs {
+.vertical-tabs {
   margin: 1em 0 1em 15em; /* LTR */
   border: 1px solid #ccc;
 }
-.vertical-tabs ul.vertical-tabs-list {
+.vertical-tabs .vertical-tabs-list {
   width: 15em;
   list-style: none;
   border-top: 1px solid #ccc;
@@ -20,49 +20,37 @@ div.vertical-tabs {
 }
 
 /* Layout of each tab */
-.vertical-tabs ul.vertical-tabs-list li {
+.vertical-tabs .vertical-tabs-list li {
   background: #eee;
   border: 1px solid #ccc;
   border-top: 0;
   padding: 0;
   margin: 0;
 }
-.vertical-tabs ul.vertical-tabs-list li a {
+.vertical-tabs .vertical-tabs-list 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 {
+.vertical-tabs .vertical-tabs-list a:focus strong,
+.vertical-tabs .vertical-tabs-list a:active strong,
+.vertical-tabs .vertical-tabs-list a:hover strong {
   text-decoration: underline;
 }
-.vertical-tabs ul.vertical-tabs-list li a:hover {
+.vertical-tabs .vertical-tabs-list a:hover {
   outline: 1px dotted;
 }
-.vertical-tabs ul.vertical-tabs-list li.selected {
+.vertical-tabs .vertical-tabs-list .selected {
   background-color: #fff;
   border-right-width: 0; /* LTR */
 }
-.vertical-tabs ul.vertical-tabs-list .selected strong {
+.vertical-tabs .vertical-tabs-list .selected strong {
   color: #000;
 }
-.vertical-tabs ul.vertical-tabs-list .summary {
+.vertical-tabs .vertical-tabs-list .summary {
   display: block;
 }
-.vertical-tabs ul.vertical-tabs ul.vertical-tabs-list .summary {
+.vertical-tabs .vertical-tabs .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 {
-  max-width: 100%;
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-}

core/themes/seven/vertical-tabs-rtl.css

@@ -2,19 +2,19 @@
 /**
  * Override of misc/vertical-tabs-rtl.css.
  */
-div.vertical-tabs {
+.vertical-tabs {
   background: #fff url(images/fc-rtl.png) repeat-y right 0;
 }
-div.vertical-tabs .vertical-tabs-list {
+.vertical-tabs .vertical-tabs-list {
   float: right;
   margin: 0 0 -1px -100%;
 }
-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 {
+.vertical-tabs .selected a,
+.vertical-tabs .selected a:hover,
+.vertical-tabs .selected a:focus,
+.vertical-tabs .selected a:active {
   border-left-color: #fff;
 }
-div.vertical-tabs .vertical-tabs-panes {
+.vertical-tabs .vertical-tabs-panes {
   margin: 0 245px 0 0;
 }

core/themes/seven/vertical-tabs.css

@@ -2,7 +2,7 @@
 /**
  * Override of misc/vertical-tabs.css.
  */
-div.vertical-tabs {
+.vertical-tabs {
   background: #fff url(images/fc.png) repeat-y 0 0; /* LTR */
   border: 1px solid #ccc;
   margin: 10px 0;
@@ -13,7 +13,7 @@ div.vertical-tabs {
   padding: 0;
   margin: 0;
 }
-div.vertical-tabs .vertical-tabs-list {
+.vertical-tabs .vertical-tabs-list {
   border-bottom: 1px solid #ccc;
   float: left; /* LTR */
   font-size: 1em;
@@ -22,64 +22,52 @@ div.vertical-tabs .vertical-tabs-list {
   padding: 0;
   width: 240px;
 }
-div.vertical-tabs ul li.vertical-tab-button {
+.vertical-tabs .vertical-tab-button {
   list-style: none;
   list-style-image: none;
   margin: 0;
 }
-div.vertical-tabs ul li.vertical-tab-button a {
+.vertical-tabs .vertical-tab-button a {
   border-top: 1px solid #ccc;
   display: block;
   padding: 10px;
 }
-div.vertical-tabs ul li.first a {
+.vertical-tabs .first a {
   border-top: 0;
 }
-div.vertical-tabs ul li.vertical-tab-button strong {
+.vertical-tabs .vertical-tab-button strong {
   font-size: 0.923em;
 }
-div.vertical-tabs ul li.vertical-tab-button .summary {
+.vertical-tabs .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 {
+.vertical-tabs .vertical-tab-button a:hover,
+.vertical-tabs .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 {
+.vertical-tabs .selected a,
+.vertical-tabs .selected a:hover,
+.vertical-tabs .selected a:focus,
+.vertical-tabs .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 {
+.vertical-tabs .first.selected a,
+.vertical-tabs .first.selected a:hover {
   border-top: 0;
 }
-div.vertical-tabs ul li.selected a:focus strong {
+.vertical-tabs .selected a:focus strong {
   text-decoration: underline;
 }
-div.vertical-tabs .vertical-tabs-panes {
+.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;
-}