­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ /* Basic */ /* tabs */ .bsa-wrap .nav-tab:not(.general){ display: none; } .bsa-wrap .bsa-tabs .tab-wrap{ display: none; } .bsa-wrap .bsa-tabs .tab-wrap.tab-active{ display: block; } /* subtabs */ .bsa-wrap .bsa-subtabs .subsubsub { margin: 15px 0 8px -2px; } .bsa-wrap .bsa-subtabs .subtab-wrap{ display: none; } .bsa-wrap .bsa-subtabs .subtab-wrap.subtab-active{ display: block; } .bsa-wrap .bsa-subtabs .subtab-wrap h2{ margin-bottom: 38px; } /* ui-sortable */ .bsa-wrap .social-sortable{ float: left; list-style-type: none; margin: 0; padding: 0; width: 100%; max-width: 300px; } .bsa-wrap .social-sortable li{ position: relative; border: 1px solid #CCCCCC; background: #E5E5E5; display: none; border: none; margin: 0 3px 5px 3px; padding: 8px 18px; font-size: 14px; line-height: 1.2em; height: 18px; cursor: pointer; } .bsa-wrap .social-sortable li.ui-state-highlight{ display: block; border: 1px dashed #CCCCCC; background: #E5E5E5; padding: 8px 18px; line-height: 1.2em; height: 18px; } .bsa-wrap .social-sortable li span{ position: absolute; top: 10px; right: 15px; font-size: 14px; } .bsa-wrap .social-sortable li input{ display: none; } .bsa-wrap .social-sortable li:hover{ opacity: 0.6; }