.nav-tabs{ padding: 0px; margin-left: 0px; font-size:12px; } .slider_container { float: left; width: 60%; height: 20%; } .slider_settings { float: right; width: 37%; min-width: 293px; } #aparg_slider_usage { margin-top: 10px; } #aparg_slider_info { margin-top: 10px; } #add-first-slider { position: absolute; top: 60%; left: 20%; width: 22%; height: 12%; } #aparg_slider_tabs { border-bottom: 1px solid #F9F9F9; } .nav-tab:not(.nav-tab-active) { background: #f1f1f1; background-image: -webkit-gradient(linear,left bottom,left top,from(#ececec),to(#f9f9f9)); background-image: -webkit-linear-gradient(bottom,#ececec,#f9f9f9); background-image: -moz-linear-gradient(bottom,#ececec,#f9f9f9); background-image: -o-linear-gradient(bottom,#ececec,#f9f9f9); background-image: linear-gradient(to top,#ececec,#f9f9f9); } .nav-tab.menu-add-new { background: #fff; } .current_img { width: 200px; height: 170px; display: block; background-size: cover; background-repeat: no-repeat; position:relative; } .current_img:hover span{display:block;} .current_img span{ color:#ffffff; width: 100%; position: absolute; bottom: 0; text-align: center; background-color: #999999; opacity: 0.8; display: none; } #current_bg_color { width: 15px; height: 15px; margin-top: 3px; position: absolute; top: 0px; right: 0px; border: 1px solid #000; background-color: #DB3256; } #current_text_color { width: 15px; height: 15px; float: right; position: absolute; top: 0px; right: 0px; margin-top: 3px; border: 1px solid #000; background-color: #ffffff; } #AddImage >span { background: url('../images/media-button.png') no-repeat top left; display: inline-block; width: 16px; height: 16px; vertical-align: text-top; margin: 0 2px; } .empty_desc { margin-bottom: 5px !important; } .empty_desc >span { background: url('../images/trash_can_empty.png') no-repeat top left; display: inline-block; width: 16px; height: 16px; vertical-align: text-top; margin: 0 2px; } .addDescription >span { background: url('../images/trash_can_add.png') no-repeat top left; display: inline-block; width: 16px; height: 16px; vertical-align: text-top; margin: 0 2px; } .delete_desc { background-image:url('../images/trash_can_delete.png') no-repeat top left; display: inline; width: 16px; height: 16px; } .change_img_hint { width: 100%; display:block; } .sortable-row { background-color: #F9F9F9; } .row:hover { cursor: move; } .row >td > table td { border-bottom-color: #F9F9F9; border-top-color: #F9F9F9; } .current_description{ padding-right: 30px; position:relative; } .current_description input.desc{ width:100%; } .current_description .delete_desc{ position: absolute; top: 3px; right: 0; } .empty_descs { display: inline; background-color: #D9534F; } .slider_settings th input[type=submit] { float: right; } .choose_color { position: relative; padding-right:22px; } .slider_settings td >label { margin-left: 5px; } .slider_size{ width:100%; } .slider_w,.slider_h{ vertical-align:middle !important;} .slider_w p,.slider_h p{ margin-bottom: 0 !important; margin-left: 5px !important;} .slider_settings td input[type=text] { width:100%; min-width: 62px; } .slider_settings #delete-slide { float:right; } .slider_tabs { width: 70%; } .slider_dialog { display: none; top:0px; left: 0px; } @media all and (max-width: 502px) { .slider_settings { width: 100%; margin-bottom: 10px; } .addDescription { margin-bottom: 5px; } #additional_info { width: 100%; } } @media all and (max-width: 987px) { .slider_container { width: 100%; margin-bottom: 10px; } .slider_settings { width: 100%; margin-bottom: 10px; } #additional_info { width: 100%; } .addDescription { margin-bottom: 5px !important; } .delete_desc { display: block; width: 16px; height: 16px; } .empty_descs { margin-bottom: 5px !important; } .empty_desc { margin-top: 0 !important; } } @media all and (max-width: 1260px) { .desc { width: 50%; } .empty_desc { margin-bottom: 5px !important; margin-top:0px; } } @media all and (min-width:980px) and (max-width: 1230px) { .empty_desc { margin:5px 0 !important; } } @media all and (max-width: 1110px) { .addDescription { margin-bottom: 5px !important; } .empty_descs { margin-bottom: 5px !important; } } @media all and (max-width: 1800px) { html { overflow-x: hidden; } } @media all and (max-width: 540px) { html { overflow-x: scroll; } }