/* Media crop -----------------------------------------------------------------*/ .media-frame-content .crop-content > img + div + div { min-height: 10px; } /* Notices -----------------------------------------------------------------*/ #asia_garden_admin_notice { display:block; margin-top: 1em; margin-left: 0; } #asia_garden_admin_notice .asia_garden_notice_title { margin:0; } #asia_garden_admin_notice p { margin-bottom:0; } #asia_garden_admin_notice .dashicons { font-size:1.2em; line-height:inherit; } .asia_garden_admin_messages { margin-bottom: 1em; } .asia_garden_admin_messages .asia_garden_admin_message_item { margin: 0.5em 0; } /* Menu icons -----------------------------------------------------------------*/ .menu-item-settings .description-thin { position:relative; } .asia_garden_list_icons_selector { position:absolute; right: 1px; bottom: 1px; z-index:2; display:inline-block; width: 24px; height:24px; line-height: 24px; text-align:center; border-left: 1px solid #ccc; background-size: 100%; background-position:left top; background-repeat:no-repeat; cursor:pointer; } .menu-item-settings .asia_garden_list_icons_selector { bottom: 2px; background-color:#fff; } .asia_garden_list_icons { position:absolute; display:none; z-index:1000; width: 307px; height: 261px; overflow-x:hidden; overflow-y:scroll; background-color:#f0f0f0; padding:1px 0 0 1px; border: 2px solid #ccc; max-width:100%; } .asia_garden_list_icons span { display:inline-block; width: 2em; height:2em; line-height: 2em; text-align:center; vertical-align:top; border: 1px solid #ccc; margin: 0 1px 1px 0; background-color:#fff; background-size: contain; background-position:center; background-repeat:no-repeat; cursor:pointer; -webkit-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } .asia_garden_list_icons span:before, .asia_garden_list_icons_selector:before { margin:0; } .asia_garden_list_icons span:hover, .asia_garden_list_icons span.asia_garden_list_active, .asia_garden_list_icons_selector:hover { background-color:#f0f0f0; border-color: #bbb; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2); } /* Checklist -----------------------------------------------------------------*/ .asia_garden_checklist { max-height:20em; overflow-x: hidden; overflow-y: auto; } .asia_garden_checklist .asia_garden_checklist_item_label { display:block; width: 100%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .asia_garden_checklist_horizontal .asia_garden_checklist_item_label { display:inline-block; vertical-align:top; padding-right: 1em; width: 33.3333%; } .asia_garden_checklist_vertical .asia_garden_checklist_item_label { margin-bottom: 0.5em; } .asia_garden_checklist .asia_garden_checklist_item_label img { height: 2.5em; width: auto; display:inline-block; vertical-align:middle; } .asia_garden_sortable .asia_garden_sortable_item, .asia_garden_sortable .asia_garden_sortable_placeholder { padding:0.5em 1em; border: 1px dotted #ddd; } .asia_garden_sortable .asia_garden_sortable_placeholder { background-color:#fffddd; border: 1px dashed #ccc; min-height: 1.5em; } .asia_garden_sortable .asia_garden_sortable_item.ui-sortable-helper { background-color:#ffffff; -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); } /* Theme Options & Meta boxes -----------------------------------------------------------------*/ .asia_garden_hidden { display: none; } div.asia_garden_tabs { border: none; background: none; font-size: 1em; } div.asia_garden_tabs > ul.ui-tabs-nav { margin-bottom:0; padding: 0; position:relative; z-index:1; background: none; border: none; } div.asia_garden_tabs > ul.ui-tabs-nav > li { display:inline-block; margin:0; border-top-left-radius: 4px; border-top-right-radius: 4px; border:1px solid #ddd; border-bottom:none; } div.asia_garden_tabs > ul.ui-tabs-nav > li > a { display:block; padding: 0.7em 1em; text-decoration:none; -webkit-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; } div.asia_garden_tabs > ul.ui-tabs-nav > li.ui-state-active > a { position:relative; top: 1px; background-color:#fff; } div.asia_garden_tabs > ul.ui-tabs-nav > li+li { margin-left:3px; } div.asia_garden_tabs .asia_garden_tabs_section { padding: 2em 1.5em; border:1px solid #ddd !important; background-color:#fff; } div.asia_garden_tabs_section + .asia_garden_tabs_section { display:none; } /* Accordion groups */ div.asia_garden_accordion { padding:0 !important; } div.asia_garden_accordion + .asia_garden_accordion, .asia_garden_options_item + .asia_garden_options_groups { padding:1.5em 0 !important; } div.asia_garden_accordion_title, div.ui-accordion .asia_garden_accordion_title.ui-accordion-header { padding:0.8em 1em; color: #fff; background: #bbb; /*#00a0d0;*/ margin:0; margin-top:1px; cursor:pointer; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } div.ui-accordion .asia_garden_accordion_title.ui-accordion-header.ui-state-active { background:#888; /*#0080b0;*/ } div.ui-accordion .asia_garden_accordion_title.ui-accordion-header .ui-icon { text-indent:0; margin-right:0.8em; } div.ui-accordion .asia_garden_accordion_title.ui-accordion-header .ui-icon:before { content:'\e929'; font-family: 'fontello'; } div.asia_garden_accordion_title.ui-accordion-header.ui-state-active .ui-icon:before { content:'\e92c'; } div.ui-accordion .asia_garden_accordion_content { border:1px solid #ccc; padding: 1em 2em; } /* Single option */ .asia_garden_options_item { padding: 1.5em 0 1.25em; } .asia_garden_options_item:not(.asia_garden_options_item_info) + .asia_garden_options_item:not(.asia_garden_options_item_info) { border-top: 1px dotted #ddd; } .asia_garden_options_item:after { content: ' '; } .asia_garden_new_row_before, .asia_garden_options_item:after { display:block; width:100%; height:0; clear: both; } .asia_garden_options_item_title { display: inline-block; vertical-align:top; margin:0.4em 0.5em 0.5em 0; max-width:95%; width: 190px; padding-right:20px; position: relative; } .asia_garden_options_item_checkbox .asia_garden_options_item_title { margin-top:0.2em; } .asia_garden_options_item_data { display:inline-block; vertical-align:top; width:100%; max-width:470px; } .asia_garden_options_item_field { position:relative; } .asia_garden_options_item_checkbox .asia_garden_options_item_label { display:inline-block; margin: 0.5em 0; } .asia_garden_options_item_switch .asia_garden_options_item_label, .asia_garden_options_item_radio .asia_garden_options_item_label { display:inline-block; margin: 0.5em 1em 0.5em 0; } .asia_garden_options_item_description { font-style: italic; font-size:0.9em; } .asia_garden_options_item input[type="text"], .asia_garden_options_item textarea, .asia_garden_options_item select { width:100%; } /* Columns */ [class*="asia_garden_column-"] { display:inline-block; vertical-align:top; padding-right: 20px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .asia_garden_column-1_2 { width: 50%; } .asia_garden_column-1_3 { width: 33.3333%; } .asia_garden_column-2_3 { width: 66.6667%; } .asia_garden_column-1_4 { width: 25%; } .asia_garden_column-2_4 { width: 50%; } .asia_garden_column-3_4 { width: 75%; } .asia_garden_column-1_5 { width: 20%; } .asia_garden_column-2_5 { width: 40%; } .asia_garden_column-3_5 { width: 60%; } .asia_garden_column-4_5 { width: 80%; } @media (max-width: 1279px) { .asia_garden_column-1_4, .asia_garden_column-3_4, .asia_garden_column-1_5, .asia_garden_column-2_5, .asia_garden_column-3_5, .asia_garden_column-4_5 { width: 50%; } } @media (max-width: 1023px) { .asia_garden_column-1_3, .asia_garden_column-2_3 { width: 50%; } } @media (max-width: 767px) { .asia_garden_column-1_2, .asia_garden_column-1_3, .asia_garden_column-2_3, .asia_garden_column-1_4, .asia_garden_column-2_4, .asia_garden_column-3_4, .asia_garden_column-1_5, .asia_garden_column-2_5, .asia_garden_column-3_5, .asia_garden_column-4_5 { width: 100%; padding-right: 0; } } [class*="asia_garden_column-"] .asia_garden_options_item_title { text-align: left; float: none; width: auto; padding-right: 0; display:block; } [class*="asia_garden_column-"] .asia_garden_options_item_data { text-align: left; float: none; width: auto; min-width: none; display:block; } .asia_garden_options_item[class*="asia_garden_column-"] { border-width:0 !important; } /* Info block */ .asia_garden_options_item_info { background-color:#f7f7f7; padding: 1em 1.5em; border-left: 3px solid #aaa; } .asia_garden_options_item_info .asia_garden_options_item_title, .asia_garden_options_item_info .asia_garden_options_item_data { float:none; width: 100%; } .asia_garden_options_item_info .asia_garden_options_item_title { text-transform:uppercase; letter-spacing:1px; text-align: left; } /* Images preview */ .asia_garden_options_field_preview { display: block; margin: 1em 0 0; } .asia_garden_options_field_preview img { width:auto; max-width: 100%; height: auto; max-height: 100px; vertical-align:top; } .asia_garden_options_field_preview > img, .asia_garden_options_field_preview > span { margin: 0 0.3em 0.3em 0; position:relative; max-width: 30%; } .asia_garden_options_field_preview > span { display:inline-block; cursor:pointer; } .asia_garden_options_field_preview > span > a { padding:0.3em 0.5em; } .asia_garden_options_field_preview > span:before { content: ' '; position: absolute; z-index:1; left:0; top:0; right: 0; bottom: 0; background-color:rgba(0,0,0,0.5); opacity: 0; -webkit-transition: opacity .3s ease; -ms-transition: opacity .3s ease; transition: opacity .3s ease; } .asia_garden_options_field_preview > span:after { content: '\e916'; font-family:'fontello'; z-index:2; position:absolute; left: 50%; top: 50%; display:block; text-align:center; font-size: 1em; width: 1em; height: 1em; line-height: 1em; margin:-0.6em 0 0 -0.5em; color: #fff; opacity: 0; -webkit-transition: opacity .3s ease; -ms-transition: opacity .3s ease; transition: opacity .3s ease; } .asia_garden_options_field_preview > span:hover:before, .asia_garden_options_field_preview > span:hover:after { opacity:1; } /*.customize-control-field-wrap .asia_garden_list_icons_selector,*/ .asia_garden_options_item_icon .asia_garden_list_icons_selector { right: 0; } /* Inherit state */ .asia_garden_options_inherit_lock { position:absolute; z-index:1; right: 0; top: 0; display:block; width:18px; height:18px; line-height:18px; background-color:#d0d0d0; color:#4c4c4c; text-align:center; border-radius: 2px; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; } .asia_garden_options_inherit_off .asia_garden_options_inherit_lock { background-color:#4cb2e1; color:#ffffff; } .asia_garden_options_inherit_lock:before { font-family:'fontello'; content: '\e82b'; padding:0; margin:0; } .asia_garden_options_inherit_off .asia_garden_options_inherit_lock:before { content: '\f13e'; } .asia_garden_options_inherit_cover { position:absolute; left:0; right:0; top:0; bottom:0; background-color:rgba(0,0,0,0.5); background-image:url(../images/stripe_black.png); z-index:3; } .asia_garden_options_inherit_label { position:absolute; display:inline-block; left:50%; top:50%; margin:-10px 0 0 -30px; font-size:20px; font-weight:bold; color:#fff; } .asia_garden_options_wait:before { font-family:'fontello'; content: '\e810' !important; display:inline-block; width: 1em; height: 1em; line-height:1em; text-align:center; -webkit-animation: spin 2s infinite linear; -ms-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } /* Buttons */ .asia_garden_options_buttons { margin-top: 1em; } .asia_garden_options_buttons input { border: 1px solid #0080b0; background-color: #00a0d0; color:#fff; padding: 0.5em 1em; } .asia_garden_options_buttons input:hover { border-color: #006090; background-color: #0073aa; } /* Color scheme editor -------------------------------------------------- */ .asia_garden_scheme_editor { margin-bottom:1em; } .asia_garden_scheme_editor_selector { margin-bottom: 10px; } .asia_garden_scheme_editor_type { margin-bottom: 10px; } .asia_garden_scheme_editor_type .asia_garden_scheme_editor_row { border: none; } .asia_garden_scheme_editor_type label+label { margin-left: 1em; } .asia_garden_scheme_editor_type .asia_garden_scheme_editor_description { font-style:italic; font-size:0.9em; } .asia_garden_scheme_editor_header { padding: 3px 0; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; } .asia_garden_scheme_editor_header_cell, .asia_garden_scheme_editor_row_cell { display:inline-block; vertical-align:middle; width: 15%; padding: 0 2px 0 0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .asia_garden_scheme_editor_header_cell:first-child, .asia_garden_scheme_editor_row_cell:first-child { width: 25%; } .asia_garden_scheme_editor_row_cell_span { width: 75%; } .asia_garden_scheme_editor_header_cell + .asia_garden_scheme_editor_header_cell, .asia_garden_scheme_editor_row_cell + .asia_garden_scheme_editor_row_cell { margin-left:0; } .asia_garden_scheme_editor_header_cell { font-weight: bold; text-align:center; } .asia_garden_scheme_editor_row { padding: 3px 0; border-bottom: 1px dotted #ddd; } /* Internal ColorPicker -----------------------------------------------------------------*/ .iColorPickerTable .iColorPicker_moreColors { background-image: url(../images/colorpicker_morecolors.png); background-repeat:no-repeat; display:inline-block; margin-left: 0.5em; width: 1em; height: 1em; line-height:1em; vertical-align:middle; box-shadow: none !important; } /* TGMA -----------------------------------------------------------------*/ #setting-error-tgmpa { display:block; } .tgmpa_line_template { display: block; margin: 0.5em 0.5em 0 0; clear: both; } .tgmpa_version { float: right; padding: 0em 1.5em 0.5em 0; } .tgmpa_column_version { min-width: 32px; text-align: right; float: right; } .tgmpa_column_version_colored { color: #ff0000; font-weight: bold; } .tgmpa_column_version_colored_2 { color: #71C671; font-weight: bold; } .tgmpa_header { font-size: 23px; font-weight: 400; line-height: 29px; margin: 0; padding: 9px 15px 4px 0; } .tgmpa_update_php { width: 100%; height: 98%; min-height: 850px; padding-top: 1px; } .tgmpa_actions_row { color: #888; }