/* * Design admin area by @skybootstrap */ /* * Global Css */ #skb_cife_general .submit, #skb_cife_general form h2, #skb_cife_manage_icon form h2, #skb_cife_update_info form h2{ display: none; } .skb-cife-nav-tab-wrapper .nav-tab-active{ border-bottom: 1px solid #fff; background: #fff; } #skb_cife_manage_icon form{ padding: 0 10px; } .skb_cife-change-log-table ul, .skb_cife_general_tab_html_output_inner td ul{ margin: 0; } .skb-admin-area .dashicons{ color: #5B28FF; } .skb-admin-area .dashicons-admin-links{ text-decoration: none; } /* * 1.0 general icon tab */ #skb_cife_general{ padding: 10px 20px 20px; } .skb_cife_general_tab_html_output_inner h3{ margin-bottom: 20px; margin-top: 0; } .skb_cife_general_tab_html_output_inner li{ font-size: 16px; padding: 5px 0; } .skb_cife_general_tab_html_output_inner span { background: rgba(245,89,255,1); color: #fff; padding: 0px 7px 3px 7px; border-radius: 10px; display: inline-block; margin: 0 10px; } .skb_cife_general_tab_html_output_inner table{ border-collapse: collapse; } .skb_cife_general_tab_html_output_inner th, .skb_cife_general_tab_html_output_inner td{ background: #fff; border: 1px solid #E1E2E6; display: table-cell; padding: 15px; border-radius: 5px; box-shadow: 0 2px 4px #E1E2E6; } .skb_cife_general_tab_html_output_inner th{ background: #E1E2E6; border-radius: 0; border-right: 1px solid #cac4c4; font-size: 16px; } .skb_cife_general_tab_html_output_inner th:last-child{ border-right: 0px solid #fff; } /* * 2.0 manege icon tab */ .skb-admin-area { background: #fff; } .form-table .single_icon_wrapper th{ width: 80%; } .single_icon_wrapper th label { padding-left: 10px; font-size: 16px; color: #fff; } .single_icon_wrapper { float: left; width: 23%; background: #6538EC; margin: 1%; min-width: 250px; background: rgb(91,40,255); background: -webkit-gradient(linear, left top, right top, from(rgba(91,40,255,1)), to(rgba(245,89,255,1))); background: -o-linear-gradient(left, rgba(91,40,255,1) 0%, rgba(245,89,255,1) 100%); background: linear-gradient(90deg, rgba(91,40,255,1) 0%, rgba(245,89,255,1) 100%); border-radius: 5px; box-shadow: 0px 2px 7px #E1E2E6; } .skb_cife_checkbox_wrapper { width: 60px; height: 24px; position: relative; border-radius: 50px; background: rgba(255,255,255, 0.2); background: -webkit-gradient(linear, left top, right top, from(rgba(185,26,96,0.35)), to(rgba(91,40,255,0.35))); background: -o-linear-gradient(left, rgba(185,26,96,0.35) 0%, rgba(91,40,255,0.35) 100%); background: linear-gradient(90deg, rgba(185,26,96,0.35) 0%, rgba(91,40,255,0.35) 100%); } .single_icon_wrapper .skb_cife_checkbox_wrapper label { display: block; width: 24px; height: 24px; position: absolute; top: -4px; left: 0px; cursor: pointer; background: #fcfff4; background: -webkit-gradient(linear, left top, left bottom, from(#fcfff4), color-stop(40%, #dfe5d7), to(#b3bead)); background: rgba(255,255,255, 0.25); border-radius: 50px; -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; margin: 0; } .skb_cife_checkbox_wrapper input[type=checkbox] { visibility: hidden; } .skb_cife_checkbox_wrapper input[type=checkbox]:checked + label { left: 36px; background: #fff; } /* * 3.0 update info tab */ .skb_cife_update_info_html_output-wrapper { padding: 10px 20px 20px 20px; } .skb-ovh { overflow: hidden; } .skb_cife-single-change-log h3{ margin: 10px 0 20px 0; } .skb_cife-change-log-table-wrapper{ max-height: 460px; overflow-y: scroll; } .skb_cife-change-log-inner, .skb-genarel-tab-column-1 { float: left; max-width: 75%; min-width: 60%; } .skb_cife-two-column { overflow: hidden; min-width: 290px; max-width: 320px; float: right; } .skb_cife-change-log-table{ width: 100%; } .skb_cife-change-log-table tr { border: 1px solid #E1E2E6; display: block; margin-bottom: 25px; padding: 15px; border-radius: 5px; box-shadow: 0 2px 4px #E1E2E6; background: #fff; } .skb_cife-change-log-table td{} .skb_cife-change-log-table label { font-weight: bold; border-radius: 2px; margin-bottom: 15px; display: block; } .skb_cife-change-log-inner table{ max-height: 300px; overflow-y: scroll; } /* * 4.0 Responsive css */ @media (min-width: 783px) and (max-width: 1365px) { .single_icon_wrapper th label{ font-size: 15px; } .skb_cife-two-column{ float:none; } .skb-genarel-tab-column-1 { margin-bottom: 25px; } } @media (min-width: 783px) and (max-width: 1200px) { .skb_cife-change-log-inner { width: 64%; } } @media only screen and (max-width: 782px) { .form-table .single_icon_wrapper th{ display:inline-block; padding: 20px 10px 20px 0; width: 160px; } .form-table .single_icon_wrapper td{ display:inline-block; padding: 15px 10px; } .single_icon_wrapper th label{ font-size: 15px; } .skb_cife-change-log-inner { width: 100%; } .skb_cife-two-column { float: none; text-align: center; margin-top: 20px; } }