コード例 #1
0
 /**
  * @see Plugin::SkinBeginHtmlHead()
  */
 function SkinBeginHtmlHead(&$params)
 {
     require_css('http://vjs.zencdn.net/c/video-js.css', 'relative');
     require_js('http://vjs.zencdn.net/c/video.js', 'relative');
     $this->require_skin();
     // Set a video size in css style, because option setting is ignored by some reason
     $width = (int) $this->Settings->get('width');
     $width = empty($width) ? '100%' : $width . 'px';
     $height = (int) $this->Settings->get('height');
     add_css_headline('.video-js{ width: ' . $width . ' !important; height: ' . $height . 'px !important; }');
 }
コード例 #2
0
ファイル: _skin.class.php プロジェクト: Ariflaw/b2evolution
 /**
  * Get ready for displaying the skin.
  *
  * This may register some CSS or JS...
  */
 function display_init()
 {
     global $Messages, $debug;
     // Request some common features that the parent function (Skin::display_init()) knows how to provide:
     parent::display_init(array('jquery', 'font_awesome', 'bootstrap', 'bootstrap_evo_css', 'bootstrap_messages', 'style_css', 'colorbox', 'bootstrap_init_tooltips', 'disp_auto'));
     // Skin specific initializations:
     // Limit images by max height:
     $max_image_height = intval($this->get_setting('max_image_height'));
     if ($max_image_height > 0) {
         add_css_headline('.evo_image_block img { max-height: ' . $max_image_height . 'px; width: auto; }');
     }
 }
コード例 #3
0
ファイル: _skin.class.php プロジェクト: Ariflaw/b2evolution
 /**
  * Get ready for displaying the skin.
  *
  * This may register some CSS or JS...
  */
 function display_init()
 {
     global $disp, $Messages, $debug;
     // Request some common features that the parent function (Skin::display_init()) knows how to provide:
     parent::display_init(array('jquery', 'font_awesome', 'bootstrap', 'bootstrap_evo_css', 'bootstrap_messages', 'style_css', 'colorbox', 'bootstrap_init_tooltips', 'disp_auto'));
     // Skin specific initializations:
     // Limit images by max height:
     $max_image_height = intval($this->get_setting('max_image_height'));
     if ($max_image_height > 0) {
         add_css_headline('.evo_image_block img { max-height: ' . $max_image_height . 'px; width: auto; }');
     }
     if (in_array($disp, array('single', 'page', 'comments'))) {
         // Load jquery UI to animate background color on change comment status or on vote
         require_js('#jqueryUI#', 'blog');
     }
 }
コード例 #4
0
    /**
     * @see Plugin::SkinBeginHtmlHead()
     */
    function SkinBeginHtmlHead(&$params)
    {
        $relative_to = is_admin_page() ? 'rsc_url' : 'blog';
        require_js('#flowplayer#', $relative_to);
        add_js_headline('flowplayer.conf = { flashfit: true, embed: false }');
        $this->require_skin();
        add_css_headline('.flowplayer_block {
	margin: 1em auto 0;
	background: #000;
}
.flowplayer_block .flowplayer {
	display: block;
	margin: auto;
}
.flowplayer_text {
	font-size: 84%;
	text-align: center;
	margin: 4px 0;
}');
    }
