dvadf
File manager - Edit - /home/centroca/public_html/wp/wp-content/plugins/nextgen-gallery/static/AttachToPost/attach_to_post.css
Back
/* * * This file contains CSS for: * 1. Overall IGW Window (dialog CSS is in attach_to_post_dialog.css) * 2. IGW Sidebar * 3. Display Tab: General CSS * 3a. Display Tab: "Choose Display" Subtab * 3b. Display Tab: "Customize Display Settings" Subtab * 3c. Display Tab: "Sort & Exclude Images" (ie, Preview) Subtab * 4. Other Tabs * 5. Media Queries * * Note that much of the CSS in #2 is duplicated in iframely.css. The css here cannot * reach into the iframe of the Add Gallery, Manage Gallery, and Manage Album pages. * So overrides for those pages go in iframely.css. * * Almost every time you make a change here, you may need to make an equivalent change * in iframely.css for the other main tabs in the IGW other than the Display Tab. * */ @font-face { font-family: 'Lato'; src: url('../../products/photocrati_nextgen/modules/nextgen_admin/static/Lato-Regular.ttf') format('truetype') } /* 1. Overall IGW Window */ html, body { width: 100% !important; height: 100% !important; padding: 0 !important; margin: 0 !important; max-width: 100% !important; font-size: 13px; overflow: hidden; } body { position: absolute; visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0.0; height: 100%; } .entity_errors { color: red; } .entity_errors ul { margin-left: 30px; } .entity_errors ul li{ list-style-type: disc; } .ui-helper-reset { font-size: 13px; } #attach_to_post_tabs { border: 0; background: none; height: 100%; overflow: hidden; padding: 0; position: relative; visibility: visible; } #attach_to_post_tabs.ui-tabs-hide { display: block !important; visibility: hidden; position: absolute; top: -5000px; } #attach_to_post_tabs h3 { text-transform: uppercase; color: black; margin-top: 0; letter-spacing: 2px; font-size: 18px; font-weight: 900; } h3#choose_display { margin-bottom: 24px; } #attach_to_post_tabs .main_menu_tab { padding: 0; position: absolute; left: 220px; right: 0; top: 0; bottom: 0; } #attach_to_post_tabs.ngg_atp_ios_detected { overflow-y: scroll; -webkit-overflow-scrolling: touch; } #attach_to_post_tabs .ui-widget-header { border: 0; border-bottom: 1px solid #dfdfdf; background: none; } iframe { width: 100%; min-height: 100%; border: none; padding: 0; margin: 0; background: transparent; } .chrome_70_hack_frames { z-index: 100000000 !important; } .chrome_70_hack_noframes { z-index: 0 !important; } .clear { clear: both; float: none; } table { font-size: 13px; } .select2-search input { width: 100% !important; } .select2-result-label { white-space: nowrap; } .select2-results { font-family: 'segoe ui', Arial, sans-serif; font-size: 13px; } .select2-container a { color: #444 !important; } /* thanks to nextgen_admin_page.css */ #ngg_page_content .ngg_page_content_main .select2-container { width: 100% !important; max-width: 500px !important; } /* 2. IGW Sidebar */ #attach_to_post_tabs .ui-tabs-icon { box-sizing: border-box; color: #fff; font-family: "Lato", sans-serif; float: none; font-size: 20px; font-weight: bold; height: 100%; letter-spacing: 1px; line-height: 60px; margin-bottom: 0; position: fixed; text-transform: uppercase; width: 220px; padding: 0; } #attach_to_post_tabs img.attach_to_post_logo { height: 80px; padding: 50px 0 30px; float: right; margin-right: 26px; } #attach_to_post_tabs .ui-tabs-nav { border: none; background: transparent; padding: 0; margin-top: 110px; list-style: none; } #attach_to_post_tabs .ui-tabs-nav li { background: transparent; border: none; display: block; height: auto; margin: 0; width: 100%; border-radius: 0; box-sizing: border-box; padding: 24px 30px 24px 20px; } #attach_to_post_tabs .ui-tabs-nav li.ui-state-focus, #attach_to_post_tabs .ui-tabs-nav li.ui-state-active, #attach_to_post_tabs .ui-tabs-nav li:focus, #attach_to_post_tabs .ui-tabs-nav li.active { outline: none; } #attach_to_post_tabs .ui-tabs-nav li a { display: list-item; color: #555; float: right; font-size: 13px; font-weight: 400; font-family: "Lato", sans-serif; letter-spacing: 1.5px; line-height: 1; text-transform: uppercase; padding: 0 !important; } #attach_to_post_tabs .ui-tabs-nav li.ui-tabs-active { border-left: 6px solid #9dbd1b; } #attach_to_post_tabs .ui-tabs-nav li.ui-tabs-active a, #attach_to_post_tabs .ui-tabs-nav li.ui-state-disabled a, #attach_to_post_tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: pointer; } #attach_to_post_tabs .ui-tabs-nav li a.active_tab { font-weight: 800; color: black; } /* 3. Display Tab: General CSS */ #displayed_tab.main_menu_tab { overflow-y: scroll; overflow-x: hidden; } #displayed_tab #ngg_page_content { margin: 0; width: 100%; } #displayed_tab #attach_to_post_tabs .ngg_page_content_header { display: none; } #displayed_tab #ngg_page_content .ngg_page_content_menu { background: transparent; border: none; padding: 0 20px 10px 27px; float: none; height: 25px; margin-top: 0; width: auto; position: relative; top: 100px; } #displayed_tab #ngg_page_content .ngg_page_content_menu a, #displayed_tab #ngg_page_content .ngg_page_content_menu a:active { border: none; color: black; display: inline; font-weight: 300; text-decoration: none; line-height: 25px; padding: 4px; font-size: 12px; background: transparent; margin-right: 10px; } #displayed_tab #ngg_page_content .ngg_page_content_menu .ngg_page_content_menu_active { font-weight: 500; color: black; border-bottom: 3px solid #9ebc1b; } #displayed_tab #ngg_page_content .ngg_page_content_menu a:active:after { display:none; } #displayed_tab #ngg_page_content .ngg_page_content_menu a:before { display: none; } #displayed_tab #ngg_page_content .ngg_page_content_main { padding: 20px 30px 30px; width: 100%; box-shadow: none; } #displayed_tab #ngg_page_content.ngg_settings_page { border: none; } #displayed_tab .ngg_igw_promo { display: block !important; padding: 15px 7px; color: #666; font-family: "Lato", sans-serif; font-size: 10pt; letter-spacing: .5px; box-sizing: border-box; height: 172px; } #displayed_tab .ngg_igw_promo p { text-align: center; } #displayed_tab .ngg_igw_promo p:nth-of-type(1) { margin-top: 10px; } #displayed_tab .ngg_igw_promo p:nth-of-type(2) { margin: 20px 0; } #displayed_tab .ngg_igw_promo a { text-decoration: none; font-weight: 600; background: #9ebc1b; color: white; padding: 10px 16px; font-size: 11px; text-transform: uppercase; } #displayed_tab .ngg_igw_coupon { font-size: 12px; margin-top: 10px; } #attach_to_post_tabs #displayed_tab #ngg_page_content .ngg_page_content_main > div.ngg_igw_video { display: block !important; position: absolute; left: 280px; top: 71px; } #displayed_tab .ngg_igw_video_open { background: black; cursor: pointer; margin: 0; font-weight: 400; height: 28px !important; line-height: 28px !important; font-size: 10px; } #displayed_tab .ngg_igw_video_inner { display: none; box-shadow: 0 0 10px 5px rgba(0,0,0,.2); background: #fff; } #displayed_tab .ngg_igw_video_close { width: 100%; height: 50px; display: block; text-align: center; line-height: 50px; font-size: 13px; font-weight: 600; cursor: pointer; font-family: "Lato", sans-serif; background: black; color: #fff; text-transform: uppercase; letter-spacing: 1.5px; } #displayed_tab .ngg_igw_video iframe { width: 630px; height: 350px !important; min-height: auto; margin-bottom: -3px; } #choose_display_content, #display_settings_tab_content, #preview_tab_content { margin-top: 80px; } /* 3a. Display Tab: "Choose Display" Subtab **/ #displayed_tab #displayed_gallery_source { width: 400px; } #displayed_tab #display_tip { color: rgba(42,52,61,.6); display: block; font-size: 14px; width: 960px; max-width: 100%; padding: 10px 0 0; } #displayed_tab #slug_configuration { display: none; } #displayed_tab #source_configuration td, #displayed_tab #slug_configuration td { vertical-align: top; padding: 4px 0 !important; min-width: 200px; } #displayed_tab #source_configuration label { color: #777 !important; font-size: 13px !important; } #attach_to_post_tabs #displayed_tab #ngg_page_content #source_configuration tr td:first-of-type { white-space: normal; line-height: 1.2; width: 265px; } #displayed_tab #ngg_page_content .select2-container { width: 250px !important; line-height: 20px; } #displayed_tab #ngg_page_content .ngg_page_content_main .select2-selection--multiple, #displayed_tab #ngg_page_content .ngg_page_content_main .select2-selection--single { height: auto; line-height: 21px; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #9fbb1a; } #displayed_tab #slug_configuration #slug_label { width: 52px; } #displayed_tab #slug_configuration #slug_column input[type=text] { width: 498px; } #displayed_tab #display_type_selector { margin-top: 14px; } #displayed_tab .display_type_preview { float: left; margin: 0 5px 5px 0; border: 1px solid #ddd; background: #fff; width: 145px; height: 170px; } #displayed_tab .display_type_preview .image_container { width: 100%; vertical-align: middle; text-align: center; font-size: 12px; font-weight: 500; padding: 8px; box-sizing: border-box; } #displayed_tab .display_type_preview .image_container img { margin-top: 10px; margin-bottom: 10px; box-sizing: border-box; max-width: 100px; } #displayed_tab .display_type_preview .image_container p { display: inline-block; } .display_type_preview label > div { font-size: 12px; } #displayed_tab .select2-chosen { color: #666 !important; } #ngg_page_content #save_displayed_gallery.button { font-weight: 700; height: 50px!important; line-height: 50px!important; padding: 0 30px!important; font-size: 13px; } #save_displayed_gallery:disabled { background: gray !important; } /* 3b. Display Tab: "Customize Display Settings" Subtab */ #display_settings_tab #display_settings_form table tr td:first-child { vertical-align: top; text-align: right; padding-right: 7px; width: 180px; } #display_settings_tab #display_settings_form table td { text-align: left; } #display_settings_tab #display_settings_form table textarea { height: 60px; } #display_settings_tab #display_settings_form textarea, #display_settings_tab #display_settings_form input[type=text], #display_settings_tab #display_settings_form input[type=number], #display_settings_tab #display_settings_form select { width: 157px; } #display_settings_tab #display_settings_form .ngg_slideshow_gallery_width, #display_settings_tab #display_settings_form .ngg_slideshow_gallery_height, #display_settings_tab #display_settings_form .ngg_thumbnail_dimension_width, #display_settings_tab #display_settings_form .ngg_thumbnail_dimension_height { width: 65px !important; } #display_settings_tab #display_settings_form .nextgen_settings_colorpicker { width: 85px !important; text-align: center; } /* 3c. Display Tab: "Sort & Exclude Images" (ie, Preview) Subtab */ h3#preview_tab { margin-bottom: 0; } #preview_tab_content { padding: 10px 0; } #preview_tab_content a { text-decoration: none; font-weight: 300; } #preview_tab_content .previewed_entity { width: 100%; border-bottom: solid 1px #E0E0D6; background-color: #FAFAF0; } #preview_tab_content .previewed_entity .container { padding-top: 15px; } #preview_tab_content .previewed_entity.header { background-color: #F0F0E6; padding-bottom: 5px; padding-top: 5px; } #preview_tab_content .header label { font-size: 12px; color: rgb(100,150,100); font-weight: 600; } #preview_tab_content .ui-sortable-helper { background: none; } #preview_tab_content ul { list-style-type: none; display: block; padding: 0; position: relative; margin-top: 20px; } #preview_tab_content .inclusion_checkbox { margin-right: 7px; display: block; float: left; } #preview_tab_content .preview_item { background-color: white; width: 100px; padding: 10px 10px 30px 10px; margin: 0 5px 5px 0; border: solid 1px #eee; display: block; vertical-align: middle; text-align: center; position: relative; } #preview_tab_content .image_container { background-repeat: no-repeat; background-position: center; background-size: cover; display: block; width: 100%; height: 75px; } #preview_tab_content .image_container img { border: 0; } #preview_tab_content #entity_list li{ float: left; } #preview_tab_content #entity_list .ui-state-default { background: none; border: none; } #preview_tab_content .placeholder { background-color: #e0ddc1; position: relative; } #preview_tab_content #entity_list .exclude_container { background: white; display: block; text-align: center; margin: 0 auto; color: black; font-weight: normal; height: 1.4em; line-height: 1.1em; font-size: 0.8em; position: absolute; bottom: 0.2em; left: 0; width: 100%; padding: 5px 0; } #preview_tab_content #entity_list .exclude_container input { vertical-align: middle; line-height: 1.2em; margin: 0 0.5em; } #preview_tab_content .header_row { margin-bottom: 5px; font-weight: 300; } #preview_tab_content .header_row strong { width: 70px; display: inline-block; } #preview_tab_content .header_row .separator { display: inline-block; margin: 0 5px; } #preview_tab_content .header_row .selected { font-weight: bold; } #preview_tab_content #entity_list li.clear { float: none; clear: both; } #preview_tab_content .refresh_button { float: right; } /* 4. Overall IGW Window */ #ngg-iframe-galleries_tab { } /* 5. Media Queries */ @media (max-width: 1120px) { #displayed_tab .ngg_igw_promo { position: static; width: 602px; height: 125px; max-width: 100%; margin-bottom: 10px; } #displayed_tab .ngg_igw_coupon { margin-top: 10px; } #attach_to_post_tabs #displayed_tab #ngg_page_content .ngg_page_content_main > div.ngg_igw_video, #displayed_tab .ngg_igw_video_inner { display: none !important; } } @media (max-width: 800px) { #attach_to_post_tabs .ui-tabs-icon { width: 100%; position: static; border-right: none; border-bottom: 3px solid #9fbb1a; text-align: center; /* Also update #attach_to_post_tabs .main_menu_tab's top position when changing height */ /*height: 280px;*/ height: 150px; padding: 20px; } #attach_to_post_tabs img.attach_to_post_logo { display: none; } #attach_to_post_tabs .ui-tabs-nav { margin-top: 0; } #attach_to_post_tabs .ui-tabs-nav li { padding: 5px; list-style: none !important; border-bottom: none; border-top: none !important; } #attach_to_post_tabs .ui-tabs-nav li.ui-tabs-active { background: transparent; } #attach_to_post_tabs:not(.ngg_atp_ios_detected) .ui-tabs-nav li:nth-of-type(2)::after { display: none; } #attach_to_post_tabs .ui-tabs-nav li a { float: none; padding: 0 !important; font-weight: normal; } #attach_to_post_tabs .ui-tabs-nav li a.active_tab { color: #9ebc1b; } #attach_to_post_tabs .ui-tabs-nav li a.active_tab::before { display:none; } #attach_to_post_tabs .main_menu_tab { margin-left: 0; min-height: auto; position: absolute; top: 150px; right: 0; left: 0; bottom: 0; height: auto; } #displayed_tab #ngg_page_content .ngg_page_content_menu { padding: 5px 0 0; background: none; border: none; } #displayed_tab #ngg_page_content .ngg_page_content_menu a { display: block; width: 100%; float: left; padding: 0; text-align: center; box-sizing: border-box; } #displayed_tab #ngg_page_content .ngg_page_content_menu .ngg_page_content_menu_active, #displayed_tab #ngg_page_content .ngg_page_content_menu a:active { background: transparent; } #displayed_tab #ngg_page_content .ngg_page_content_menu .ngg_page_content_menu_active:after { display:none; } #displayed_tab #ngg_page_content .ngg_page_content_menu a:last-of-type { padding-bottom: 5px; } #displayed_tab #source_configuration tr, #displayed_tab #slug_configuration tr { margin-bottom: 24px; } #ngg_page_content #save_displayed_gallery.button { position: static; margin-left: 0; padding: 0; } } @media (max-width: 781px) { #attach_to_post_tabs.ngg_atp_ios_detected .ui-tabs-nav li:nth-of-type(1)::after { display:none; } #attach_to_post_tabs #displayed_tab #ngg_page_content .ngg_page_content_main table tr td { width: 100% !important; } #attach_to_post_tabs #displayed_tab #ngg_page_content .ngg_page_content_main #source_configuration { display: table !important; } #attach_to_post_tabs #displayed_tab #ngg_page_content .ngg_page_content_main #source_configuration tbody { display: table-row-group !important; } #displayed_tab #ngg_page_content .responsive-menu-icon { padding: 10px 0 15px !important; } } .ngg-marketing-popup { font-family: "Lato", sans-serif; } @media (max-width: 400px) { #displayed_tab .display_type_preview { float: none; margin: 20px auto; width: 170px; } }
dvadf
dvadf
| ver. 1.4 |
Github
|
.
| PHP 7.3.33 | Generation time: 0.03 |
proxy
|
phpinfo
|
Settings