← All changes | libraries/cmb2-tabs/css/tabs.css +87 -0 7.9.4 → 8.0.5 View file →

		@@ -1,0 +1,87 @@
	1	+.cmb-tabs-wrap {
	2	+ box-sizing: border-box;
	3	+ display: -webkit-box;
	4	+ display: -ms-flexbox;
	5	+ display: flex;
	6	+ -webkit-box-flex: 0;
	7	+ -ms-flex: 0 1 auto;
	8	+ flex: 0 1 auto;
	9	+ -webkit-box-orient: horizontal;
	10	+ -webkit-box-direction: normal;
	11	+ -ms-flex-direction: row;
	12	+ flex-direction: row;
	13	+ -ms-flex-wrap: wrap;
	14	+ flex-wrap: wrap;
	15	+
	16	+ margin: -6px -12px -12px -12px;
	17	+}
	18	+
	19	+.cmb-tabs-wrap .cmb-tabs {
	20	+ -ms-flex-preferred-size: 100%;
	21	+ flex-basis: 100%;
	22	+ max-width: 100%;
	23	+
	24	+ background-color: #fafafa;
	25	+ border-bottom: 1px solid #eee;
	26	+}
	27	+
	28	+.cmb-tabs-wrap .cmb-tabs .cmb-tab {
	29	+ display: block;
	30	+ float: left;
	31	+ cursor: pointer;
	32	+ padding: 10px;
	33	+ border-right: 1px solid #eee;
	34	+}
	35	+
	36	+.cmb-tabs-wrap .cmb-tabs .cmb-tab .cmb-tab-icon {
	37	+ margin-right: 5px;
	38	+}
	39	+
	40	+.cmb-tabs-wrap .cmb-tabs .cmb-tab:hover {
	41	+ background-color: #f8f8f8;
	42	+}
	43	+
	44	+.cmb-tabs-wrap .cmb-tabs .cmb-tab.active {
	45	+ background-color: #fff;
	46	+}
	47	+
	48	+.cmb-tabs-wrap .cmb2-wrap {
	49	+ padding-left: 12px;
	50	+ padding-right: 12px;
	51	+}
	52	+
	53	+.cmb2-options-page .cmb-tabs-wrap .cmb2-wrap .cmb2-metabox > .cmb-row:first-child {
	54	+ margin-top: 1px;
	55	+}
	56	+
	57	+.cmb-tabs-wrap .cmb2-wrap .cmb-row:not(.cmb-tab-active-item) {
	58	+ display: none;
	59	+}
	60	+
	61	+/* Vertical tabs */
	62	+.cmb-tabs-wrap.cmb-tabs-vertical {
	63	+ -ms-flex-wrap: nowrap;
	64	+ flex-wrap: nowrap;
	65	+}
	66	+
	67	+.cmb-tabs-wrap.cmb-tabs-vertical .cmb-tabs {
	68	+ -ms-flex-preferred-size: 200px;
	69	+ flex-basis: 200px;
	70	+ max-width: 200px;
	71	+
	72	+ border-bottom: none;
	73	+ border-right: 1px solid #eee;
	74	+
	75	+ margin-right: -1px;
	76	+}
	77	+
	78	+.cmb-tabs-wrap.cmb-tabs-vertical .cmb-tabs .cmb-tab {
	79	+ float: none;
	80	+ border-right: none;
	81	+ border-bottom: 1px solid #eee;
	82	+}
	83	+
	84	+/* Widget area */
	85	+.widget-content .cmb-tabs-wrap {
	86	+ margin: -1px -15px 0px -15px;
	87	+}