コード例 #5
0
    /**
     * @see Plugin::SkinBeginHtmlHead()
     */
    function SkinBeginHtmlHead(&$params)
    {
        global $Blog;
        $relative_to = is_admin_page() ? 'rsc_url' : 'blog';
        require_css('#videojs_css#', $relative_to);
        require_js('#videojs#', $relative_to);
        $this->require_skin();
        // Set a video size in css style, because option setting is ignored by some reason
        $width = intval($this->get_coll_setting('width', $Blog));
        $width = empty($width) ? '100%' : $width . 'px';
        $height = intval($this->get_coll_setting('height', $Blog));
        add_css_headline('.video-js{ width: ' . $width . ' !important; max-width: 100% !important; height: ' . $height . 'px !important; margin: auto; }
.videojs_block {
	margin: 0 auto 1em;
}
.videojs_block .videojs_text {
	font-size: 84%;
	text-align: center;
	margin: 4px 0;
}');
    }
コード例 #6
0
ファイル: _skin.class.php プロジェクト: Ariflaw/b2evolution
 /**
  * Get ready for displaying the skin.
  *
  * This may register some CSS or JS...
  */
 function display_init()
 {
     global $Messages, $disp, $debug;
     // Request some common features that the parent function (Skin::display_init()) knows how to provide:
     parent::display_init(array('jquery', 'font_awesome', 'bootstrap', 'bootstrap_evo_css', 'bootstrap_messages', 'style_css', 'colorbox', 'bootstrap_init_tooltips', 'disp_auto'));
     // Skin specific initializations:
     // Limit images by max height:
     $max_image_height = intval($this->get_setting('max_image_height'));
     if ($max_image_height > 0) {
         add_css_headline('.evo_image_block img { max-height: ' . $max_image_height . 'px; width: auto; }');
     }
     // Initialize a template depending on current page
     switch ($disp) {
         case 'front':
             // Init star rating for intro posts:
             init_ratings_js('blog', true);
             break;
         case 'posts':
             global $cat, $bootstrap_manual_posts_text;
             // Init star rating for intro posts:
             init_ratings_js('blog', true);
             $bootstrap_manual_posts_text = T_('Posts');
             if (!empty($cat)) {
                 // Init the <title> for categories page:
                 $ChapterCache =& get_ChapterCache();
                 if ($Chapter =& $ChapterCache->get_by_ID($cat, false)) {
                     $bootstrap_manual_posts_text = $Chapter->get('name');
                 }
             }
             break;
     }
     if ($this->is_left_navigation_visible()) {
         // Include JS code for left navigation panel only when it is displayed:
         require_js($this->get_url() . 'left_navigation.js');
     }
 }
コード例 #7
0
 /**
  * Spits out the styles used
  *
  * @see Plugin::SkinBeginHtmlHead()
  */
 function SkinBeginHtmlHead()
 {
     require_js('functions.js', 'blog');
     add_css_headline('/* AstonishMe code plugin styles */' . '.amc0,.amc1,.amc2,.amc3,.amc4,.amc5,.amc6,.amc7,.amc8,.amc9 {' . 'background:url(' . $this->get_plugin_url() . 'img/numbers.gif) no-repeat; }');
     require_css($this->get_plugin_url() . 'amcode.css', true);
     // TODO: dh> move this to a IE-specific file, e.g. add_css_headline, but which is specific for IE
     //           Or easier: fix it with a hack in amcode.css itself?!
     add_headline('<!--[if IE]>' . '<style type="text/css">' . '/* IE: make sure the last line is not hidden by a scrollbar */' . 'div.codeblock.amc_short table {' . '	margin-bottom: 2ex;' . '}' . '</style>' . '<![endif]-->');
 }
コード例 #8
0
ファイル: _skin.class.php プロジェクト: b2evolution/ego_skin
    /**
     * Get ready for displaying the skin.
     *
     * This may register some CSS or JS...
     */
    function display_init()
    {
        global $Messages, $debug, $disp;
        // Request some common features that the parent function (Skin::display_init()) knows how to provide:
        parent::display_init(array('jquery', 'font_awesome', 'bootstrap', 'bootstrap_evo_css', 'bootstrap_messages', 'style_css', 'colorbox', 'bootstrap_init_tooltips', 'disp_auto'));
        // Skin specific initializations:
        require_js('js/scripts.js', 'relative');
        // Include Masonry Grind for Posts and Mediaidx disps
        if (in_array($disp, array('posts', 'mediaidx', 'catdir'))) {
            require_js('js/masonry.pkgd.min.js', 'relative');
            require_js('js/imagesloaded.pkgd.min.js', 'relative');
            add_js_headline("\n\t\t\t\tjQuery( document ).ready( function(\$) {\n\t\t\t\t\t\$( '.grid' ).imagesLoaded().done( function( instance ) {\n\t\t\t\t\t\t\$( '.grid' ).masonry(\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t// options\n\t\t\t\t\t\t\titemSelector: '.grid-item',\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t");
        }
        // Limit images by max height:
        $max_image_height = intval($this->get_setting('max_image_height'));
        if ($max_image_height > 0) {
            add_css_headline('.evo_image_block img { max-height: ' . $max_image_height . 'px; width: auto }');
        }
        // Add custom CSS:
        $custom_css = '';
        /**
         * ============================================================================
         * General Customization
         * ============================================================================
         */
        if ($links_color = $this->get_setting('links_color')) {
            $custom_css .= '.container.main-page-content a,
				#submit_preview_buttons_wrapper .preview, #submit_preview_buttons_wrapper .submit:hover,
				.filter-submit,
				.disp_login .control-buttons input.btn-success, .disp_login .control-buttons a.btn-primary:hover,
				.disp_lostpassword .control-buttons input.btn-primary:hover,
				.disp_register .control-buttons input.btn-primary:hover,
				.disp_user .profile_content .profile_column_left .profile_buttons a button.btn,
				.disp_msgform main .comment-form input.submit:hover,
				.navbar-brand h3 a,
				.disp_access_denied .control-buttons input.btn-success,
				.disp_access_requires_login .control-buttons input.btn-success, .disp_access_requires_login .control-buttons a.btn-primary:hover,
				.disp_threads.detail_msgform main .comment-form .btn-info, .disp_threads.detail_msgform main .comment-form .btn-primary:hover,
				.widget_core_org_members a.user_link:hover,
				.widget_core_coll_subscription .btn:hover
				{ color: ' . $links_color . " }\n";
            $custom_css .= '
				.widget_core_coll_category_list ul li a:hover,
				.evo_post__categories a:hover,
				.evo_post__full .evo_post__full_text .evo_post_more_link a,
				#submit_preview_buttons_wrapper .preview:hover,
				.results .fieldset_title .action_icon:hover,
				.filter-submit:hover, .form_add_contacts .SaveButton,
				.disp_login .control-buttons input.btn-success:hover, .disp_login .control-buttons a.btn-primary,
				.disp_lostpassword .control-buttons input.btn-primary,
				.disp_register .control-buttons input.btn-primary,
				.disp_user .profile_content .profile_column_left .profile_buttons a button.btn:hover,
				.disp_threads.detail_msgform main .comment-form input.submit,
				.disp_access_requires_login .control-buttons input.btn-success:hover, .disp_access_requires_login .control-buttons a.btn-primary,
				.disp_threads.detail_msgform main .comment-form .btn-info:hover, .disp_threads.detail_msgform main .comment-form .btn-primary
				{ border: 1px solid ' . $links_color . " }\n";
            $custom_css .= '
				div.compact_search_form .search_submit,
				.extra-section-btn-wrapper a:hover,
				.navbar-nav.evo_container__menu .ufld_icon_links:hover:before,
				.evo_post__full .evo_post__full_text .evo_post_more_link a:hover,
				.pagination>.active>a, .pagination>.active>a:hover,	.pagination>li>a:hover,	.pagination>.active>span, .pagination>.active>span:hover,
				.back-to-top,
				#submit_preview_buttons_wrapper .submit,
				.evo_comment__meta_info .badge-meta,
				.results .fieldset_title .action_icon:hover,
				.filter-submit:hover,
				.form_add_contacts .SaveButton, .disp_contacts .filter-submit:hover,
				.disp_login .control-buttons a.btn-primary,
				.disp_lostpassword .control-buttons input.btn-primary,
				.disp_access_requires_login .control-buttons a.btn-primary,
				.disp_register .control-buttons input.btn-primary,
				.search_result_score,
				.disp_user .profile_content .profile_column_left .profile_buttons a button.btn:hover,
				.disp_threads.detail_msgform main .comment-form input.submit,
				.header-social-toggle .ufld_icon_links:hover:before,
				.disp_threads.detail_msgform main .comment-form .btn-primary,
				.widget_core_coll_subscription .btn,
				.disp_msgform main .comment-form input.submit
				{ background-color: ' . $links_color . " }\n";
            $custom_css .= '
				div.compact_search_form .search_submit,
				.extra-section-btn-wrapper a,
				p.tag_cloud a:hover,
				.pagination>.active>span, .pagination>.active>span:hover,
				.pagination>.active>a,
				.pagination>li>a:hover,
				#submit_preview_buttons_wrapper .submit,
				.form_add_contacts .SaveButton,
				div.controls input:focus, div.form-control input:focus, textarea.form-control:focus, #login_form input:focus:invalid:focus, #login_form select:focus:invalid:focus, #login_form textarea:focus:invalid:focus,
				.widget_core_coll_subscription .btn
				{ border-color: ' . $links_color . " }\n";
            $custom_css .= '.evo_featured_post { border-left: 5px solid ' . $links_color . " }\n";
            // Fix for Gender colors settings
            if ($this->get_setting('gender_colored') == true) {
                $custom_css .= '.container.main-page-content a.user.man { color: #00F' . " }\n";
                $custom_css .= '.container.main-page-content a.user.woman { color: #e100af' . " }\n";
            }
        }
        if ($site_bg_color = $this->get_setting('site_bg_color')) {
            $custom_css .= '
				.disp_contacts .filter-submit,
				.disp_login .control-buttons input.btn-success, .disp_login .control-buttons a.btn-primary:hover,
				.disp_lostpassword .control-buttons input.btn-primary:hover,
				.disp_access_requires_login .control-buttons input.btn-success, .disp_access_requires_login .control-buttons a.btn-primary:hover,
				.disp_register .control-buttons input.btn-primary:hover,
				.disp_msgform main .comment-form input.submit:hover,
				.navbar-header .ufld_icon_links a, .navbar-nav .ufld_icon_links a,
				.disp_threads.detail_msgform main .comment-form .btn-primary:hover, .disp_threads.detail_msgform main .comment-form .btn-info,
				.widget_core_coll_subscription .btn:hover
				{ background-color: ' . $site_bg_color . " }\n";
            $custom_css .= '
				.extra-section-btn-wrapper a:hover,
				.evo_post__full .evo_post__full_text .evo_post_more_link a:hover,
				.pagination>li>a:hover, .pagination>.active>a, .pagination>.active>a:hover,
				.back-to-top, .back-to-top:hover, .back-to-top:active, .back-to-top:focus, .back-to-top:visited,
				.results .fieldset_title .action_icon:hover, .filter-submit:hover,
				.form_add_contacts .SaveButton,
				.disp_login .control-buttons a.btn-primary,
				.disp_lostpassword .control-buttons input.btn-primary,
				.disp_register .control-buttons input.btn-primary,
				.disp_access_requires_login .control-buttons a.btn-primary,
				.search_result_score,
				.disp_user .profile_content .profile_column_left .profile_buttons a button.btn:hover,
				.disp_msgform main .comment-form input.submit,
				#submit_preview_buttons_wrapper .submit
				{ color: ' . $site_bg_color . " }\n";
        }
        if ($site_borders = $this->get_setting('site_borders')) {
            $custom_css .= '
				nav.navbar,
				.evo_widget h3, .evo_widget h4.panel-title,
				.widget_core_coll_post_list ul li,
				.widget_core_coll_comment_list ul li,
				.widget_core_coll_featured_posts ul li,
				.widget_core_coll_page_list ul li,
				.widget_core_coll_related_post_list ul li,
				.widget_core_coll_item_list ul li, .widget_core_coll_item_list ul li ul li,
				.widget_core_coll_xml_feeds ul li, .widget_core_coll_xml_feeds div.notes,
				.widget_core_content_hierarchy ul li,
				.compact_search_form input.search_field,
				.widget_plugin_evo_Arch ul li, .arcdir_list_wrapper ul li,
				.disp_user .profile_content .profile_column_right fieldset.fieldset legend.panel-title
				{ border-bottom: 1px solid ' . $site_borders . " }\n";
            $custom_css .= 'nav.navbar div.ufld_icon_links a,
				.navbar-nav.evo_container__menu .ufld_icon_links:before,
				.header-search-toggle,
				.navbar-toggle-hamb,
				.header-social-toggle .ufld_icon_links:before
				{ border-left: 1px solid ' . $site_borders . " }\n";
            $custom_css .= '
				.widget_core_coll_category_list ul li a,
				.evo_post header .categories-icon, .evo_featured_post .categories-icon,
				.evo_post__categories a,
				#bCalendarToday,
				p.tag_cloud a,
				.pagination>li>a,
				#submit_preview_buttons_wrapper .preview,
				.evo_comment,
				.special_pager_layout li a,
				.results .fieldset_title .action_icon,
				.filter-submit,
				.disp_login .control-buttons input.btn-success
				{ border: 1px solid ' . $site_borders . " }\n";
            $custom_css .= '
				.widget_plugin_evo_Calr .bCalendarTable th,
				.widget_plugin_evo_Calr .bCalendarTable td,
				.navbar-nav.evo_container__menu .ufld_icon_links a.drop-down-social, .header-social-toggle a
				{ border-right: 1px solid ' . $site_borders . '; border-bottom: 1px solid ' . $site_borders . " }\n";
            $custom_css .= '.widget_plugin_evo_Calr .bCalendarTable { border-left: 1px solid ' . $site_borders . '; border-top: 1px solid ' . $site_borders . " }\n";
            $custom_css .= '#bCalendarToday,
				.special_pager_layout li a:hover,
				.results .fieldset_title .action_icon,
				.filter-submit,
				.disp_user .profile_content .profile_column_left .profile_buttons a button.btn,
				.disp_single .evo_comment__meta_info a:hover
				{ background-color: ' . $site_borders . " }\n";
            $custom_css .= 'blockquote,
				.disp_user .profile_content .profile_column_left .profile_buttons a button.btn,
				.disp_usercomments .results table.table th, .disp_useritems .results table.table th,
				.disp_single .evo_comment__meta_info a,
				.disp_access_requires_login .control-buttons input.btn-success,
				.disp_threads.detail_msgform main .comment-form .btn-info
				{ border-color: ' . $site_borders . " }\n";
            $custom_css .= '.evo_comment_avatar img { border: 3px solid ' . $site_borders . " }\n";
            $custom_css .= '.comment-form--title { border-top: 3px solid ' . $site_borders . " }\n";
            $custom_css .= '.disp_search .widget_core_coll_search_form .extended_search_form .search_field { border-bottom: 2px solid ' . $site_borders . " }\n";
            $custom_css .= '.disp_msgform main .comment-form input.submit { border-color: ' . $links_color . " }\n";
        }
        /**
         * ============================================================================
         * Menu Customization
         * ============================================================================
         */
        if ($menu_bg_color = $this->get_setting('menu_bg_color')) {
            $custom_css .= '.collapse.navbar-collapse,
				.header-main-search-field .search_field,
				.ufld_icon_links a.drop-down-social,
				.navbar,
				.navbar-nav.evo_container__menu .ufld_icon_links a
				{ background-color: ' . $menu_bg_color . " }\n";
        }
        if ($menu_a_color = $this->get_setting('menu_a_color')) {
            $custom_css .= '.evo_container__menu li a, .navbar-nav.evo_container__menu .ufld_icon_links a, .navbar-header .ufld_icon_links a { color: ' . $menu_a_color . " }\n";
            $custom_css .= '.navbar-header span.icon-bar { background-color: ' . $menu_a_color . " }\n";
        }
        if ($nav_social = $this->get_setting('nav_social') == true) {
            $custom_css .= '.menu-social-toggle { position: absolute ' . " }\n";
            if ($nav_search = $this->get_setting('nav_search') == true) {
                $custom_css .= '.menu-social-toggle { right: 54px ' . " }\n";
            } else {
                $custom_css .= '.menu-social-toggle { right: 0 ' . " }\n";
            }
        }
        if ($nav_hamb_menu = $this->get_setting('nav_hamb_menu')) {
            $custom_css .= '@media (max-width: ' . $nav_hamb_menu . "px) {\n\t\t\t\t   .navbar-header {float: none;}.navbar-left,.navbar-right {float: none !important;}.navbar-toggle {display: block;}.navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}.navbar-fixed-top {top: 0;border-width: 0 0 1px;}.navbar-collapse.collapse {display: none!important}.navbar-nav {float: none!important;margin-top: 7.5px;overflow: hidden;}.navbar-nav>li {float: none;margin-left: 15px;}.navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}.collapse.in{display:block !important;}.evo_container__menu .header-search-toggle{display: none}.header-search-toggle{position: relative !important}.menu-social-toggle{display: none}.navbar-collapse{border-top: 1px solid " . $site_borders . "}.navbar-nav.evo_container__menu li:last-child{margin-bottom: 17px;}\n\t\t\t\t}\n";
        }
        /**
         * ============================================================================
         * Single page `
         * ============================================================================
         */
        if ($cover_text = $this->get_setting('cover_text')) {
            $custom_css .= '.spec_cover_image__header { color: ' . $cover_text . " }\n";
            $custom_css .= '.spec_cover_image__header .evo_post__categories a:hover { border: 1px solid ' . $cover_text . " }\n";
        }
        if ($cover_links = $this->get_setting('cover_links')) {
            $custom_css .= '.spec_cover_image__header a { color: ' . $cover_links . " }\n";
        }
        if ($cover_borders = $this->get_setting('cover_borders')) {
            $custom_css .= '
				.spec_cover_image__header .evo_post__categories a,
				.spec_cover_image__header .evo_post__categories .categories-icon
				{ border: 1px solid ' . $cover_borders . " }\n";
        }
        /**
         * ============================================================================
         * Special sitewide footer layout
         * ============================================================================
         */
        if ($this->get_setting('spec_sw_footer') == true) {
            // if special sitewide footer layout is enabled
            $custom_css .= 'footer.sitewide_footer { font-size: 14px; letter-spacing: 0.3px; font-family: "Droid Serif", serif; padding: 10px 0; border: none; box-shadow: none; ' . " }\n";
            if ($sp_sw_f_bg_col = $this->get_setting('sp_sw_f_bg_col')) {
                $custom_css .= 'footer.sitewide_footer { background-color: ' . $sp_sw_f_bg_col . " }\n";
            }
            if ($sp_sw_f_col = $this->get_setting('sp_sw_f_col')) {
                $custom_css .= 'footer.sitewide_footer, footer.sitewide_footer a, footer.sitewide_footer a:hover { color: ' . $sp_sw_f_col . " }\n";
            }
        }
        /**
         * ============================================================================
         * Sidebar widgets margin-top
         * ============================================================================
         */
        if ($this->get_setting('sidebar2_single') == false) {
            // if Sidebar2 is NOT reserved for disp=single only, then:
            $custom_css .= '.evo_container__sidebar .evo_widget:nth-child(1) div > h4 { margin-top: 0 !important;' . " }\n";
        } else {
            $custom_css .= '.evo_container__sidebar .evo_widget:nth-child(1) div > h4, .evo_container__sidebar2 .evo_widget:nth-child(1) div > h4 { margin-top: 0 !important;' . " }\n";
        }
        /**
         * ============================================================================
         * Positioned at the end of the file because of the hover style - preventing 
         * wrong style on non-hover color customization
         * ============================================================================
         */
        if ($links_color = $this->get_setting('links_color')) {
            $custom_css .= '#submit_preview_buttons_wrapper .submit:hover { color: ' . $links_color . " !important }\n";
        }
        if (!empty($custom_css)) {
            // Function for custom_css:
            $custom_css = '<style type="text/css">
<!--
' . $custom_css . '
-->
		</style>';
            add_headline($custom_css);
        }
    }
コード例 #9
0
    /**
     * Get ready for displaying the skin.
     *
     * This may register some CSS or JS...
     */
    function display_init()
    {
        global $Messages, $debug;
        // Request some common features that the parent function (Skin::display_init()) knows how to provide:
        parent::display_init(array('jquery', 'font_awesome', 'bootstrap', 'bootstrap_evo_css', 'bootstrap_messages', 'style_css', 'colorbox', 'bootstrap_init_tooltips', 'disp_auto'));
        // Skin specific initializations:
        // Limit images by max height:
        $max_image_height = intval($this->get_setting('max_image_height'));
        if ($max_image_height > 0) {
            add_css_headline('.evo_image_block img { max-height: ' . $max_image_height . 'px; width: auto; }');
        }
        // Add custom CSS:
        $custom_css = '';
        // Font size customization
        if ($font_size = $this->get_setting('font_size')) {
            switch ($font_size) {
                case 'default':
                    // When default font size, no CSS entry
                    $custom_css = '';
                    break;
                case 'standard':
                    // When standard layout
                    $custom_css = '.container p, .container ul li, .container div, .container label, .container textarea, .container input { font-size: 16px !important' . " }\n";
                    $custom_css .= '.container input.search_field { height: 100%' . " }\n";
                    $custom_css .= '.container h1 { font-size: 38px' . " }\n";
                    $custom_css .= '.container h2 { font-size: 32px' . " }\n";
                    $custom_css .= '.container h3 { font-size: 26px' . " }\n";
                    $custom_css .= '.container h4 { font-size: 18px' . " }\n";
                    $custom_css .= '.container h5 { font-size: 16px' . " }\n";
                    $custom_css .= '.container h6 { font-size: 14px' . " }\n";
                    $custom_css .= '.container .small { font-size: 85% !important' . " }\n";
                    break;
                case 'medium':
                    // When default font size, no CSS entry
                    $custom_css = '.container p, .container ul li, .container div, .container label, .container textarea, .container input { font-size: 18px !important' . " }\n";
                    $custom_css .= '.container input.search_field { height: 100%' . " }\n";
                    $custom_css .= '.container h1 { font-size: 40px' . " }\n";
                    $custom_css .= '.container h2 { font-size: 34px' . " }\n";
                    $custom_css .= '.container h3 { font-size: 28px' . " }\n";
                    $custom_css .= '.container h4 { font-size: 20px' . " }\n";
                    $custom_css .= '.container h5 { font-size: 18px' . " }\n";
                    $custom_css .= '.container h6 { font-size: 16px' . " }\n";
                    $custom_css .= '.container .small { font-size: 85% !important' . " }\n";
                    break;
                case 'large':
                    // When default font size, no CSS entry
                    $custom_css = '.container p, .container ul li, .container div, .container label, .container textarea, .container input { font-size: 20px !important' . " }\n";
                    $custom_css .= '.container input.search_field { height: 100%' . " }\n";
                    $custom_css .= '.container h1 { font-size: 42px' . " }\n";
                    $custom_css .= '.container h2 { font-size: 36px' . " }\n";
                    $custom_css .= '.container h3 { font-size: 30px' . " }\n";
                    $custom_css .= '.container h4 { font-size: 22px' . " }\n";
                    $custom_css .= '.container h5 { font-size: 20px' . " }\n";
                    $custom_css .= '.container h6 { font-size: 18px' . " }\n";
                    $custom_css .= '.container .small { font-size: 85% !important' . " }\n";
                    break;
                case 'very_large':
                    // When default font size, no CSS entry
                    $custom_css = '.container p, .container ul li, .container div, .container label, .container textarea, .container input { font-size: 22px !important' . " }\n";
                    $custom_css .= '.container input.search_field { height: 100%' . " }\n";
                    $custom_css .= '.container h1 { font-size: 44px' . " }\n";
                    $custom_css .= '.container h2 { font-size: 38px' . " }\n";
                    $custom_css .= '.container h3 { font-size: 32px' . " }\n";
                    $custom_css .= '.container h4 { font-size: 24px' . " }\n";
                    $custom_css .= '.container h5 { font-size: 22px' . " }\n";
                    $custom_css .= '.container h6 { font-size: 20px' . " }\n";
                    $custom_css .= '.container .small { font-size: 85% !important' . " }\n";
                    break;
            }
        }
        if (!empty($custom_css)) {
            // Function for custom_css:
            $custom_css = '<style type="text/css">
<!--
' . $custom_css . '
-->
		</style>';
            add_headline($custom_css);
        }
    }
コード例 #10
0
    /**
     * Get ready for displaying the skin.
     *
     * This may register some CSS or JS...
     */
    function display_init()
    {
        global $Messages, $debug, $disp;
        // Request some common features that the parent function (Skin::display_init()) knows how to provide:
        parent::display_init(array('jquery', 'font_awesome', 'bootstrap', 'bootstrap_evo_css', 'bootstrap_messages', 'style_css', 'colorbox', 'bootstrap_init_tooltips', 'disp_auto'));
        // Include Masonry Grind for MediaIdx
        if ($disp == 'mediaidx' || $disp == 'posts') {
            require_js('assets/js/masonry.pkgd.min.js', 'relative');
            require_js('assets/js/imagesloaded.pkgd.min.js', 'relative');
        }
        if ($disp == 'posts') {
            add_js_headline("\n\t\t\tjQuery( document ).ready( function(\$) {\n\t\t\t\t\$('.main_item_posts').imagesLoaded().done( function( instance ) {\n\t\t\t\t\t\$('.main_item_posts').masonry({\n\t\t\t\t\t\t// options\n\t\t\t\t\t\titemSelector: '.item_posts',\n\t\t\t\t\t\tpercentPosition: true,\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t});\n\t\t\t");
        }
        if ($disp == 'mediaidx') {
            add_js_headline("\n\t\t\tjQuery( document ).ready( function(\$) {\n\t\t\t\t\$('.evo_image_index').imagesLoaded().done( function( instance ) {\n\t\t\t\t\t\$('.evo_image_index').masonry({\n\t\t\t\t\t\t// options\n\t\t\t\t\t\titemSelector: '.grid-item',\n\t\t\t\t\t\tpercentPosition: true,\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t});\n\t\t\t");
        }
        require_js('assets/js/script.js', 'relative');
        // Skin specific initializations:
        // Limit images by max height:
        $max_image_height = intval($this->get_setting('max_image_height'));
        if ($max_image_height > 0) {
            add_css_headline('.evo_image_block img { max-height: ' . $max_image_height . 'px; width: auto; }');
        }
        // Skin specific initializations:
        // Add custom CSS:
        $custom_css = '';
        /**
         * ============================================================================
         * General Settings Output
         * ============================================================================
         */
        if ($color = $this->get_setting('color_schemes')) {
            // General
            $custom_css .= '
			a, a:hover, a:active, a:focus,
			.disp_search #main-content .search_result .search_content_wrap .search_title a:hover, .disp_search #main-content .search_result .search_content_wrap .search_title a:active, .disp_search #main-content .search_result .search_content_wrap .search_title a:focus,
			.widget_plugin_evo_Calr .bCalendarTable tfoot a:hover, #main-content .evo_post .small.text-muted a:hover span, #main-content .evo_featured_post .small.text-muted a:hover span
			{ color: ' . $color . '; }

			/* Header */
			.navbar-collapse .nav.nav-tabs li a::after, .navbar-collapse ul li.active a
			{ background-color: ' . $color . '; }

			/* Posts */
			#content .evo_post_title h2 a:hover,
			#main-content .evo_post .small.text-muted a:hover, #main-content .evo_featured_post .small.text-muted a:hover,
			.disp_search #main-content .search_result .search_result_score.dimmed
			{ color: ' . $color . '; }

			#main-content .evo_intro_post, #main-content .featurepost,
			.pagination > .active > span, .pagination > .active > span:hover, .pagination > li > a:hover,
			#main-content .post_tags a:hover, #main-content .post_tags a:active, #main-content .post_tags a:focus,
			#main-content .evo_post .evo_post__full .evo_post_more_link a:hover, #main-content .evo_featured_post .evo_post__full .evo_post_more_link a:hover, #main-content .evo_post .evo_post__excerpt .evo_post_more_link a:hover, #main-content .evo_featured_post .evo_post__excerpt .evo_post_more_link a:hover, #main-content .evo_post .evo_post__full .evo_post__excerpt_more_link a:hover, #main-content .evo_featured_post .evo_post__full .evo_post__excerpt_more_link a:hover, #main-content .evo_post .evo_post__excerpt .evo_post__excerpt_more_link a:hover, #main-content .evo_featured_post .evo_post__excerpt .evo_post__excerpt_more_link a:hover, #main-content .evo_post .evo_post__full .evo_post_more_link a:active, #main-content .evo_featured_post .evo_post__full .evo_post_more_link a:active, #main-content .evo_post .evo_post__excerpt .evo_post_more_link a:active, #main-content .evo_featured_post .evo_post__excerpt .evo_post_more_link a:active, #main-content .evo_post .evo_post__full .evo_post__excerpt_more_link a:active, #main-content .evo_featured_post .evo_post__full .evo_post__excerpt_more_link a:active, #main-content .evo_post .evo_post__excerpt .evo_post__excerpt_more_link a:active, #main-content .evo_featured_post .evo_post__excerpt .evo_post__excerpt_more_link a:active, #main-content .evo_post .evo_post__full .evo_post_more_link a:focus, #main-content .evo_featured_post .evo_post__full .evo_post_more_link a:focus, #main-content .evo_post .evo_post__excerpt .evo_post_more_link a:focus, #main-content .evo_featured_post .evo_post__excerpt .evo_post_more_link a:focus, #main-content .evo_post .evo_post__full .evo_post__excerpt_more_link a:focus, #main-content .evo_featured_post .evo_post__full .evo_post__excerpt_more_link a:focus, #main-content .evo_post .evo_post__excerpt .evo_post__excerpt_more_link a:focus, #main-content .evo_featured_post .evo_post__excerpt .evo_post__excerpt_more_link a:focus,
			.disp_front #main-content .widget_core_coll_featured_intro .jumbotron,
			.disp_front #main-content .widget_core_poll .btn-default.active, .disp_front #main-content .widget_core_poll .btn-default.focus, .disp_front #main-content .widget_core_poll .btn-default:active, .disp_front #main-content .widget_core_poll .btn-default:focus, .disp_front #main-content .widget_core_poll .btn-default:hover, .disp_front #main-content .widget_core_poll .open > .dropdown-toggle.btn-default,
			.disp_search #main-content .search_result .search_result_score.dimmed::after,
			.disp_threads #main-content .SaveButton.btn-primary, .disp_messages #main-content .SaveButton.btn-primary, .disp_contacts #main-content .SaveButton.btn-primary,
			.disp_contacts .form_send_contacts .btn-default:hover, .disp_contacts .form_send_contacts .btn-default:active, .disp_contacts .form_send_contacts .btn-default:focus,
			.filters .btn-info,
			.disp_threads #main-content .results .action_icon.btn-primary, .disp_messages #main-content .results .action_icon.btn-primary, .disp_contacts #main-content .results .action_icon.btn-primary,
			.btn-success, .pagination li.active a:hover, .pagination li.active span:hover, .pagination li.active a:active, .pagination li.active span:active, .pagination li.active a:focus, .pagination li.active span:focus, .pagination li.active a, .pagination li.active span, .pagination li a:hover, .pagination li span:hover, .pagination li a:active, .pagination li span:active, .pagination li a:focus, .pagination li span:focus,
			.disp_profile #main-content .profile_tabs li.active a, .disp_avatar #main-content .profile_tabs li.active a, .disp_pwdchange #main-content .profile_tabs li.active a, .disp_userprefs #main-content .profile_tabs li.active a, .disp_subs #main-content .profile_tabs li.active a,
			.disp_profile #main-content .profile_tabs a:hover, .disp_avatar #main-content .profile_tabs a:hover, .disp_pwdchange #main-content .profile_tabs a:hover, .disp_userprefs #main-content .profile_tabs a:hover, .disp_subs #main-content .profile_tabs a:hover, .disp_profile #main-content .profile_tabs a:active, .disp_avatar #main-content .profile_tabs a:active, .disp_pwdchange #main-content .profile_tabs a:active, .disp_userprefs #main-content .profile_tabs a:active, .disp_subs #main-content .profile_tabs a:active, .disp_profile #main-content .profile_tabs a:focus, .disp_avatar #main-content .profile_tabs a:focus, .disp_pwdchange #main-content .profile_tabs a:focus, .disp_userprefs #main-content .profile_tabs a:focus, .disp_subs #main-content .profile_tabs a:focus,
			.disp_profile #main-content .evo_form .panel-heading, .disp_avatar #main-content .evo_form .panel-heading, .disp_pwdchange #main-content .evo_form .panel-heading, .disp_userprefs #main-content .evo_form .panel-heading, .disp_subs #main-content .evo_form .panel-heading,
			.evo_panel__login .btn.btn-success, .evo_panel__lostpass .btn.btn-success, .evo_panel__register .btn.btn-success, .evo_panel__activation .btn.btn-success,
			.disp_edit #item_checkchanges .panel .panel-heading
			{ background-color: ' . $color . '; }

			.disp_front #main-content .widget_core_poll .btn-default.active, .disp_front #main-content .widget_core_poll .btn-default.focus, .disp_front #main-content .widget_core_poll .btn-default:active, .disp_front #main-content .widget_core_poll .btn-default:focus, .disp_front #main-content .widget_core_poll .btn-default:hover, .disp_front #main-content .widget_core_poll .open > .dropdown-toggle.btn-default,
			.disp_search #main-content .search_result .search_result_score.dimmed,
			.disp_threads #main-content .SaveButton.btn-primary, .disp_messages #main-content .SaveButton.btn-primary, .disp_contacts #main-content .SaveButton.btn-primary,
			.disp_contacts .form_send_contacts .btn-default:hover, .disp_contacts .form_send_contacts .btn-default:active, .disp_contacts .form_send_contacts .btn-default:focus,
			.filters .btn-info,
			.disp_threads #main-content .results .action_icon.btn-primary, .disp_messages #main-content .results .action_icon.btn-primary, .disp_contacts #main-content .results .action_icon.btn-primary,
			.disp_threads #main-content .evo_form__thread input:focus, .disp_messages #main-content .evo_form__thread input:focus, .disp_contacts #main-content .evo_form__thread input:focus, .disp_threads #main-content .evo_form__thread textarea:focus, .disp_messages #main-content .evo_form__thread textarea:focus, .disp_contacts #main-content .evo_form__thread textarea:focus,
			.btn-success, .pagination li.active a:hover, .pagination li.active span:hover, .pagination li.active a:active, .pagination li.active span:active, .pagination li.active a:focus, .pagination li.active span:focus, .disp_msgform #main-content .form_text_input:hover, .disp_msgform #main-content .form_textarea_input:hover, .disp_msgform #main-content .form_text_input:active, .disp_msgform #main-content .form_textarea_input:active, .disp_msgform #main-content .form_text_input:focus, .disp_msgform #main-content .form_textarea_input:focus,

			.disp_profile #main-content .evo_form .panel-body .form-control:hover, .disp_avatar #main-content .evo_form .panel-body .form-control:hover, .disp_pwdchange #main-content .evo_form .panel-body .form-control:hover, .disp_userprefs #main-content .evo_form .panel-body .form-control:hover, .disp_subs #main-content .evo_form .panel-body .form-control:hover, .disp_profile #main-content .evo_form .panel-body .form-control:active, .disp_avatar #main-content .evo_form .panel-body .form-control:active, .disp_pwdchange #main-content .evo_form .panel-body .form-control:active, .disp_userprefs #main-content .evo_form .panel-body .form-control:active, .disp_subs #main-content .evo_form .panel-body .form-control:active, .disp_profile #main-content .evo_form .panel-body .form-control:focus, .disp_avatar #main-content .evo_form .panel-body .form-control:focus, .disp_pwdchange #main-content .evo_form .panel-body .form-control:focus, .disp_userprefs #main-content .evo_form .panel-body .form-control:focus, .disp_subs #main-content .evo_form .panel-body .form-control:focus,

			#login_form input:focus:invalid:focus, #login_form select:focus:invalid:focus, #login_form textarea:focus:invalid:focus, .evo_panel__login .btn.btn-success, .evo_panel__lostpass .btn.btn-success, .evo_panel__register .btn.btn-success, .evo_panel__activation .btn.btn-success, .form-control:focus,

			.disp_edit #item_checkchanges .panel
			{ border-color: ' . $color . '; }

			.disp_posts #content .evo_featured_post
			{ border-left-color: ' . $color . '; }

			/* Sidebar - Widget - Single */
			.evo_widget a:hover, .evo_widget a:active, .evo_widget a:focus,
			#main-footer .main_widget a:hover, #main-footer .main_widget a:active, #main-footer .main_widget a:focus,
			.evo_comment .evo_comment_info .delete_link:hover, .evo_comment__preview .evo_comment_info .delete_link:hover, .evo_comment .evo_comment_info .edit_link:hover, .evo_comment__preview .evo_comment_info .edit_link:hover, .evo_comment .evo_comment_info .delete_link:active, .evo_comment__preview .evo_comment_info .delete_link:active, .evo_comment .evo_comment_info .edit_link:active, .evo_comment__preview .evo_comment_info .edit_link:active, .evo_comment .evo_comment_info .delete_link:focus, .evo_comment__preview .evo_comment_info .delete_link:focus, .evo_comment .evo_comment_info .edit_link:focus, .evo_comment__preview .evo_comment_info .edit_link:focus,
			.disp_comments #main-content .evo_comment .evo_comment_title.first a,
			.evo_comment .evo_comment_title a:hover, .evo_comment__preview .evo_comment_title a:hover
			{ color: ' . $color . '; }

			.widget_core_coll_search_form .search .search_submit,
			.tag_cloud a:hover, .tag_cloud a:active, .tag_cloud a:focus,
			.widget_plugin_evo_Calr .bCalendarTable #bCalendarToday,
			#main-footer .main_widget .widget_core_coll_tag_cloud .tag_cloud a:hover, #main-footer .main_widget .widget_core_coll_tag_cloud .tag_cloud a:active, #main-footer .main_widget .widget_core_coll_tag_cloud .tag_cloud a:focus,
			.bt-top:hover, .bt-top:focus, .bt-top:active,
			.disp_single #feedbacks .evo_comment__meta_info a:hover, .disp_page #feedbacks .evo_comment__meta_info a:hover,
			#comment_form .evo_form .submit,
			#comment_form .evo_form .preview:hover, #comment_form .evo_form .preview:focus, #comment_form .evo_form .preview:active,
			.widget_core_user_login .submit:hover, .widget_core_user_register .submit:hover,
			.disp_single #main-content .pager .previous a::before, .disp_page #main-content .pager .previous a::before, .disp_single #main-content .pager .next a::before, .disp_page #main-content .pager .next a::before,
			.evo_post_comment_notification .btn:hover, .evo_post_comment_notification .btn:active, .evo_post_comment_notification .btn:focus,
			.disp_threads #main-content .submit, .disp_messages #main-content .submit, .disp_contacts #main-content .submit, .disp_msgform #main-content .submit,
			.disp_user #main-content .pager a:hover, .disp_user #main-content .pager a:focus, .disp_user #main-content .pager a:active
			{ background-color: ' . $color . '; }

			.widget_core_coll_search_form .search .search_field,
			.widget_core_coll_search_form .search .search_submit,
			.bt-top:hover, .bt-top:focus, .bt-top:active,
			.disp_single #feedbacks .evo_comment__meta_info a:hover, .disp_page #feedbacks .evo_comment__meta_info a:hover,
			#comment_form .evo_form .form_text_input:focus, #comment_form .evo_form .form_textarea_input:focus,
			#comment_form .evo_form .submit,
			#comment_form .evo_form .preview:hover, #comment_form .evo_form .preview:focus, #comment_form .evo_form .preview:active,
			.widget_core_user_login .submit:hover, .widget_core_user_register .submit:hover,
			.disp_single #main-content .pager .previous a:hover, .disp_page #main-content .pager .previous a:hover, .disp_single #main-content .pager .next a:hover, .disp_page #main-content .pager .next a:hover,
			.evo_post_comment_notification .btn:hover, .evo_post_comment_notification .btn:active, .evo_post_comment_notification .btn:focus,
			.disp_threads #main-content .submit, .disp_messages #main-content .submit, .disp_contacts #main-content .submit, .disp_msgform #main-content .submit
			{ border-color: ' . $color . '; }
			';
        }
        // Site Background
        if ($this->get_setting('background_type') == 'color') {
            $color = $this->get_setting('site_background_color');
            $custom_css .= 'body {background-color: ' . $color . ';}';
        }
        $bg_image = $this->get_setting('bg_image');
        if ($this->get_setting('background_type') == 'images' && $bg_image) {
            if ($bg_image == "none") {
                $custom_css .= "body { background: transparent; }";
            } else {
                $custom_css .= "body { background-image: url('" . $bg_image . "');}";
            }
        }
        // User custom bg images setting
        $bg_image_custom = $this->get_setting('bg_image_custom');
        if ($this->get_setting('background_type') == 'custom_images' && $bg_image_custom) {
            if ($bg_image_custom == "none") {
                $custom_css .= "body { background: transparent; }";
            } else {
                $custom_css .= "body { background-image: url('" . $bg_image_custom . "');}";
            }
        }
        $bg_image_custom_attach = $this->get_setting('bg_image_custom_attach');
        if ($this->get_setting('background_type') == 'custom_images' && $bg_image_custom_attach) {
            if ($bg_image_custom_attach == 'initial') {
                $custom_css .= "body { background-attachment: initial; }";
            } else {
                $custom_css .= "body { background-attachment: fixed; }";
            }
        }
        $bg_image_custom_size = $this->get_setting('bg_image_custom_size');
        if ($this->get_setting('background_type') == 'custom_images' && $bg_image_custom_size) {
            if ($bg_image_custom_size == 'auto') {
                $custom_css .= "body { background-size: auto; }";
            } else {
                if ($bg_image_custom_size == 'contain') {
                    $custom_css .= "body { background-size: contain; }";
                } else {
                    $custom_css .= "body { background-size: cover; }";
                }
            }
        }
        if ($bg = $this->get_setting('bg_wrap_content')) {
            $custom_css .= '#main-content .evo_post, #main-content .evo_featured_post, .disp_posts #main-content .evo_featured_post, div.error_404, .msg_nothing, #main-content .title_head_post, #main-sidebar .evo_widget, #content .evo_widget, .disp_comments #main-content .evo_comment, .disp_user #main-content .profile_content, .disp_threads #main-content, .disp_messages #main-content, .disp_contacts #main-content, .disp_msgform #main-content, .disp_threads #main-content .title_head_post, .disp_messages #main-content .title_head_post, .disp_contacts #main-content .title_head_post, .disp_msgform #main-content .title_head_post, .disp_help #main-content, .disp_users .results .filters, .disp_users .results .table_scroll, .disp_access_requires_login #main-content, .disp_lostpassword #main-content, .disp_login #main-content, .disp_register #main-content, .disp_search #main-content, .disp_search #main-content .title_head_post, .disp_search #main-content .search_result, .disp_404 #main-content, .disp_front #main-content .evo_widget, .disp_sitemap #main-content h3, .disp_messages #main-content, .disp_messages #main-content .title_head_post, .disp_profile #main-content .evo_form .panel-body, .disp_avatar #main-content .evo_form .panel-body, .disp_pwdchange #main-content .evo_form .panel-body, .disp_userprefs #main-content .evo_form .panel-body, .disp_subs #main-content .evo_form .panel-body, .disp_mediaidx #main-content .evo_image_index .note
			{ background-color: ' . $bg . '; }';
            $custom_css .= '.disp_mediaidx #main-content .evo_image_index .item{ border-color: ' . $bg . ' }';
        }
        /**
         * ============================================================================
         * Page Setting
         * ============================================================================
         */
        if ($font = $this->get_setting('page_font_size')) {
            $custom_css .= 'body{ font-size: ' . $font . 'px }';
        }
        if ($color = $this->get_setting('page_info_color')) {
            $custom_css .= '.disp_posts #main-content .evo_post .small.text-muted, .disp_posts #main-content .evo_featured_post .small.text-muted, .disp_page #main-content .evo_post .small.text-muted, .disp_page #main-content .evo_featured_post .small.text-muted, .disp_single #main-content .evo_post .small.text-muted, .disp_single #main-content .evo_featured_post .small.text-muted { color: ' . $color . ' }';
        }
        if ($color = $this->get_setting('page_info_link')) {
            $custom_css .= '.disp_posts #main-content .evo_post .small.text-muted span, .disp_posts #main-content .evo_featured_post .small.text-muted span, #main-content .evo_post .small.text-muted a, .disp_posts #main-content .evo_featured_post .small.text-muted a, .disp_page #main-content .evo_post .small.text-muted span, .disp_page #main-content .evo_featured_post .small.text-muted span, #main-content .evo_post .small.text-muted a, .disp_page #main-content .evo_featured_post .small.text-muted a, .disp_single #main-content .evo_post .small.text-muted span, .disp_single #main-content .evo_featured_post .small.text-muted span, #main-content .evo_post .small.text-muted a, .disp_single #main-content .evo_featured_post .small.text-muted a { color: ' . $color . ' }';
        }
        if ($color = $this->get_setting('page_content_color')) {
            $custom_css .= 'html, body, .disp_single #feedbacks, .disp_page #feedbacks, #content .evo_widget, .disp_posts #main-content .evo_post__full_text, .disp_posts #main-content .evo_post__excerpt_text, .disp_page #main-content .evo_post__full_text, .disp_page #main-content .evo_post__excerpt_text, .disp_single #main-content .evo_post__full_text, .disp_single #main-content .evo_post__excerpt_text, .disp_comments #main-content .evo_comment .evo_comment_text, .disp_search #main-content .msg_nothing, .disp_search #main-content .search_result .search_content_wrap .result_content
			{ color: ' . $color . ' !important}';
        }
        if ($color = $this->get_setting('page_heading_color')) {
            $custom_css .= 'h1, h2, h3, h4, h5, h6,
			.disp_front #main-content .evo_widget .title_widget, .disp_mediaidx #main-content .evo_image_index .note, .disp_404 .error_404 .fa-warning, div.error_404 .fa-warning, .disp_search #main-content .search_result .search_content_wrap .search_title, .disp_search #main-content .search_result .search_content_wrap .search_title a
			{ color: ' . $color . ' }';
            $custom_css .= '.disp_front #main-content .evo_widget .title_widget::after { background-color: ' . $color . ' }';
        }
        /**
         * ============================================================================
         * Header Settings Output
         * ============================================================================
         */
        if ($width = $this->get_setting('head_center_mode')) {
            $custom_css .= '
			@media only screen and ( max-width: ' . $width . 'px )
			and ( min-width: 768px ) {
				#main-header .col-md-4,
				#main-header .col-md-8 {
					width: 100%;
					text-align: center;
					margin: 0 auto;
				}

				#main-header {
					padding-bottom: 2rem;
				}

				#main-header .col-md-4{
					margin-bottom: 15px;
				}

				.navbar-collapse .nav.nav-tabs {
					display: inline-block;
					text-align: center;
					margin: 0 auto;
					float: none;
				}
			}
			';
        }
        if ($color = $this->get_setting('header_bg_color')) {
            $custom_css .= 'body #main-header { background-color: ' . $color . ' }';
        }
        if ($color = $this->get_setting('nav_color_link')) {
            $custom_css .= '.navbar-collapse .nav.nav-tabs li a{ color: ' . $color . ' }';
        }
        if ($color = $this->get_setting('nav_color_hovlink')) {
            $custom_css .= '.navbar-collapse .nav.nav-tabs li a:hover { color: ' . $color . ' }';
        }
        if ($color = $this->get_setting('head_tagline_bg_color')) {
            $custom_css .= 'body #head_tagline { background-color: ' . $color . " }\n";
        }
        /**
         * ============================================================================
         * Posts
         * ============================================================================
         */
        if ($color = $this->get_setting('posts_title_color')) {
            $custom_css .= '
			.disp_posts #main-content .evo_post_title h1 a, .disp_posts #main-content .evo_post_title h2 a, .disp_posts #main-content .evo_post_title h3 a,
			.disp_posts #main-content .evo_post .evo_post__full h1, .disp_posts #main-content .evo_featured_post .evo_post__full h1, .disp_posts #main-content .evo_post .evo_post__excerpt h1, .disp_posts #main-content .evo_featured_post .evo_post__excerpt h1, .disp_posts #main-content .evo_post .evo_post__full h2, .disp_posts #main-content .evo_featured_post .evo_post__full h2, .disp_posts #main-content .evo_post .evo_post__excerpt h2, .disp_posts #main-content .evo_featured_post .evo_post__excerpt h2, .disp_posts #main-content .evo_post .evo_post__full h3, .disp_posts #main-content .evo_featured_post .evo_post__full h3, .disp_posts #main-content .evo_post .evo_post__excerpt h3, .disp_posts #main-content .evo_featured_post .evo_post__excerpt h3, .disp_posts #main-content .evo_post .evo_post__full h4, .disp_posts #main-content .evo_featured_post .evo_post__full h4, .disp_posts #main-content .evo_post .evo_post__excerpt h4, .disp_posts #main-content .evo_featured_post .evo_post__excerpt h4, .disp_posts #main-content .evo_post .evo_post__full h5, .disp_posts #main-content .evo_featured_post .evo_post__full h5, .disp_posts #main-content .evo_post .evo_post__excerpt h5, .disp_posts #main-content .evo_featured_post .evo_post__excerpt h5, .disp_posts #main-content .evo_post .evo_post__full h6, .disp_posts #main-content .evo_featured_post .evo_post__full h6, .disp_posts #main-content .evo_post .evo_post__excerpt h6, .disp_posts #main-content .evo_featured_post .evo_post__excerpt h6,
			.disp_posts #main-content .post_tags h3
			{ color: ' . $color . ' }
			';
        }
        // if ( $color = $this->get_setting( 'posts_info_color' ) ) {
        // 	$custom_css .= '.disp_posts #main-content .evo_post .small.text-muted, .disp_posts #main-content .evo_featured_post .small.text-muted { color: '.$color.' }';
        // }
        //
        // if ( $color =$this->get_setting( 'posts_info_link' ) ) {
        // 	$custom_css .= '.disp_posts #main-content .evo_post .small.text-muted span, .disp_posts #main-content .evo_featured_post .small.text-muted span, #main-content .evo_post .small.text-muted a, .disp_posts #main-content .evo_featured_post .small.text-muted a { color: '.$color.' }';
        // }
        //
        // if ( $color = $this->get_setting( 'posts_content_color' ) ) {
        // 	$custom_css .= '.disp_posts #main-content .evo_post__full_text, .disp_posts #main-content .evo_post__excerpt_text { color: '.$color.' }';
        // }
        /**
         * ============================================================================
         * Tags
         * ============================================================================
         */
        if ($color = $this->get_setting('tags_color')) {
            $custom_css .= '#main-content .post_tags a, .tag_cloud a, #main-content .post_tags a::before { color: ' . $color . ' }';
        }
        if ($bg = $this->get_setting('tags_bg')) {
            $custom_css .= '#main-content .post_tags a, .tag_cloud a { background-color: ' . $bg . ' }';
        }
        if ($this->get_setting('tags_icon') == 0) {
            $custom_css .= '#main-content .post_tags a::before, .tag_cloud a::before { content: \'\'; display: none }';
        }
        /**
         * ============================================================================
         * Sidebar Widget Options
         * ============================================================================
         */
        // if ( $bg = $this->get_setting( 'side_bg_wrap' ) ) {
        // 	$custom_css .= '#main-sidebar .evo_widget { background-color: '. $bg .' }';
        // }
        if ($color = $this->get_setting('side_widget_title')) {
            $custom_css .= '#main-sidebar .evo_widget .panel-title { color: ' . $color . ' }';
            $custom_css .= '#main-sidebar .evo_widget .panel-title::after { background-color: ' . $color . ' }';
        }
        if ($color = $this->get_setting('side_widget_content')) {
            $custom_css .= '
			#main-sidebar .evo_widget,
			#main-sidebar .widget_core_user_login .user_group,
			#main-sidebar .widget_core_user_login .user_level
			{ color: ' . $color . ' }';
        }
        if ($border = $this->get_setting('side_border')) {
            $custom_css .= '
			#content .evo_widget ul li,
			#content .evo_widget ul > ul > li:last-child,
			.widget_core_linkblog ul ul, .widget_core_content_hierarchy ul ul,
			.widget_core_coll_xml_feeds .notes
			{ border-color: ' . $border . ' }';
        }
        if ($color = $this->get_setting('side_widget_link')) {
            $custom_css .= '#main-sidebar .evo_widget a { color: ' . $color . ' }';
        }
        /**
         * ============================================================================
         * UIL Widget Settings
         * ============================================================================
         */
        if ($this->get_setting('uil_widget_readmore') == 0) {
            $custom_css .= 'div.widget_core_coll_item_list.evo_noexcerpt.evo_withteaser div.item_content > a, div.widget_core_coll_featured_posts.evo_noexcerpt.evo_withteaser div.item_content > a, div.widget_core_coll_post_list.evo_noexcerpt.evo_withteaser div.item_content > a, div.widget_core_coll_page_list.evo_noexcerpt.evo_withteaser div.item_content > a, div.widget_core_coll_related_post_list.evo_noexcerpt.evo_withteaser div.item_content > a, div.widget_core_coll_item_list.evo_withexcerpt.evo_withteaser div.item_content > a, div.widget_core_coll_featured_posts.evo_withexcerpt.evo_withteaser div.item_content > a, div.widget_core_coll_post_list.evo_withexcerpt.evo_withteaser div.item_content > a, div.widget_core_coll_page_list.evo_withexcerpt.evo_withteaser div.item_content > a, div.widget_core_coll_related_post_list.evo_withexcerpt.evo_withteaser div.item_content > a, div.widget_core_coll_item_list.evo_withexcerpt.evo_noteaser div.item_content > a, div.widget_core_coll_featured_posts.evo_withexcerpt.evo_noteaser div.item_content > a, div.widget_core_coll_post_list.evo_withexcerpt.evo_noteaser div.item_content > a, div.widget_core_coll_page_list.evo_withexcerpt.evo_noteaser div.item_content > a, div.widget_core_coll_related_post_list.evo_withexcerpt.evo_noteaser div.item_content > a, div.widget_core_coll_item_list.evo_noexcerpt.evo_withteaser div.item_excerpt > a, div.widget_core_coll_featured_posts.evo_noexcerpt.evo_withteaser div.item_excerpt > a, div.widget_core_coll_post_list.evo_noexcerpt.evo_withteaser div.item_excerpt > a, div.widget_core_coll_page_list.evo_noexcerpt.evo_withteaser div.item_excerpt > a, div.widget_core_coll_related_post_list.evo_noexcerpt.evo_withteaser div.item_excerpt > a, div.widget_core_coll_item_list.evo_withexcerpt.evo_withteaser div.item_excerpt > a, div.widget_core_coll_featured_posts.evo_withexcerpt.evo_withteaser div.item_excerpt > a, div.widget_core_coll_post_list.evo_withexcerpt.evo_withteaser div.item_excerpt > a, div.widget_core_coll_page_list.evo_withexcerpt.evo_withteaser div.item_excerpt > a, div.widget_core_coll_related_post_list.evo_withexcerpt.evo_withteaser div.item_excerpt > a, div.widget_core_coll_item_list.evo_withexcerpt.evo_noteaser div.item_excerpt > a, div.widget_core_coll_featured_posts.evo_withexcerpt.evo_noteaser div.item_excerpt > a, div.widget_core_coll_post_list.evo_withexcerpt.evo_noteaser div.item_excerpt > a, div.widget_core_coll_page_list.evo_withexcerpt.evo_noteaser div.item_excerpt > a, div.widget_core_coll_related_post_list.evo_withexcerpt.evo_noteaser div.item_excerpt > a { display: none }';
        }
        /**
         * ============================================================================
         * Footer Settings Output
         * ============================================================================
         */
        if ($bg_color = $this->get_setting('footer_bg_color')) {
            $custom_css .= 'body #main-footer { background-color: ' . $bg_color . " }\n";
        }
        if ($color = $this->get_setting('footer_widget_title')) {
            $custom_css .= '#main-footer .main_widget .title_widget,
			#main-footer .main_widget .widget_core_org_members .user_link h3 { color: ' . $color . ' }';
            $custom_css .= '#main-footer .main_widget .title_widget::before { background-color: ' . $color . ' }';
        }
        if ($color = $this->get_setting('footer_sm_color')) {
            $custom_css .= '#main-footer .footer_social_media .ufld_icon_links a span, #main-footer .footer_social_media .ufld_icon_links a .fa { color: ' . $color . ' }';
            $custom_css .= '#main-footer .footer_social_media .ufld_icon_links a:hover span, #main-footer .footer_social_media .ufld_icon_links a:hover .fa { color: #FFFFFF }';
        }
        if ($bg_color = $this->get_setting('footer_sm_bgcolor')) {
            $custom_css .= '#main-footer .footer_social_media{ background-color: ' . $bg_color . ' }';
        }
        if ($color = $this->get_setting('footer_widget_content')) {
            $custom_css .= '#main-footer .main_widget { color: ' . $color . ' }';
        }
        if ($link = $this->get_setting('footer_widget_link')) {
            $custom_css .= '#main-footer .main_widget a { color: ' . $link . ' }';
        }
        if ($border_color = $this->get_setting('footer_border_color')) {
            $custom_css .= '#main-footer .main_widget ul li, #main-footer .main_widget ul > ul > li:last-child { border-color: ' . $border_color . '; }';
            $custom_css .= '#main-footer .footer_social_media, #main-footer .copyright,
			#main-footer .main_widget .widget_core_coll_xml_feeds .notes,
			#main-footer #content .evo_widget ul li, #main-footer #content .evo_widget ul > ul > li:last-child, #main-footer .widget_core_linkblog ul ul, #main-footer .widget_core_content_hierarchy ul ul, #main-footer .widget_core_coll_xml_feeds .notes
			{ border-color: ' . $border_color . '; }';
        }
        if ($bg_color = $this->get_setting('footer_tags_bg')) {
            $custom_css .= '#main-footer .evo_widget .tag_cloud a { background-color: ' . $bg_color . '; }';
        }
        if ($color = $this->get_setting('footer_copyright_content')) {
            $custom_css .= '#main-footer .copyright .copyright_text { color: ' . $color . ' }';
        }
        if ($link = $this->get_setting('footer_copyright_link')) {
            $custom_css .= '#main-footer .copyright .copyright_text a { color: ' . $link . ' }';
        }
        /**
         * ============================================================================
         * Mediaidx Custom Style
         * ============================================================================
         */
        if ($padding = $this->get_setting('padding_column')) {
            $custom_css .= '.disp_mediaidx #main-content .evo_image_index .grid-item { padding: ' . $padding . 'px; }';
            $custom_css .= '.disp_mediaidx #main-content .evo_image_index { margin-left: -' . $padding . 'px; margin-right: -' . $padding . 'px; }';
        }
        /**
         * ============================================================================
         * Output CSS
         * ============================================================================
         */
        if (!empty($custom_css)) {
            // Function for custom_css:
            $custom_css = '<style type="text/css">
			<!--
			' . $custom_css . '
			-->
			</style>';
            add_headline($custom_css);
        }
    }
コード例 #11
0
    /**
     * Get ready for displaying the skin.
     *
     * This may register some CSS or JS...
     */
    function display_init()
    {
        global $Messages, $disp, $debug;
        // Request some common features that the parent function (Skin::display_init()) knows how to provide:
        parent::display_init(array('jquery', 'font_awesome', 'bootstrap', 'bootstrap_evo_css', 'bootstrap_messages', 'style_css', 'colorbox', 'bootstrap_init_tooltips', 'disp_auto'));
        // Skin specific initializations:
        // Add custom CSS:
        $custom_css = '';
        // Custom background color:
        if ($color = $this->get_setting('bg_color')) {
            $custom_css = 'body { background: ' . $color . " }\n";
        }
        // Custom text color:
        if ($color = $this->get_setting('text_color')) {
            $custom_css .= '.main, .content blockquote, .content address, .content p, .content li, .content td, .content dd, .result_content, .search_title, .main textarea { color: ' . $color . " }\n";
        }
        // Custom headings color:
        if ($color = $this->get_setting('headings_color')) {
            $custom_css .= '.content h1, .content h2, .content h3, .content h4, .content h5, .content h6, .content cite, .main .title { color: ' . $color . " }\n";
            $custom_css .= '.content cite { border-bottom: 2px solid ' . $color . " }\n";
        }
        // Custom link color:
        if ($color = $this->get_setting('link_color')) {
            $custom_css .= '.main a, .main .nav > li a, .main .pagination>li>a, .main .panel-default>.panel-heading a, .main .panel-default>.panel-heading .panel-icon, .main .panel-title, .main .evo_post_more_link, .main .evo_comment .panel-heading .evo_comment_title { color: ' . $color . " }\n";
        }
        // Custom link hover color:
        if ($color = $this->get_setting('link_h_color')) {
            $custom_css .= '.content a:hover, .color-hover a:hover, .main .nav > li a:hover, .main .pagination>li>a:hover, .main .pagination>li>span:hover, .main .pagination>li.active>span, .main .pager li>a, .main .pager li>span, .profile_column_right .panel-default .panel-heading, .main .panel-title a, .main .evo_post_more_link a, .main .evo_post__excerpt_more_link a, .main .evo_comment .panel-heading a:hover, .main .evo_comment .panel-heading a, profile_column_left h1, .profile_column_left .profile_buttons .btn-primary, .profile_column_left .profile_buttons .btn-primary button, .profile_column_left h1, .main button, .main input.submit, .main input.preview, .main input[type="reset"], .main input[type="submit"] { color: ' . $color . " }\n";
            $custom_css .= '#bCalendarToday { background: ' . $color . " }\n";
        }
        // Sections background color:
        if ($color = $this->get_setting('section_bg')) {
            $custom_css .= '.main .nav > li a, .main .pager li>a, .main .pager li>span, .featured_post, .main .panel-default>.panel-heading, .main .evo_post_more_link a, .main .evo_post__excerpt_more_link a, .evo_comment_footer small a { background: ' . $color . " }\n";
            $custom_css .= '.main .pagination>li>a, .main .pagination>li>span, .small >span, .profile_column_left .profile_buttons .btn-group a, .profile_column_left .profile_buttons p a button, .main .input.submit, .main input[type="button"]:focus, .main input[type="reset"]:focus, .main  input[type="submit"]:focus, .main button:active, .main input[type="button"]:active, .main input[type="reset"]:active, .main input[type="submit"]:active, .main input[type="submit"] { background: ' . $color . " !important }\n";
        }
        // Divider color:
        if ($color = $this->get_setting('divider_color')) {
            $custom_css .= '.post, .main .panel-group .panel li, .content ul li, .main .evo_comment { border-bottom: 1px solid ' . $color . " }\n";
            $custom_css .= '.post, .main .panel-group .panel li ul, .content ul li ul { border-top: 1px solid ' . $color . " }\n";
            $custom_css .= 'input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { border: 2px solid ' . $color . " !important }\n";
        }
        // Custom link hover color:
        if ($color = $this->get_setting('header_bg')) {
            $custom_css .= '.masterhead { background-color: ' . $color . " }\n";
        }
        // Custom link hover color:
        if ($color = $this->get_setting('header_color')) {
            $custom_css .= '.masterhead, .masterhead .widget_core_coll_title a, .masterhead .widget_core_coll_title a:hover { color: ' . $color . "}\n";
        }
        // Limit images by max height:
        $max_image_height = intval($this->get_setting('max_image_height'));
        if ($max_image_height > 0) {
            add_css_headline('.evo_image_block img { max-height: ' . $max_image_height . 'px; width: auto; }');
        }
        // Initialize a template depending on current page
        switch ($disp) {
            case 'front':
                // Init star rating for intro posts:
                init_ratings_js('blog', true);
                break;
            case 'posts':
                global $cat, $bootstrap_manual_posts_text;
                // Init star rating for intro posts:
                init_ratings_js('blog', true);
                $bootstrap_manual_posts_text = T_('Posts');
                if (!empty($cat)) {
                    // Init the <title> for categories page:
                    $ChapterCache =& get_ChapterCache();
                    if ($Chapter =& $ChapterCache->get_by_ID($cat, false)) {
                        $bootstrap_manual_posts_text = $Chapter->get('name');
                    }
                }
                break;
        }
        if ($this->is_left_navigation_visible() && $this->get_setting('left_navigation') == true) {
            // Include JS code for left navigation panel only when it is displayed:
            require_js($this->get_url() . 'left_navigation.js');
        }
        // Function for custom css
        if (!empty($custom_css)) {
            $custom_css = '<style type="text/css">
			<!--
				' . $custom_css . '
			-->
			</style>';
            add_headline($custom_css);
        }
    }
コード例 #12
0
    /**
     * Get ready for displaying the skin.
     */
    function display_init()
    {
        require_js('#jquery#');
        add_headline('<!--[if lte IE 6]> <script type="text/javascript"> isIE6 = true; isIE = true; </script> <![endif]-->
					  <!--[if gte IE 7]> <script type="text/javascript"> isIE = true; </script> <![endif]-->');
        require_js('resources/jquery.mystique.js', true);
        if ($this->get_setting('fancy_helper')) {
            require_js('resources/jquery.custom.fancy.js', true);
            add_headline('<!-- Add Thumbnail helper (this is optional) -->');
            require_css('resources/helpers/jquery.fancybox-thumbs.css', true);
            require_js('resources/helpers/jquery.fancybox-thumbs.js', true);
            require_css('resources/helpers/jquery.fancybox-buttons.css', true);
            require_js('resources/helpers/jquery.fancybox-buttons.js', true);
        }
        /*
        <script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
        <script language="javascript" src="/tweet/jquery.tweet.js" type="text/javascript"></script> 
        */
        if ($this->get_setting('enable_thumbshots')) {
            // Display thumbshots
            add_js_headline('jQuery(document).ready(function() {
			if( ThumbsLinks = jQuery(".bText a[href^=\'http:\']").not("[href*=\'" + window.location.host + "\']") )
			{
				ThumbshotPopups("thumbshot", ThumbsLinks);
			}
			})');
        }
        add_css_headline(' #page {font-family: ' . $this->get_setting('skin_font') . '}');
        require_css('resources/color-' . $this->get_setting('skin_color') . '.css', true);
        // call parent:
        parent::display_init();
    }
コード例 #13
0
    /**
     * Get ready for displaying the skin.
     *
     * This may register some CSS or JS...
     */
    function display_init()
    {
        global $Messages, $disp, $debug;
        // Request some common features that the parent function (Skin::display_init()) knows how to provide:
        parent::display_init(array('jquery', 'font_awesome', 'bootstrap', 'bootstrap_evo_css', 'bootstrap_messages', 'style_css', 'colorbox', 'bootstrap_init_tooltips', 'disp_auto'));
        // Skin specific initializations:
        // Limit images by max height:
        $max_image_height = intval($this->get_setting('max_image_height'));
        if ($max_image_height > 0) {
            add_css_headline('.evo_image_block img { max-height: ' . $max_image_height . 'px; width: auto; }');
        }
        if (in_array($disp, array('front', 'login', 'register', 'lostpassword', 'activateinfo', 'access_denied', 'access_requires_login'))) {
            global $media_url, $media_path;
            // Add custom CSS:
            $custom_css = '';
            $bg_image = $this->get_setting('front_bg_image');
            if (!empty($bg_image) && file_exists($media_path . $bg_image)) {
                // Custom body background image:
                $custom_css .= '#bg_picture { background-image: url(' . $media_url . $bg_image . ") }\n";
            }
            if ($color = $this->get_setting('pict_title_color')) {
                // Custom title color:
                $custom_css .= 'body.pictured .main_page_wrapper .widget_core_coll_title h1 a { color: ' . $color . " }\n";
            }
            if ($color = $this->get_setting('pict_muted_color')) {
                // Custom muted text color:
                $custom_css .= 'body.pictured .main_page_wrapper .text-muted { color: ' . $color . " }\n";
            }
            if ($color = $this->get_setting('front_bg_color')) {
                // Custom body background color:
                $color_transparency = floatval($this->get_setting('front_bg_opacity') / 100);
                $color = substr($color, 1);
                if (strlen($color) == '6') {
                    // Color value in format #FFFFFF
                    $color = str_split($color, 2);
                } else {
                    // Color value in format #FFF
                    $color = str_split($color, 1);
                    foreach ($color as $c => $v) {
                        $color[$c] = $v . $v;
                    }
                }
                $custom_css .= '.front_main_content { background-color: rgba(' . implode(',', array_map('hexdec', $color)) . ',' . $color_transparency . ')' . " }\n";
            }
            if ($color = $this->get_setting('front_text_color')) {
                // Custom text color:
                $custom_css .= 'body.pictured .front_main_content, body.pictured .front_main_content h1 small, .evo_container__header, .evo_container__page_top { color: ' . $color . " }\n";
            }
            $link_color = $this->get_setting('front_link_color');
            $icon_color = $this->get_setting('front_icon_color');
            if ($link_color) {
                // Custom link color:
                $custom_css .= 'body.pictured .main_page_wrapper .front_main_area a,
				body.pictured .main_page_wrapper .front_main_area div.evo_withteaser div.item_content > a { color: ' . $link_color . ' }
				body.pictured .main_page_wrapper .front_main_area div.widget_core_coll_item_list.evo_noexcerpt.evo_withteaser ul li div.item_content > a,
				body.pictured .main_page_wrapper .front_main_area div.widget_core_coll_post_list.evo_noexcerpt.evo_withteaser ul li div.item_content > a { color: ' . $link_color . " }\n";
            }
            if ($link_color && $icon_color) {
                // Custom icon color:
                $custom_css .= 'body.pictured .front_main_content .ufld_icon_links a:not([class*="ufld__textcolor"]):not(:hover) { color: ' . $icon_color . " }\n";
                $custom_css .= 'body.pictured .front_main_content .ufld_icon_links a:not([class*="ufld__bgcolor"]):not(:hover) { background-color: ' . $link_color . " }\n";
                $custom_css .= 'body.pictured .front_main_content .ufld_icon_links a:hover:not([class*="ufld__hovertextcolor"]) { color: ' . $link_color . " }\n";
                $custom_css .= 'body.pictured .front_main_content .ufld_icon_links a:hover:not([class*="ufld__hoverbgcolor"]) { background-color: ' . $icon_color . " }\n";
            }
            if ($width = $this->get_setting('front_width')) {
                // Custom width for front main area:
                $custom_css .= 'div.front_main_area { width: ' . $width . " }\n";
            }
            if ($position = $this->get_setting('front_position')) {
                // Custom width for front main area:
                if ($position == 'middle') {
                    $custom_css .= 'div.front_main_area { float: none; margin-left: auto; margin-right: auto;' . " }\n";
                } elseif ($position == 'right') {
                    $custom_css .= 'div.front_main_area { float: right;' . " }\n";
                }
            }
            if ($color = $this->get_setting('secondary_text_color')) {
                // Custom text color on secondary area:
                $custom_css .= 'section.secondary_area, .widget_core_org_members { color: ' . $color . " !important }\n";
            }
            if (!empty($custom_css)) {
                if ($disp == 'front') {
                    // Use standard bootstrap style on width <= 640px only for disp=front
                    $custom_css = '@media only screen and (min-width: 641px)
						{
							' . $custom_css . '
						}';
                }
                $custom_css = '<style type="text/css">
	<!--
		' . $custom_css . '
	-->
	</style>';
                add_headline($custom_css);
            }
        }
    }
コード例 #14
0
    /**
     * @see Plugin::SkinBeginHtmlHead()
     */
    function SkinBeginHtmlHead(&$params)
    {
        require_css($this->get_plugin_url() . 'rsc/mediaelementplayer.min.css', 'relative');
        require_js('#jquery#', 'blog');
        require_js($this->get_plugin_url() . 'rsc/mediaelement-and-player.min.js', 'relative');
        $this->require_skin();
        // Set a video size in css style, because option setting cannot sets correct size
        $width = (int) $this->Settings->get('width');
        $height = (int) $this->Settings->get('height');
        add_css_headline('video.html5_mediaelementjs_video{ width: ' . $width . 'px !important; height: ' . $height . 'px !important; }');
        // Initialize a player
        add_js_headline('jQuery( document ).ready( function() {
				jQuery( "video.html5_mediaelementjs_video" ).mediaelementplayer( {
					defaultVideoWidth: "' . $width . '",
					defaultVideoHeight: "' . $height . '",
					videoWidth: "' . $width . '",
					videoHeight: "' . $height . '",
				} );
			} );');
        /**
        		 * Plugin options:
        
        			// if the <video width> is not specified, this is the default
        			defaultVideoWidth: 480,
        			// if the <video height> is not specified, this is the default
        			defaultVideoHeight: 270,
        			// if set, overrides <video width>
        			videoWidth: -1,
        			// if set, overrides <video height>
        			videoHeight: -1,
        			// width of audio player
        			audioWidth: 400,
        			// height of audio player
        			audioHeight: 30,
        			// initial volume when the player starts
        			startVolume: 0.8,
        			// useful for <audio> player loops
        			loop: false,
        			// enables Flash and Silverlight to resize to content size
        			enableAutosize: true,
        			// the order of controls you want on the control bar (and other plugins below)
        			features: ['playpause','progress','current','duration','tracks','volume','fullscreen'],
        			// Hide controls when playing and mouse is not over the video
        			alwaysShowControls: false,
        			// force iPad's native controls
        			iPadUseNativeControls: false,
        			// force iPhone's native controls
        			iPhoneUseNativeControls: false,
        			// force Android's native controls
        			AndroidUseNativeControls: false,
        			// forces the hour marker (##:00:00)
        			alwaysShowHours: false,
        			// show framecount in timecode (##:00:00:00)
        			showTimecodeFrameCount: false,
        			// used when showTimecodeFrameCount is set to true
        			framesPerSecond: 25,
        			// turns keyboard support on and off for this instance
        			enableKeyboard: true,
        			// when this player starts, it will pause other players
        			pauseOtherPlayers: true,
        			// array of keyboard commands
        			keyActions: []
        */
    }
コード例 #15
0
    /**
     * Get ready for displaying the skin.
     *
     * This may register some CSS or JS...
     */
    function display_init()
    {
        global $disp, $Messages, $debug;
        // Request some common features that the parent function (Skin::display_init()) knows how to provide:
        parent::display_init(array('jquery', 'font_awesome', 'bootstrap', 'bootstrap_evo_css', 'bootstrap_messages', 'style_css', 'colorbox', 'bootstrap_init_tooltips', 'disp_auto'));
        // Skin specific initializations:
        // Limit images by max height:
        $max_image_height = intval($this->get_setting('max_image_height'));
        if ($max_image_height > 0) {
            add_css_headline('.evo_image_block img { max-height: ' . $max_image_height . 'px; width: auto; }');
        }
        if (in_array($disp, array('single', 'page', 'comments'))) {
            // Load jquery UI to animate background color on change comment status or on vote
            require_js('#jqueryUI#', 'blog');
        }
        // Add custom CSS:
        $custom_css = '';
        // If sidebar == true + col-lg
        if ($layout = $this->get_setting('layout_general') != 'no_sidebar') {
            $custom_css = "@media screen and (min-width: 1200px) {\n\t\t\t\t.forums_list .ft_date {\n\t\t\t\t\twhite-space: normal;\n\t\t\t\t\tmargin-top: 11px;\n\t\t\t\t}\n\t\t\t\t.disp_single .single_topic .evo_content_block .panel-body .evo_post__full, .disp_single .evo_comment .panel-body .evo_comment_text p, .disp_single .post_tags {\n\t\t\t\t\tpadding-left: 15px;\n\t\t\t\t}\n\t\t\t\t\n\n\t\t\t}";
        }
        if (!empty($custom_css)) {
            // Function for custom_css:
            $custom_css = '<style type="text/css">
<!--
' . $custom_css . '
-->
		</style>';
            add_headline($custom_css);
        }
    }
コード例 #16
0
    /**
     * Get ready for displaying the skin.
     *
     * This may register some CSS or JS...
     */
    function display_init()
    {
        global $Messages, $debug, $disp;
        // Request some common features that the parent function (Skin::display_init()) knows how to provide:
        parent::display_init(array('jquery', 'font_awesome', 'bootstrap', 'bootstrap_evo_css', 'bootstrap_messages', 'style_css', 'colorbox', 'bootstrap_init_tooltips', 'disp_auto'));
        //Include script and styles for Sticky Menu
        require_js('assets/js/jquery.sticky.js', 'relative');
        if ($disp == 'mediadix' || $this->get_setting('layout_posts') == 'masonry') {
            require_js('assets/js/masonry.pkgd.min.js', 'relative');
            require_js('assets/js/imagesloaded.pkgd.min.js', 'relative');
        }
        // Include Masonry Grind for MediaIdx
        if ($disp == 'mediaidx') {
            add_js_headline("\n\t\t\t\tjQuery( document ).ready( function(\$) {\n\t\t\t\t\t\$('.evo_image_index').imagesLoaded().done( function( instance ) {\n\t\t\t\t\t\t\$('.evo_image_index').masonry({\n\t\t\t\t\t\t\t// options\n\t\t\t\t\t\t\titemSelector: '.grid-item',\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t");
        }
        require_js('assets/js/scripts.js', 'relative');
        // Skin specific initializations:
        // Add Custome CSS
        $custom_css = '';
        /**
         * ============================================================================
         * This is Title
         * ============================================================================
         */
        if ($bg_color = $this->get_setting('background_disp')) {
            $custom_css .= '
			html, body
			{ background-color: ' . $bg_color . ' }
			';
        }
        /**
         * ============================================================================
         * General Settings
         * ============================================================================
         */
        if ($color = $this->get_setting('color_schemes')) {
            // Disp Posts
            $custom_css .= '
			a, a:hover, a:focus, a:active,
			#main-header .primary-nav .nav a:hover, #main-header .primary-nav .nav a:active, #main-header .primary-nav .nav a:focus,
			#main-header .primary-nav .nav > li.active a,
			#main-content .evo_post_title h1 a:hover, #mini-blog .evo_post_title h1 a:hover, #main-content .evo_post_title h2 a:hover, #mini-blog .evo_post_title h2 a:hover, #main-content .evo_post_title h3 a:hover, #mini-blog .evo_post_title h3 a:hover, #main-content .evo_post_title h1 a:active, #mini-blog .evo_post_title h1 a:active, #main-content .evo_post_title h2 a:active, #mini-blog .evo_post_title h2 a:active, #main-content .evo_post_title h3 a:active, #mini-blog .evo_post_title h3 a:active, #main-content .evo_post_title h1 a:focus, #mini-blog .evo_post_title h1 a:focus, #main-content .evo_post_title h2 a:focus, #mini-blog .evo_post_title h2 a:focus, #main-content .evo_post_title h3 a:focus, #mini-blog .evo_post_title h3 a:focus,
			#main-content .evo_post .small.text-muted a:hover, #mini-blog .evo_post .small.text-muted a:hover, #main-content .evo_post .small.text-muted a .glyphicon:hover, #mini-blog .evo_post .small.text-muted a .glyphicon:hover,
			.pagination li a,

			#main-sidebar .evo_widget a:hover, #main-sidebar .evo_widget a:active, #main-sidebar .evo_widget a:focus,
			#main-sidebar .widget_plugin_evo_Calr .bCalendarTable td a,

			#main-footer .widget_footer .evo_widget a:hover, #main-footer .widget_footer .evo_widget a:active, #main-footer .widget_footer .evo_widget a:focus,
			#main-footer .widget_footer .widget_plugin_evo_Calr .bCalendarTable tbody a, #main-footer .widget_footer .widget_plugin_evo_Calr tfoot a,

			.disp_catdir #main-content .widget_core_coll_category_list a:hover, .disp_catdir #main-content .widget_core_coll_category_list a:active, .disp_catdir #main-content .widget_core_coll_category_list a:focus,
			.disp_arcdir #main-content .widget_plugin_achive a:hover, .disp_arcdir #main-content .widget_plugin_achive a:focus, .disp_arcdir #main-content .widget_plugin_achive a:active,
			.disp_postidx #main-content .widget_core_coll_post_list a:hover, .disp_postidx #main-content .widget_core_coll_post_list a:focus, .disp_postidx #main-content .widget_core_coll_post_list a:active,

			.disp_sitemap .content_sitemap .evo_widget a:hover, .disp_sitemap .content_sitemap .evo_widget a:active, .disp_sitemap .content_sitemap .evo_widget a:focus,

			.disp_posts .evo_featured_post header .small.text-muted a:hover, .disp_posts .evo_featured_post header .small.text-muted a:active, .disp_posts .evo_featured_post header .small.text-muted a:focus,
			.widget_core_coll_comment_list ul li:hover a::after
			{ color: ' . $color . ' }

			#main-header .primary-nav .nav a::after,
			.disp_posts .evo_intro_post,
			.disp_posts #main-content .posts_date,
			.disp_posts #main-content .timeline,
			#main-content .evo_post .evo_image_block a::before, #mini-blog .evo_post .evo_image_block a::before, #main-content .evo_post .evo_post_gallery__image a::before, #mini-blog .evo_post .evo_post_gallery__image a::before,
			#main-content .evo_post .evo_post__full_text .evo_post_more_link a:hover, #mini-blog .evo_post .evo_post__full_text .evo_post_more_link a:hover, #main-content .evo_post .evo_post__excerpt_text .evo_post_more_link a:hover, #mini-blog .evo_post .evo_post__excerpt_text .evo_post_more_link a:hover,
			.pagination .active span, .pagination .active span:hover,
			.pagination li a:hover, .pagination li span:hover, .pagination li a:focus, .pagination li span:focus,
			#main-content .evo_post .evo_post__excerpt_text .evo_post__excerpt_more_link a:hover, #mini-blog .evo_post .evo_post__excerpt_text .evo_post__excerpt_more_link a:hover, #main-content .evo_post .evo_post__excerpt_text .evo_post__excerpt_more_link a:active, #mini-blog .evo_post .evo_post__excerpt_text .evo_post__excerpt_more_link a:active, #main-content .evo_post .evo_post__excerpt_text .evo_post__excerpt_more_link a:focus, #mini-blog .evo_post .evo_post__excerpt_text .evo_post__excerpt_more_link a:focus,

			#main-sidebar .widget_core_coll_search_form .compact_search_form .search_submit,
			#main-sidebar .widget_core_coll_media_index .widget_flow_blocks > div a::before,
			#main-sidebar .widget_core_coll_tag_cloud .tag_cloud a:hover, #main-sidebar .widget_core_coll_tag_cloud .tag_cloud a:active, #main-sidebar .widget_core_coll_tag_cloud .tag_cloud a:focus,
			#main-sidebar .widget_plugin_evo_Calr .bCalendarTable #bCalendarToday,

			#main-footer .widget_footer .widget_core_coll_tag_cloud .tag_cloud a:hover, #main-footer .widget_footer .widget_core_coll_tag_cloud .tag_cloud a:active, #main-footer .widget_footer .widget_core_coll_tag_cloud .tag_cloud a:focus,
			#main-footer .widget_footer .widget_plugin_evo_Calr .bCalendarTable #bCalendarToday,
			.widget_core_coll_search_form .compact_search_form .search_submit,

			.widget_core_coll_media_index .widget_flow_blocks > div a::before,

			.close-menu, .cd-top,

			.disp_tags #main-content .tag_cloud a:hover, .disp_tags #main-content .tag_cloud a:active, .disp_tags #main-content .tag_cloud a:focus,
			.disp_sitemap .content_sitemap .title_widgets::after,

			.posts_mini_layout #mini-blog .msg_nothing,

			.disp_front #main-content .widget_core_coll_featured_intro .jumbotron,
			.disp_posts .evo_featured_post .evo_post__excerpt_text .evo_post__excerpt_more_link a:hover, .disp_posts .evo_featured_post .evo_post__excerpt_text .evo_post__excerpt_more_link a:active, .disp_posts .evo_featured_post .evo_post__excerpt_text .evo_post__excerpt_more_link a:focus,

			#main-content .post_tags a:hover, #mini-blog .post_tags a:hover, #main-content .post_tags a:active, #mini-blog .post_tags a:active, #main-content .post_tags a:focus, #mini-blog .post_tags a:focus,

			.disp_mediaidx #main-mediaidx .widget_core_coll_media_index .evo_image_index li figure.box.title.title_overlay .note,
			.disp_mediaidx #main-mediaidx .widget_core_coll_media_index .evo_image_index .title_overlay .note,

			.disp_posts .evo_featured_post,
			.posts_mini_layout #mini-blog .evo_featured_post .post_tags a:hover,
			.posts_mini_layout #mini-blog .evo_featured_post .evo_post__excerpt_text .evo_post__excerpt_more_link a:hover,

			.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover, .evo_form__thread .control-buttons .btn-primary,

			.skin-form .panel-heading, .evo_panel__login .btn.btn-success, .evo_panel__lostpass .btn.btn-success, .evo_panel__register .btn.btn-success, .evo_panel__activation .btn.btn-success,
			.evo_form .submit, .detail_threads .results .panel-heading, .detail_messages .evo_private_messages_list .panel .panel-heading, .detail_messages .evo_private_messages_list .panel .SaveButton.btn-primary, .detail_contacts .results .panel-heading, .detail_contacts .form_send_contacts .btn-default:hover, .detail_contacts .form_send_contacts .btn-default:active, .detail_contacts .form_send_contacts .btn-default:focus, .detail_contacts .form_add_contacts .SaveButton
			{ background-color: ' . $color . '; }

			.pagination .active span, .pagination .active span:hover,
			.pagination li a:hover, .pagination li span:hover, .pagination li a:focus, .pagination li span:focus,
			.posts_mini_layout #mini-blog .pagination li a, .posts_mini_layout #mini-blog .pagination li span,
			#main-content .evo_post .evo_post__excerpt_text .evo_post__excerpt_more_link a:hover, #mini-blog .evo_post .evo_post__excerpt_text .evo_post__excerpt_more_link a:hover, #main-content .evo_post .evo_post__excerpt_text .evo_post__excerpt_more_link a:active, #mini-blog .evo_post .evo_post__excerpt_text .evo_post__excerpt_more_link a:active, #main-content .evo_post .evo_post__excerpt_text .evo_post__excerpt_more_link a:focus, #mini-blog .evo_post .evo_post__excerpt_text .evo_post__excerpt_more_link a:focus,

			#main-sidebar .widget_core_coll_search_form .compact_search_form .search_submit,
			#main-sidebar .widget_core_coll_search_form .compact_search_form .search_field,
			#main-sidebar .widget_core_coll_tag_cloud .tag_cloud a:hover, #main-sidebar .widget_core_coll_tag_cloud .tag_cloud a:active, #main-sidebar .widget_core_coll_tag_cloud .tag_cloud a:focus,

			#main-footer .widget_footer .widget_plugin_evo_Calr .bCalendarTable #bCalendarToday,
			.widget_core_coll_search_form .compact_search_form .search_submit,
			#main-sidebar input[type="email"]:focus, #main-sidebar input[type="number"]:focus, #main-sidebar input[type="password"]:focus, #main-sidebar input[type="tel"]:focus, #main-sidebar input[type="url"]:focus, #main-sidebar input[type="text"]:focus,

			.disp_tags #main-content .tag_cloud a:hover, .disp_tags #main-content .tag_cloud a:active, .disp_tags #main-content .tag_cloud a:focus,

			.disp_posts .evo_featured_post .evo_post__excerpt_text .evo_post__excerpt_more_link a:hover, .disp_posts .evo_featured_post .evo_post__excerpt_text .evo_post__excerpt_more_link a:active, .disp_posts .evo_featured_post .evo_post__excerpt_text .evo_post__excerpt_more_link a:focus,

			#main-content .post_tags a:hover, #mini-blog .post_tags a:hover, #main-content .post_tags a:active, #mini-blog .post_tags a:active, #main-content .post_tags a:focus, #mini-blog .post_tags a:focus,

			.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover,
			.skin-form, .evo_panel__login .form_text_input, .evo_panel__lostpass .form_text_input, .evo_panel__register .form_text_input, .evo_panel__activation .form_text_input, .evo_panel__login .btn.btn-success, .evo_panel__lostpass .btn.btn-success, .evo_panel__register .btn.btn-success, .evo_panel__activation .btn.btn-success,
			#login_form input:focus:invalid:focus, #login_form select:focus:invalid:focus, #login_form textarea:focus:invalid:focus,
			.evo_panel__login .form_text_input:focus, .evo_panel__lostpass .form_text_input:focus, .evo_panel__register .form_text_input:focus, .evo_panel__activation .form_text_input:focus,
			.evo_form__thread .control-buttons .btn-primary, .evo_form__thread:hover,

			.evo_form .form_text_input:hover, .evo_form .form_textarea_input:hover, .evo_form .form_text_input:active, .evo_form .form_textarea_input:active, .evo_form .form_text_input:focus, .evo_form .form_textarea_input:focus,
			.evo_form .submit,
			.evo_form__thread .form-control:hover, .evo_form__thread .token-input-list-facebook:hover, .evo_form__thread .form-control:focus, .evo_form__thread .token-input-list-facebook:focus, .evo_form__thread .form-control:active, .evo_form__thread .token-input-list-facebook:active, .detail_threads .results,
			.detail_threads .results .form_text_input:hover, .detail_threads .results .form_text_input:active, .detail_threads .results .form_text_input:focus, .detail_messages .evo_private_messages_list .panel, .detail_messages .evo_private_messages_list .panel .SaveButton.btn-primary, .detail_messages .evo_private_messages_list .results .form_text_input:focus, .detail_messages .evo_private_messages_list .results .form_text_input:hover, .detail_messages .evo_private_messages_list .results .form_text_input:active, .detail_contacts .results, .detail_contacts .results .form_text_input:hover, .detail_contacts .results .form_text_input:active, .detail_contacts .results .form_text_input:focus, .detail_contacts .form_send_contacts .btn-default, .detail_contacts .form_add_contacts .input-sm, .detail_contacts .form_add_contacts .SaveButton
			{ border-color: ' . $color . '; }

			.page_title,
			.disp_sitemap .content_sitemap .title_widgets
			{ border-bottom-color: ' . $color . '; }
			';
            // Disp Single
            $custom_css .= '
			.disp_single #main-content .pager .previous a:hover, .disp_page #main-content .pager .previous a:hover, .disp_single #main-content .pager .next a:hover, .disp_page #main-content .pager .next a:hover, .disp_single #main-content .pager .previous a:active, .disp_page #main-content .pager .previous a:active, .disp_single #main-content .pager .next a:active, .disp_page #main-content .pager .next a:active, .disp_single #main-content .pager .previous a:focus, .disp_page #main-content .pager .previous a:focus, .disp_single #main-content .pager .next a:focus, .disp_page #main-content .pager .next a:focus,
			.disp_single #main-content .evo_post .single_tags a:hover, .disp_page #main-content .evo_post .single_tags a:hover, .disp_single #main-content .evo_post .single_tags a:active, .disp_page #main-content .evo_post .single_tags a:active, .disp_single #main-content .evo_post .single_tags a:focus, .disp_page #main-content .evo_post .single_tags a:focus,
			.disp_single #main-content .evo_post #feedbacks .evo_comment .panel-heading .evo_comment_title a, .disp_page #main-content .evo_post #feedbacks .evo_comment .panel-heading .evo_comment_title a,
			.disp_single #main-content .evo_post .evo_post_comment_notification a:hover, .disp_page #main-content .evo_post .evo_post_comment_notification a:hover, .disp_single #main-content .evo_post .evo_post_comment_notification a:active, .disp_page #main-content .evo_post .evo_post_comment_notification a:active, .disp_single #main-content .evo_post .evo_post_comment_notification a:focus, .disp_page #main-content .evo_post .evo_post_comment_notification a:focus,
			.disp_single #main-content .evo_post .evo_comment .panel-heading .evo_comment_title a, .disp_page #main-content .evo_post .evo_comment .panel-heading .evo_comment_title a, .disp_single #main-content .evo_post .evo_comment__preview .panel-heading .evo_comment_title a, .disp_page #main-content .evo_post .evo_comment__preview .panel-heading .evo_comment_title a
			{ color: ' . $color . '; }

			.disp_single #main-content .evo_post .evo_image_block a::before, .disp_page #main-content .evo_post .evo_image_block a::before, .disp_single #main-content .evo_post .evo_post_gallery__image a::before, .disp_page #main-content .evo_post .evo_post_gallery__image a::before,
			.disp_single #main-content .evo_post #feedbacks .evo_comment__meta_info a:hover, .disp_page #main-content .evo_post #feedbacks .evo_comment__meta_info a:hover, .disp_single #main-content .evo_post #feedbacks .evo_comment__meta_info a:focus, .disp_page #main-content .evo_post #feedbacks .evo_comment__meta_info a:focus, .disp_single #main-content .evo_post #feedbacks .evo_comment__meta_info a:active, .disp_page #main-content .evo_post #feedbacks .evo_comment__meta_info a:active,
			.disp_single #main-content .evo_post .evo_form .submit, .disp_page #main-content .evo_post .evo_form .submit,
			.disp_single #main-content .evo_post .evo_form .submit:hover, .disp_page #main-content .evo_post .evo_form .submit:hover, .disp_single #main-content .evo_post .evo_form .submit:focus, .disp_page #main-content .evo_post .evo_form .submit:focus, .disp_single #main-content .evo_post .evo_form .submit:active, .disp_page #main-content .evo_post .evo_form .submit:active,
			.disp_single #main-content .evo_post #feedbacks .evo_comment .evo_comment_footer .permalink_right, .disp_page #main-content .evo_post #feedbacks .evo_comment .evo_comment_footer .permalink_right,
			.disp_single #main-content .evo_post .evo_post_comment_notification a.btn:hover, .disp_page #main-content .evo_post .evo_post_comment_notification a.btn:hover, .disp_single #main-content .evo_post .evo_post_comment_notification a.btn:active, .disp_page #main-content .evo_post .evo_post_comment_notification a.btn:active, .disp_single #main-content .evo_post .evo_post_comment_notification a.btn:focus, .disp_page #main-content .evo_post .evo_post_comment_notification a.btn:focus, .profile_content .panel .panel-heading,

			.disp_profile .main_content .profile_tabs li.active a, .disp_avatar .main_content .profile_tabs li.active a, .disp_pwdchange .main_content .profile_tabs li.active a, .disp_userprefs .main_content .profile_tabs li.active a, .disp_subs .main_content .profile_tabs li.active a,
			.disp_profile .main_content .profile_tabs li a:hover, .disp_avatar .main_content .profile_tabs li a:hover, .disp_pwdchange .main_content .profile_tabs li a:hover, .disp_userprefs .main_content .profile_tabs li a:hover, .disp_subs .main_content .profile_tabs li a:hover, .disp_profile .main_content .profile_tabs li a:active, .disp_avatar .main_content .profile_tabs li a:active, .disp_pwdchange .main_content .profile_tabs li a:active, .disp_userprefs .main_content .profile_tabs li a:active, .disp_subs .main_content .profile_tabs li a:active, .disp_profile .main_content .profile_tabs li a:focus, .disp_avatar .main_content .profile_tabs li a:focus, .disp_pwdchange .main_content .profile_tabs li a:focus, .disp_userprefs .main_content .profile_tabs li a:focus, .disp_subs .main_content .profile_tabs li a:focus,
			.disp_profile .main_content .panel-heading, .disp_avatar .main_content .panel-heading, .disp_pwdchange .main_content .panel-heading, .disp_userprefs .main_content .panel-heading, .disp_subs .main_content .panel-heading, .disp_profile .main_content .btn-primary, .disp_avatar .main_content .btn-primary, .disp_pwdchange .main_content .btn-primary, .disp_userprefs .main_content .btn-primary, .disp_subs .main_content .btn-primary, .disp_profile .main_content #ffield_edited_user_email .help-inline .btn, .disp_avatar .main_content #ffield_edited_user_email .help-inline .btn, .disp_pwdchange .main_content #ffield_edited_user_email .help-inline .btn, .disp_userprefs .main_content #ffield_edited_user_email .help-inline .btn, .disp_subs .main_content #ffield_edited_user_email .help-inline .btn
			{ background-color: ' . $color . '; }

			.disp_single #main-content .evo_post #feedbacks .evo_comment__meta_info a:hover, .disp_page #main-content .evo_post #feedbacks .evo_comment__meta_info a:hover, .disp_single #main-content .evo_post #feedbacks .evo_comment__meta_info a:focus, .disp_page #main-content .evo_post #feedbacks .evo_comment__meta_info a:focus, .disp_single #main-content .evo_post #feedbacks .evo_comment__meta_info a:active, .disp_page #main-content .evo_post #feedbacks .evo_comment__meta_info a:active,
			.disp_single #main-content .evo_post .evo_form .submit, .disp_page #main-content .evo_post .evo_form .submit,
			.disp_single #main-content .evo_post .evo_form .submit:hover, .disp_page #main-content .evo_post .evo_form .submit:hover, .disp_single #main-content .evo_post .evo_form .submit:focus, .disp_page #main-content .evo_post .evo_form .submit:focus, .disp_single #main-content .evo_post .evo_form .submit:active, .disp_page #main-content .evo_post .evo_form .submit:active,
			.disp_single #main-content .evo_post .evo_form .form_textarea_input:hover, .disp_page #main-content .evo_post .evo_form .form_textarea_input:hover, .disp_single #main-content .evo_post .evo_form .form_textarea_input:focus, .disp_page #main-content .evo_post .evo_form .form_textarea_input:focus, .disp_single #main-content .evo_post .evo_form .form_textarea_input:active, .disp_page #main-content .evo_post .evo_form .form_textarea_input:active,
			.disp_single #main-content .evo_post .evo_post_comment_notification a.btn:hover, .disp_page #main-content .evo_post .evo_post_comment_notification a.btn:hover, .disp_single #main-content .evo_post .evo_post_comment_notification a.btn:active, .disp_page #main-content .evo_post .evo_post_comment_notification a.btn:active, .disp_single #main-content .evo_post .evo_post_comment_notification a.btn:focus, .disp_page #main-content .evo_post .evo_post_comment_notification a.btn:focus,

			.disp_single #main-content .evo_post .evo_form .form_text_input:hover, .disp_page #main-content .evo_post .evo_form .form_text_input:hover, .disp_single #main-content .evo_post .evo_form .form_textarea_input:hover, .disp_page #main-content .evo_post .evo_form .form_textarea_input:hover, .disp_single #main-content .evo_post .evo_form .form_text_input:focus, .disp_page #main-content .evo_post .evo_form .form_text_input:focus, .disp_single #main-content .evo_post .evo_form .form_textarea_input:focus, .disp_page #main-content .evo_post .evo_form .form_textarea_input:focus, .disp_single #main-content .evo_post .evo_form .form_text_input:active, .disp_page #main-content .evo_post .evo_form .form_text_input:active, .disp_single #main-content .evo_post .evo_form .form_textarea_input:active, .disp_page #main-content .evo_post .evo_form .form_textarea_input:active, .profile_content .panel,

			.disp_profile .main_content .profile_tabs li.active a, .disp_avatar .main_content .profile_tabs li.active a, .disp_pwdchange .main_content .profile_tabs li.active a, .disp_userprefs .main_content .profile_tabs li.active a, .disp_subs .main_content .profile_tabs li.active a,
			.disp_profile .main_content .profile_tabs li a:hover, .disp_avatar .main_content .profile_tabs li a:hover, .disp_pwdchange .main_content .profile_tabs li a:hover, .disp_userprefs .main_content .profile_tabs li a:hover, .disp_subs .main_content .profile_tabs li a:hover, .disp_profile .main_content .profile_tabs li a:active, .disp_avatar .main_content .profile_tabs li a:active, .disp_pwdchange .main_content .profile_tabs li a:active, .disp_userprefs .main_content .profile_tabs li a:active, .disp_subs .main_content .profile_tabs li a:active, .disp_profile .main_content .profile_tabs li a:focus, .disp_avatar .main_content .profile_tabs li a:focus, .disp_pwdchange .main_content .profile_tabs li a:focus, .disp_userprefs .main_content .profile_tabs li a:focus, .disp_subs .main_content .profile_tabs li a:focus,
			.disp_profile .main_content .panel, .disp_avatar .main_content .panel, .disp_pwdchange .main_content .panel, .disp_userprefs .main_content .panel, .disp_subs .main_content .panel, .disp_profile .main_content .btn-primary, .disp_avatar .main_content .btn-primary, .disp_pwdchange .main_content .btn-primary, .disp_userprefs .main_content .btn-primary, .disp_subs .main_content .btn-primary, .disp_profile .main_content #ffield_edited_user_email .help-inline .btn, .disp_avatar .main_content #ffield_edited_user_email .help-inline .btn, .disp_pwdchange .main_content #ffield_edited_user_email .help-inline .btn, .disp_userprefs .main_content #ffield_edited_user_email .help-inline .btn, .disp_subs .main_content #ffield_edited_user_email .help-inline .btn
			{ border-color: ' . $color . '; }

			.disp_single #main-content .evo_post > header .cat-links a, .disp_page #main-content .evo_post > header .cat-links a,
			.disp_single #main-content .evo_post .single_tags a, .disp_page #main-content .evo_post .single_tags a,

			.disp_mediaidx #main-mediaidx .title_mediaidx,
			.disp_profile .main_content .profile_tabs, .disp_avatar .main_content .profile_tabs, .disp_pwdchange .main_content .profile_tabs, .disp_userprefs .main_content .profile_tabs, .disp_subs .main_content .profile_tabs
			{ border-bottom-color: ' . $color . '; }

			#main-content .evo_post .evo_post__full_text blockquote, .disp_page #main-content .evo_post .evo_post__full_text blockquote, blockquote
			{ border-left-color: ' . $color . '; }
			';
            // Disp Search
            $custom_css .= '
			.disp_search .search_result .search_content_wrap .search_title a:hover, .disp_search .search_result .search_content_wrap .search_title a:active, .disp_search .search_result .search_content_wrap .search_title a:focus,
			.disp_search .search_result .search_content_wrap .search_info a:hover, .disp_search .search_result .search_content_wrap .search_info a:active, .disp_search .search_result .search_content_wrap .search_info a:focus
			{ color: ' . $color . '; }

			.disp_search .search-box .widget_core_coll_search_form .compact_search_form .search_submit,
			.disp_search .search_result .search_result_score.dimmed,
			.disp_search .widget_core_coll_search_form .compact_search_form .search_submit,
			.disp_search .search_result .search_result_score.dimmed
			{ background-color: ' . $color . '; }

			.disp_search .search-box .widget_core_coll_search_form .compact_search_form .search_field, .disp_search .search-box .widget_core_coll_search_form .compact_search_form .search_submit,
			.disp_search .search-box .widget_core_coll_search_form .compact_search_form .search_field:focus, .disp_search .search-box .widget_core_coll_search_form .compact_search_form .search_field:active,
			.disp_search .widget_core_coll_search_form .compact_search_form .search_field, .disp_search .widget_core_coll_search_form .compact_search_form .search_submit,
			.disp_search .widget_core_coll_search_form .compact_search_form .search_field:focus, .disp_search .widget_core_coll_search_form .compact_search_form .search_field:active
			{ border-color: ' . $color . '; }

			.disp_search .search_result .search_content_wrap .search_info a
			{ border-bottom-color: ' . $color . '; }
			';
            // Disp Front
            $custom_css .= '
			.disp_front .evo_container__front_page_primary .evo_widget a:hover, .disp_front .evo_container__front_page_primary .evo_widget a:active, .disp_front .evo_container__front_page_primary .evo_widget a:focus,
			.disp_front .evo_container__front_page_primary .evo_widget.widget_plugin_evo_Calr .bCalendarTable td a
			{ color: ' . $color . '; }

			.disp_front .evo_container__front_page_primary .evo_widget h3::before,
			.disp_front .evo_container__front_page_primary .evo_widget.widget_core_coll_tag_cloud .tag_cloud a:hover, .disp_front .evo_container__front_page_primary .evo_widget.widget_core_coll_tag_cloud .tag_cloud a:active, .disp_front .evo_container__front_page_primary .evo_widget.widget_core_coll_tag_cloud .tag_cloud a:focus,
			.disp_front .evo_container__front_page_primary .evo_widget.widget_plugin_evo_Calr .bCalendarTable #bCalendarToday
			{ background-color: ' . $color . '; }

			.evo_container__front_page_primary .widget_core_coll_search_form .compact_search_form .search_field,
			.disp_front .evo_container__front_page_primary .evo_widget.widget_core_coll_tag_cloud .tag_cloud a:hover, .disp_front .evo_container__front_page_primary .evo_widget.widget_core_coll_tag_cloud .tag_cloud a:active, .disp_front .evo_container__front_page_primary .evo_widget.widget_core_coll_tag_cloud .tag_cloud a:focus,
			.disp_front .evo_container__front_page_primary .evo_widget.widget_core_user_login .input_text:focus, .disp_front .evo_container__front_page_primary .evo_widget.widget_core_user_register .input_text:focus
			{ border-color: ' . $color . '; }
			';
            // Disp Comments
            $custom_css .= '
			.disp_comments .page_title
			{ border-bottom-color: ' . $color . '; }

			.disp_comments .evo_comment .panel-heading .evo_comment_title a, .disp_comments .evo_comment .panel-heading .panel-title a,
			.disp_comments .evo_comment a
			{ color: ' . $color . '; }

			.disp_comments .evo_comment .evo_comment_info a:hover
			{ background-color: ' . $color . '; }
			';
        }
        /**
         * ============================================================================
         * Color Content
         * ============================================================================
         */
        if ($color = $this->get_setting('color_content')) {
            $custom_css .= '
			#main-content .evo_post_title h1 a, #mini-blog .evo_post_title h1 a, #main-content .evo_post_title h2 a, #mini-blog .evo_post_title h2 a, #main-content .evo_post_title h3 a, #mini-blog .evo_post_title h3 a,
			#main-content .evo_post_title h3 a,
			.evo_post__full_text, .evo_post__full_text a, .evo_post__excerpt_text, .evo_post__excerpt_text a,
			.disp_single #main-content .evo_post #feedbacks .evo_comment .evo_comment_text, .disp_page #main-content .evo_post #feedbacks .evo_comment,
			#main-content .post_tags h3, #mini-blog .post_tags h3, .evo_comment_text, .disp_posts .evo_intro_post a,
			.disp_comments .evo_comment .evo_comment_text,
			.disp_catdir #main-content .widget_core_coll_category_list a,
			.disp_front .evo_container__front_page_primary .evo_widget a,
			.disp_arcdir #main-content .widget_plugin_achive a,

			.evo_post__excerpt_text .evo_post__excerpt_more_link a,
			.disp_comments .evo_comment .panel-heading .evo_comment_title, .disp_comments .evo_comment .panel-heading .panel-title,
			.disp_postidx #main-content .widget_core_coll_post_list a,
			.disp_sitemap .content_sitemap .evo_widget a,

			#main-content .evo_post .evo_post__full_text blockquote, #mini-blog .evo_post .evo_post__full_text blockquote,
			#main-content .evo_post .evo_post__full_text pre, #mini-blog .evo_post .evo_post__full_text pre,
			.disp_single #main-content .evo_post .panel .panel-heading .panel-title, .disp_page #main-content .evo_post .panel .panel-heading .panel-title,
			.evo_comment_text pre, blockquote, .disp_single #main-content .evo_post #feedbacks .evo_comment .evo_comment_footer small, .disp_page #main-content .evo_post #feedbacks .evo_comment .evo_comment_footer small,

			.disp_single #main-content .pager .previous a, .disp_page #main-content .pager .previous a, .disp_single #main-content .pager .next a, .disp_page #main-content .pager .next a, .btn-default,

			.disp_search .search_result .search_content_wrap .search_title,
			.disp_search .search_result .search_content_wrap .search_title a,
			.disp_search .search_result .search_content_wrap .search_info a
			{ color: ' . $color . ' }';
            $custom_css .= 'body, main{ color: ' . $color . ' !important }';
        }
        /**
         * ============================================================================
         * Typograpy
         * ============================================================================
         */
        $font_size = $this->get_setting('typograpy_fz');
        switch ($font_size) {
            case 'normal':
                // When regular layout is chosen, nothing happens, since regular is default
                $custom_css .= 'html, body
			{ font-size: 11.42855px; }

			@media screen and (max-width: 480px) {
				html, body { font-size: 10.5px; }
			}';
                break;
            case 'large':
                $custom_css .= 'html, body
			{ font-size: 12.85715px; }

			@media screen and (max-width: 480px) {
				html, body { font-size: 11px; }
			}';
                break;
        }
        /**
         * ============================================================================
         * Tags Layout
         * ============================================================================
         */
        if ($color = $this->get_setting('tags_color')) {
            $custom_css .= "#main-content .post_tags a, #mini-blog .post_tags a, .widget_core_coll_tag_cloud .tag_cloud a { color: {$color}; }\n";
        }
        if ($bg_color = $this->get_setting('tags_bg_color')) {
            $custom_css .= "#main-content .post_tags a, #mini-blog .post_tags a, .widget_core_coll_tag_cloud .tag_cloud a { background-color: {$bg_color}; }\n";
        }
        if ($bdr_color = $this->get_setting('tags_bdr_color')) {
            $custom_css .= "#main-content .post_tags a, #mini-blog .post_tags a, .widget_core_coll_tag_cloud .tag_cloud a { border-color: {$bdr_color}; }\n";
        }
        /**
         * ============================================================================
         * Special cover image position on intro posts
         * ============================================================================
         */
        /*if( $color = $this->get_setting( 'bgimg_text_color' ) )
        		{	// Custom text color on background image:
        			$custom_css .= '.widget_core_coll_featured_intro div.jumbotron.evo_hasbgimg { color: '.$color." }\n";
        		}
        		if( $color = $this->get_setting( 'bgimg_link_color' ) )
        		{	// Custom link color on background image:
        			$custom_css .= '.widget_core_coll_featured_intro div.jumbotron.evo_hasbgimg a { color: '.$color." }\n";
        		}
        		if( $color = $this->get_setting( 'bgimg_hover_link_color' ) )
        		{	// Custom link hover color on background image:
        			$custom_css .= '.widget_core_coll_featured_intro div.jumbotron.evo_hasbgimg a:hover { color: '.$color." !important }\n";
        		}*/
        /**
         * ============================================================================
         * Header Custom Style
         * ============================================================================
         */
        if ($color = $this->get_setting('header_top_color')) {
            $custom_css .= '#header-top .header-contact-info, #header-top .widget_core_user_links .ufld_icon_links a { color: ' . $color . ';}';
        }
        if ($bg_color = $this->get_setting('header_top_bg')) {
            $custom_css .= '#header-top{ background-color: ' . $bg_color . '; }';
        }
        if ($this->get_setting('header_sticky') == 0) {
            $custom_css .= '#main-header{ position: relative !important;} body.loggedin #main-header{ top: 0 !important; }';
        }
        if ($color = $this->get_setting('site_tite_color')) {
            $custom_css .= '#main-header .widget_core_coll_title h1 a, #main-header .widget_core_coll_logo h1 a,
         .page_title
         { color: ' . $color . ' }
         ';
        }
        if ($color = $this->get_setting('menu_link_color')) {
            $custom_css .= '#main-header .primary-nav .nav a { color: ' . $color . ';}';
        }
        if ($bg_color = $this->get_setting('main_header_bg')) {
            $custom_css .= '#main-header{ background-color: ' . $bg_color . '; }';
        }
        /**
         * ============================================================================
         * Posts Custome Style
         * ============================================================================
         */
        if ($bg_color = $this->get_setting('regular_post_bg')) {
            $custom_css .= '
         .post_regular,
         .post_regular #main-sidebar .widget_plugin_evo_Calr .bCalendarTable caption a
         { background-color: ' . $bg_color . '; }
         ';
        }
        if ($bg_color = $this->get_setting('mini_blog_bg')) {
            $custom_css .= '.posts_mini_layout{ background-color: ' . $bg_color . '; }';
        }
        if ($color = $this->get_setting('post_info_color')) {
            $custom_css .= '#main-content .evo_post .small.text-muted, #mini-blog .evo_post .small.text-muted
         { color: ' . $color . ' };
         ';
        }
        if ($color = $this->get_setting('post_info_link')) {
            $custom_css .= '.disp_single #main-content .evo_post > header .cat-links a, .disp_page #main-content .evo_post > header .cat-links a
         { color: ' . $color . ' }
         ';
        }
        /**
         * ============================================================================
         * Single and Page Disp Custom Style
         * ============================================================================
         */
        if ($bg_color = $this->get_setting('single_bg')) {
            $custom_css .= '
         .disp_single, .disp_page,
         .disp_single .pager li>a, .disp_single .pager li>span,
         .disp_single .evo_post .panel-default,
         .disp_single #main-content .evo_post .panel .panel-heading .panel-title, .disp_page #main-content .evo_post .panel .panel-heading .panel-title,
         .disp_single #main-content .evo_post #feedbacks .evo_comment .panel-heading, .disp_page #main-content .evo_post #feedbacks .evo_comment .panel-heading,
         .disp_single #main-content .evo_post .panel .panel-heading, .disp_page #main-content .evo_post .panel .panel-heading
         { background-color: ' . $bg_color . '; }
         ';
        }
        /**
         * ============================================================================
         * Sidebar Custom Style
         * ============================================================================
         */
        if ($border = $this->get_setting('sidebar_border_widget')) {
            $custom_css .= '
         .widget_core_coll_category_list ul > li, .widget_core_content_hierarchy ul > li, .widget_core_coll_common_links ul > li, .widget_core_coll_post_list ul > li, .widget_core_coll_page_list ul > li, .widget_core_coll_related_post_list ul > li, .widget_plugin_evo_Arch ul > li, .widget_core_linkblog ul > li, .widget_core_coll_item_list.evo_noexcerpt ul > li, .widget_core_coll_comment_list ul > li, .widget_core_coll_xml_feeds ul > li, .widget_core_colls_list_public ul > li, .widget_core_user_tools ul > li
         { border-color: ' . $border . '; }
         ';
            $custom_css .= '
         #main-sidebar .panel-heading::after
         { background-color: ' . $border . '; }
         ';
        }
        if ($color = $this->get_setting('sidebar_title_widget')) {
            $custom_css .= '
         #main-sidebar .panel-heading .panel-title,
         .disp_front .evo_container__front_page_primary .evo_widget h3,
		 .disp_front .evo_container__front_page_primary .evo_widget.widget_core_coll_post_list.evo_withexcerpt .item_title, .disp_front .evo_container__front_page_primary .evo_widget.widget_core_coll_related_post_list.evo_withexcerpt .item_title, .disp_front .evo_container__front_page_primary .evo_widget.widget_core_coll_item_list.evo_withexcerpt .item_title
         { color: ' . $color . '; }
         ';
        }
        if ($color = $this->get_setting('sidebar_color_content')) {
            $custom_css .= '
         #main-sidebar .evo_widget
         { color: ' . $color . '; }
         ';
        }
        if ($color = $this->get_setting('sidebar_color_link')) {
            $custom_css .= '
         #main-sidebar .evo_widget a,
         #main-sidebar .evo_widget ul li strong a
         { color: ' . $color . '; }
         ';
        }
        /**
         * ============================================================================
         * Front Disp Custom Style
         * ============================================================================
         */
        if ($bg_color = $this->get_setting('front_bg')) {
            $custom_css .= '
         .disp_front,
         .disp_front .evo_container__front_page_primary .widget_core_user_login
         { background-color: ' . $bg_color . '; }
         ';
        }
        /**
         * ============================================================================
         * Comments Disp Custom Style
         * ============================================================================
         */
        if ($bg_color = $this->get_setting('comments_bg')) {
            $custom_css .= '
         .disp_comments
         { background-color: ' . $bg_color . '; }
         ';
        }
        /**
         * ============================================================================
         * Mediaidx Custom Style
         * ============================================================================
         */
        if ($padding = $this->get_setting('padding_column')) {
            $custom_css .= '.disp_mediaidx #main-mediaidx .widget_core_coll_media_index .evo_image_index li{ padding: ' . $padding . 'px }';
            $custom_css .= '.disp_mediaidx #main-mediaidx .title_mediaidx { margin-left: ' . $padding . 'px; margin-right: ' . $padding . 'px; }';
        }
        if ($color = $this->get_setting('mediaidx_bg')) {
            $custom_css .= '.disp_mediaidx, .disp_mediaidx #main-mediaidx .widget_core_coll_media_index .evo_image_index .note {
            background-color: ' . $color . '; }';
        }
        if ($color = $this->get_setting('mediaidx_bg_content')) {
            $custom_css .= '.disp_mediaidx #main-mediaidx .widget_core_coll_media_index .evo_image_index li figure.box,
         .disp_mediaidx #main-mediaidx .widget_core_coll_media_index .evo_image_index li figure.box .note {
            background-color: ' . $color . ';}';
        }
        if ($color = $this->get_setting('mediaidx_title_color')) {
            $custom_css .= '.disp_mediaidx #main-mediaidx .widget_core_coll_media_index .evo_image_index .note {
            color: ' . $color . ';}';
        }
        if ($bg_color = $this->get_setting('mediaidx_title_color')) {
            $custom_css .= '.disp_mediaidx #main-mediaidx .widget_core_coll_media_index .evo_image_index li figure.box.title a::after {
            background-color: ' . $color . ';}';
        }
        /**
         * ============================================================================
         * Disp Search Custome Style
         * ============================================================================
         */
        if ($color = $this->get_setting('search_text_info')) {
            $custom_css .= '.disp_search .search_result .search_content_wrap .search_info
         { color: ' . $color . ' }';
        }
        if ($bg_color = $this->get_setting('search_bg')) {
            $custom_css .= '.disp_search { background-color: ' . $bg_color . '; }';
        }
        /**
         * ============================================================================
         * Disp Archir Custome Style
         * ============================================================================
         */
        if ($bg_color = $this->get_setting('arcdir_bg')) {
            $custom_css .= '.disp_arcdir { background-color: ' . $bg_color . '; }';
        }
        /**
         * ============================================================================
         * Disp Catdir Custome Style
         * ============================================================================
         */
        if ($bg_color = $this->get_setting('catdir_bg')) {
            $custom_css .= '.disp_catdir { background-color: ' . $bg_color . '; }';
        }
        /**
         * ============================================================================
         * Disp Postidx Custome Style
         * ============================================================================
         */
        if ($bg_color = $this->get_setting('postidx_bg')) {
            $custom_css .= '.disp_postidx { background-color: ' . $bg_color . '; }';
        }
        /**
         * ============================================================================
         * Disp Tags Custome Style
         * ============================================================================
         */
        if ($bg_color = $this->get_setting('tags_bg')) {
            $custom_css .= '.disp_tags { background-color: ' . $bg_color . '; }';
        }
        /**
         * ============================================================================
         * Footer Custome Style
         * ============================================================================
         */
        if ($bg_color = $this->get_setting('footer_bg')) {
            $custom_css .= '
         #main-footer, #main-footer .widget_footer .widget_plugin_evo_Calr .bCalendarTable caption a
         { background-color: ' . $bg_color . '; }
         ';
        }
        if ($border = $this->get_setting('footer_border_widget')) {
            $custom_css .= '#main-footer .widget_footer .widget_core_coll_category_list ul > li, #main-footer .widget_footer .widget_core_content_hierarchy ul > li, #main-footer .widget_footer .widget_core_coll_common_links ul > li, #main-footer .widget_footer .widget_core_coll_post_list ul > li, #main-footer .widget_footer .widget_core_coll_page_list ul > li, #main-footer .widget_footer .widget_core_coll_related_post_list ul > li, #main-footer .widget_footer .widget_plugin_evo_Arch ul > li, #main-footer .widget_footer .widget_core_linkblog ul > li, #main-footer .widget_footer .widget_core_coll_item_list.evo_noexcerpt ul > li, #main-footer .widget_footer .widget_core_coll_comment_list ul > li, #main-footer .widget_footer .widget_core_coll_xml_feeds ul > li, #main-footer .widget_footer .widget_core_colls_list_public ul > li, #main-footer .widget_footer .widget_core_user_tools ul > li
         { border-color: ' . $border . '; }';
            $custom_css .= '#main-footer .copyright { border-top-color: ' . $border . ' }';
            $custom_css .= '#main-footer .widget_footer .widget_core_coll_category_list ul > li, #main-footer .widget_footer .widget_core_content_hierarchy ul > li, #main-footer .widget_footer .widget_core_coll_common_links ul > li, #main-footer .widget_footer .widget_core_coll_post_list ul > li, #main-footer .widget_footer .widget_core_coll_page_list ul > li, #main-footer .widget_footer .widget_core_coll_related_post_list ul > li, #main-footer .widget_footer .widget_plugin_evo_Arch ul > li, #main-footer .widget_footer .widget_core_linkblog ul > li, #main-footer .widget_footer .widget_core_coll_item_list.evo_noexcerpt ul > li, #main-footer .widget_footer .widget_core_coll_comment_list ul > li, #main-footer .widget_footer .widget_core_coll_xml_feeds ul > li, #main-footer .widget_footer .widget_core_colls_list_public ul > li, #main-footer .widget_footer .widget_core_user_tools ul > li, #main-footer .widget_footer .widget_core_coll_link_list ul > li, #main-footer .widget_footer .widget_core_colls_list_owner ul > li
         { border-bottom-color: ' . $border . ' }';
        }
        if ($color = $this->get_setting('footer_title_color')) {
            $custom_css .= '#main-footer .widget_footer .evo_widget .widget_title { color: ' . $color . ' }';
        }
        if ($color = $this->get_setting('footer_text_content')) {
            $custom_css .= '#main-footer { color: ' . $color . '; }';
        }
        if ($color = $this->get_setting('footer_link_color')) {
            $custom_css .= '#main-footer a, #main-footer .widget_footer .evo_widget a,
         #main-footer .copyright a
         { color: ' . $color . ' }';
        }
        if ($color = $this->get_setting('copyright_color')) {
            $custom_css .= '#main-footer .copyright p{ color: ' . $color . ' }';
        }
        if ($disp == 'posts') {
            $custom_css .= ".disp_posts .well { padding: 0; }\n";
            $custom_css .= ".disp_posts .well header, .disp_posts .well section, .disp_posts .well footer { padding: 0 30px; }\n";
            $custom_css .= ".disp_posts .well footer { padding-bottom: 20px; }\n";
        }
        if ($this->get_setting('ht_show') == 1) {
            $custom_css .= ".sitewide_header { margin-bottom: 0 !important; }";
        }
        // Custom CSS Output
        if (!empty($custom_css)) {
            add_css_headline($custom_css);
        }
        // Limit images by max height:
        $max_image_height = intval($this->get_setting('max_image_height'));
        if ($max_image_height > 0) {
            add_css_headline('.evo_image_block img { max-height: ' . $max_image_height . 'px; width: auto; }');
        }
    }
コード例 #17
0
    /**
     * Get ready for displaying the skin.
     *
     * This may register some CSS or JS...
     */
    function display_init()
    {
        global $Messages, $debug;
        // Request some common features that the parent function (Skin::display_init()) knows how to provide:
        parent::display_init(array('jquery', 'font_awesome', 'bootstrap', 'bootstrap_evo_css', 'bootstrap_messages', 'style_css', 'colorbox', 'bootstrap_init_tooltips', 'disp_auto'));
        // Skin specific initializations:
        // Limit images by max height:
        $max_image_height = intval($this->get_setting('max_image_height'));
        if ($max_image_height > 0) {
            add_css_headline('.evo_image_block img { max-height: ' . $max_image_height . 'px; width: auto; }');
        }
        // Add custom CSS:
        $custom_css = '';
        if ($page_bg_color = $this->get_setting('page_bg_color')) {
            // Background color:
            $custom_css .= 'body { background-color: ' . $page_bg_color . " }\n";
        }
        if ($text_color = $this->get_setting('page_text_color')) {
            // Text color:
            $custom_css .= 'body { color: ' . $text_color . " }\n";
        }
        if ($menu_bg_color = $this->get_setting('menu_bg_color')) {
            // Menu background color:
            $custom_css .= 'div.pageHeader { background-color: ' . $menu_bg_color . " }\n";
        }
        if ($menu_t_color = $this->get_setting('menu_text_color')) {
            // Menu elements color:
            $custom_css .= '
			div.pageHeader,
			div.pageHeader a,
			div.pageHeader span { color: ' . $menu_t_color . " }\n";
        }
        if ($menu_a_hover = $this->get_setting('menu_links_hover')) {
            // Menu links hover color:
            $custom_css .= 'div.pageHeader a:hover { color: ' . $menu_a_hover . " }\n";
        }
        if ($post_bg_color = $this->get_setting('post_bg_color')) {
            // Post background color:
            $custom_css .= '
			div.evo_post_details,
			.panel,
			#comment_preview,
			.error_404,
			.error_additional_content,
			.disp_arcdir main,
			.disp_catdir main,
			div.widget_core_coll_item_list.evo_layout_rwd .widget_rwd_content,
			div.widget_core_coll_featured_posts.evo_layout_rwd .widget_rwd_content,
			div.widget_core_coll_post_list.evo_layout_rwd .widget_rwd_content,
			div.widget_core_coll_page_list.evo_layout_rwd .widget_rwd_content,
			div.widget_core_coll_related_post_list.evo_layout_rwd .widget_rwd_content,
			.search_result,
			.page_navigation a { background-color: ' . $post_bg_color . " }\n";
        }
        if ($post_border_col = $this->get_setting('post_border_col')) {
            // Post border color:
            $custom_css .= '
			.evo_post div.evo_post_details,
			.panel,
			.evo_featured_post div.evo_post_details,
			.featurepost div.evo_post_details,
			.error_404,
			.error_additional_content,
			.disp_arcdir main,
			.disp_catdir main,
			div.widget_core_coll_item_list.evo_layout_rwd .widget_rwd_content,
			div.widget_core_coll_featured_posts.evo_layout_rwd .widget_rwd_content,
			div.widget_core_coll_post_list.evo_layout_rwd .widget_rwd_content,
			div.widget_core_coll_page_list.evo_layout_rwd .widget_rwd_content,
			div.widget_core_coll_related_post_list.evo_layout_rwd .widget_rwd_content,
			.search_result,
			.page_navigation a { border: 1px solid ' . $post_border_col . " }\n";
            $custom_css .= 'article.evo_intro_post .evo_post_details { border: 3px solid ' . $post_border_col . " }\n";
            $custom_css .= '.main_content_container .panel-heading, .evo_comment__meta_info a, .evo_post_comment_notification a, .evo_comment__meta_info a:hover, .evo_post_comment_notification a:hover { background-color: ' . $post_border_col . " !important }\n";
        }
        if ($post_text_color = $this->get_setting('post_text_color')) {
            // Post text color:
            $custom_css .= 'div.evo_post_details { color: ' . $post_text_color . " }\n";
        }
        if ($main_link_color = $this->get_setting('main_link_color')) {
            // Links color (main section):
            $custom_css .= 'div.main_content_container a { color: ' . $main_link_color . " }\n";
            $custom_css .= 'div.item_content a { color: ' . $main_link_color . " !important }\n";
            $custom_css .= '#bCalendarToday { background-color: ' . $main_link_color . " }\n";
        }
        if ($panel_titles = $this->get_setting('panel_titles')) {
            // Panel titles color:
            $custom_css .= '
			.main_content_container .panel-heading h4,
			.main_content_container .panel-heading h3,
			.main_content_container .panel-heading a,
			.main_content_container legend.panel-heading { color: ' . $panel_titles . " }\n";
        }
        if ($prev_bgd = $this->get_setting('prev_bgd')) {
            // Preview button background color:
            $custom_css .= '.main_content_container .preview { background-color: ' . $prev_bgd . " }\n";
        }
        if ($subm_bgd = $this->get_setting('subm_bgd')) {
            // Submit button background color:
            $custom_css .= '
			.main_content_container .submit,
			.main_content_container .filters button[type=submit] { background-color: ' . $subm_bgd . " }\n";
            $custom_css .= '
			.main_content_container .search_submit,
			.main_content_container .filters button[type=submit] { border-color: ' . $subm_bgd . " }\n";
        }
        if (!empty($custom_css)) {
            $custom_css = '<style type="text/css">
	<!--
' . $custom_css . '	-->
	</style>';
            add_headline($custom_css);
        }
    }
コード例 #18
0
    /**
     * @see Plugin::SkinBeginHtmlHead()
     */
    function SkinBeginHtmlHead(&$params)
    {
        global $Blog;
        $relative_to = is_admin_page() ? 'rsc_url' : 'blog';
        require_css('#mediaelement_css#', $relative_to);
        require_js('#jquery#', 'blog');
        require_js('#mediaelement#', $relative_to);
        $this->require_skin();
        // Set a video size in css style, because option setting cannot sets correct size
        $width = intval($this->get_coll_setting('width', $Blog));
        $width = empty($width) ? '100%' : $width . 'px';
        $height = intval($this->get_coll_setting('height', $Blog));
        add_css_headline('video.html5_mediaelementjs_video{ width: ' . $width . ' !important; height: ' . $height . 'px !important; display: block; margin: auto; }
.mediajs_block {
	margin: 0 auto 1em;
}
.mediajs_block .mediajs_text {
	font-size: 84%;
	text-align: center;
	margin: 4px 0;
}');
        // Initialize a player
        add_js_headline(($width == "100%" ? '' : 'var html5_mediaelementjs_video_width = parseInt( "' . $width . '" );
			if( jQuery( window ).width() < html5_mediaelementjs_video_width )
			{
				html5_mediaelementjs_video_width = jQuery( window ).width();
			}') . '
			jQuery( document ).ready( function() {
				jQuery( "video.html5_mediaelementjs_video" ).mediaelementplayer( {
					defaultVideoWidth: ' . ($width == "100%" ? '"100%"' : 'html5_mediaelementjs_video_width') . ',
					defaultVideoHeight: "' . $height . '",
					videoWidth: ' . ($width == "100%" ? '"100%"' : 'html5_mediaelementjs_video_width') . ',
					videoHeight: "' . $height . '",
				} );
			} );');
        /**
        		 * Plugin options:
        
        			// if the <video width> is not specified, this is the default
        			defaultVideoWidth: 480,
        			// if the <video height> is not specified, this is the default
        			defaultVideoHeight: 270,
        			// if set, overrides <video width>
        			videoWidth: -1,
        			// if set, overrides <video height>
        			videoHeight: -1,
        			// width of audio player
        			audioWidth: 400,
        			// height of audio player
        			audioHeight: 30,
        			// initial volume when the player starts
        			startVolume: 0.8,
        			// useful for <audio> player loops
        			loop: false,
        			// enables Flash and Silverlight to resize to content size
        			enableAutosize: true,
        			// the order of controls you want on the control bar (and other plugins below)
        			features: ['playpause','progress','current','duration','tracks','volume','fullscreen'],
        			// Hide controls when playing and mouse is not over the video
        			alwaysShowControls: false,
        			// force iPad's native controls
        			iPadUseNativeControls: false,
        			// force iPhone's native controls
        			iPhoneUseNativeControls: false,
        			// force Android's native controls
        			AndroidUseNativeControls: false,
        			// forces the hour marker (##:00:00)
        			alwaysShowHours: false,
        			// show framecount in timecode (##:00:00:00)
        			showTimecodeFrameCount: false,
        			// used when showTimecodeFrameCount is set to true
        			framesPerSecond: 25,
        			// turns keyboard support on and off for this instance
        			enableKeyboard: true,
        			// when this player starts, it will pause other players
        			pauseOtherPlayers: true,
        			// array of keyboard commands
        			keyActions: []
        */
    }