­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ /* Basic */ .bsb-wrap .form-table tr{ display: none; } .bsb-wrap .form-table tr.visible{ display: table-row; } /* ui-sortable */ .bsb-wrap .social-sortable{ float: left; list-style-type: none; margin: 0; padding: 0; width: 100%; max-width: 300px; } .bsb-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; } .bsb-wrap .social-sortable li.ui-state-highlight{ display: block; border: 1px dashed #CCCCCC; background: #E5E5E5; padding: 8px 18px; line-height: 1.2em; height: 18px; } .bsb-wrap .social-sortable li span{ position: absolute; top: 10px; right: 15px; font-size: 14px; } .bsb-wrap .social-sortable li input{ display: none; } .bsb-wrap .social-sortable li:hover{ opacity: 0.6; }