芝麻web文件管理V1.00
编辑当前文件:/home4/randall/public_html/sl/wp-content/plugins/trx_socials/assets/css/trx_socials_admin.css
/* Widget's parameters -----------------------------------------------------------------*/ /* Custom widgets areas */ .trx_socials_widgets_form_wrap { width:58%; padding-bottom:1em; float: right; } @media (max-width: 479px) { .trx_socials_widgets_form_wrap { width:100%; padding-bottom:1em; float: none; } } .trx_socials_widgets_form_wrap input[type="text"] { width: 100%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .trx_socials_widgets_form_wrap .trx_socials_widgets_area_name, .trx_socials_widgets_form_wrap .trx_socials_widgets_area_description, .trx_socials_widgets_form_wrap .trx_socials_widgets_area_submit { display:inline-block; vertical-align:bottom; } .trx_socials_widgets_form_wrap .trx_socials_widgets_area_name { width: 25%; margin-right: 1em; } .trx_socials_widgets_form_wrap .trx_socials_widgets_area_description { width: 40%; margin-right: 1em; } @media (max-width: 782px) { .trx_socials_widgets_form_wrap .trx_socials_widgets_area_name, .trx_socials_widgets_form_wrap .trx_socials_widgets_area_description, .trx_socials_widgets_form_wrap .trx_socials_widgets_area_submit { display:block; width: 100%; margin :0 0 1em; vertical-align:top; } } /* Widgets parameters */ .widget-control-actions { margin-top: 1.5em; } .widgets_param_fullwidth { width: 100%; } .widgets_param_maxwidth { max-width: 220px; } [class*="widget_field_type_"] { margin-top: 1.25em; } [class*="widget_field_type_"] > label { margin-right: 6px; } .widget_field_title { display:block; font-weight: bold; margin-bottom:4px; } .widget_field_description { display:block; font-size: 0.9em; font-style:italic; margin-bottom: 5px; color: #666; } .widget_field_type_info { display: block; padding: 12px 10px; background-color:#f7f7f7; border-left: 3px solid #888; } .widget_field_type_info > .widget_field_title { font-weight: normal; text-transform:uppercase; } .widget_field_type_icons > *, .widget_field_type_color > *, .widget_field_type_image > * { vertical-align:top; } .widget_field_type_image > input[type="text"], .widget_field_type_media > input[type="text"], .widget_field_type_audio > input[type="text"], .widget_field_type_video > input[type="text"] { width: 73%; } .widget_field_type_image > a.trx_socials_media_selector, .widget_field_type_media > a.trx_socials_media_selector, .widget_field_type_audio > a.trx_socials_media_selector, .widget_field_type_video > a.trx_socials_media_selector { display:inline-block; width: 26%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .widget_field_type_switch > .widgets_param_box > label, .widget_field_type_radio > .widgets_param_box > label { display:inline-block; margin-right:0.5em; } .widget_field_type_switch.widget_field_dir_vertical > .widgets_param_box > label, .widget_field_type_radio.widget_field_dir_vertical > .widgets_param_box > label { display:block; margin-bottom:0.3em; } .widget_field_type_switch > .widgets_param_box > input[type="radio"], .widget_field_type_radio > .widgets_param_box > input[type="radio"] { margin-right:0; } .widget_field_type_checklist > .widgets_param_box { display:block; width:100%; max-height: 10em; overflow-y:auto; } .widget_field_type_checklist > .widgets_param_box > label { display:block; margin-bottom:0.3em; } .widget_field_type_checklist.widget_field_dir_horizontal > .widgets_param_box > label { display:inline-block; margin-right:0.5em; } .wp-color-result { margin: 0; } .widget_field_type_icons { position:relative; } /* Image selector -----------------------------------------------------------------*/ .trx_socials_media_selector_preview { display: none; margin-right: -1%; } .trx_socials_media_selector_preview:empty { display: none !important; } .trx_socials_media_selector_preview.trx_socials_media_selector_preview_with_image { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .trx_socials_media_selector_preview.trx_socials_media_selector_preview_with_image:not(:empty) { margin-bottom: 1em; } .trx_socials_media_selector_preview img { display: inline-block; vertical-align: top; width: auto; height: auto; max-width: 100%; max-height: 150px; } .trx_socials_media_selector_preview > img, .trx_socials_media_selector_preview > .trx_socials_media_selector_preview_image { margin: 0 1% 1% 0; position: relative; } .trx_socials_media_selector_preview > .trx_socials_media_selector_preview_image { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-basis: 24%; -ms-flex-basis: 24%; flex-basis: 24%; cursor: pointer; border: 2px solid #fff; box-sizing: border-box; -webkit-transition: border-color 0.3s ease; -ms-transition: border-color 0.3s ease; transition: border-color 0.3s ease; background-image: url(images/transparent.png); background-position: left top; background-repeat: repeat; background-size: 12px 12px; overflow: hidden; max-height: 150px; } .trx_socials_media_selector_preview_single { max-width: 60%; } .trx_socials_media_selector_preview_single > .trx_socials_media_selector_preview_image { -webkit-flex-basis: initial; -ms-flex-basis: initial; flex-basis: initial; max-height: none; } .trx_socials_media_selector_preview_single img { max-height: none; } .trx_socials_media_selector_preview > .trx_socials_media_selector_preview_image:focus { outline: 0; border-color: #6d7781; } .trx_socials_media_selector_preview > .trx_socials_media_selector_preview_image > a { padding: 0.3em 0.5em; } .trx_socials_media_selector_preview > .trx_socials_media_selector_preview_image:before { content: ' '; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(15, 16, 17, 0.5); opacity: 0; pointer-events: none; -webkit-transition: background-color 0.3s ease, opacity 0.3s ease; -ms-transition: background-color 0.3s ease, opacity 0.3s ease; transition: background-color 0.3s ease, opacity 0.3s ease; } .trx_socials_media_selector_preview > .trx_socials_media_selector_preview_image:focus:before, .trx_socials_media_selector_preview > .trx_socials_media_selector_preview_image:hover:before { opacity: 1; } .trx_socials_media_selector_preview > .trx_socials_media_selector_preview_image:after { content: '\e806'; font-family: "trx_socials_icons"; font-size: 10px; display: block; position: absolute; z-index: 1; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 2.5em; height: 2.5em; line-height: 2.5em; text-align: center; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; color: #fff; opacity: 0; -webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, opacity 0.3s ease; -ms-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, opacity 0.3s ease; transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, opacity 0.3s ease; } .trx_socials_media_selector_preview > .trx_socials_media_selector_preview_image:focus:after, .trx_socials_media_selector_preview > .trx_socials_media_selector_preview_image:hover:after { opacity: 1; } .trx_socials_image_selector_field[type="text"], .trx_socials_thumb_selector_field[type="text"] { vertical-align: top; width: auto !important; } .trx_socials_image_selector_field[type="text"] ~ .trx_socials_media_selector_preview, .trx_socials_thumb_selector_field[type="text"] ~ .trx_socials_media_selector_preview { display: inline-block; vertical-align: top; margin: 0 1em; } .trx_socials_image_selector_field ~ .trx_socials_media_selector_preview, .trx_socials_thumb_selector_field ~ .trx_socials_media_selector_preview { max-width: 200px; height: auto; border: 1px solid #ccc; padding: 5px; -webkit-box-shadow: 5px 5px 10px #ccc; -ms-box-shadow: 5px 5px 10px #ccc; box-shadow: 5px 5px 10px #ccc; } .trx_socials_thumb_selector_field ~ .trx_socials_media_selector_preview { max-width: 75px; } .trx_socials_image_selector_field ~ .trx_socials_media_selector_preview > img, .trx_socials_image_selector_field ~ .trx_socials_media_selector_preview > .trx_socials_media_selector_preview_image, .trx_socials_thumb_selector_field ~ .trx_socials_media_selector_preview > img, .trx_socials_thumb_selector_field ~ .trx_socials_media_selector_preview > .trx_socials_media_selector_preview_image { margin: 0; } input[type="button"].trx_socials_media_selector { font-size: 14px; line-height: 30px; height: 32px; padding: 0 20px; } /* Visual Composer icons for widgets and shortcodes -----------------------------------------------------------------*/ /* Widget: Instagram */ .vc_element-icon.icon_trx_widget_instagram, .wpb_trx_widget_instagram .icon_trx_widget_instagram { background-image:url(../../widgets/instagram/instagram.png) !important; background-repeat:no-repeat; background-position:0 0 !important; }