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:
}
/**
* Get ready for displaying the skin.
*
* This may register some CSS or JS...
*/
function display_init()
{
// call parent:
parent::display_init();
// Add CSS:
require_css('basic_styles.css', 'blog');
// the REAL basic styles
require_css('basic.css', 'blog');
// Basic styles
require_css('blog_base.css', 'blog');
// Default styles for the blog navigation
require_css('item_base.css', 'blog');
// Default styles for the post CONTENT
require_js('ajax.js', 'blog');
require_js('functions.js');
require_js('rollovers.js');
// Make sure standard CSS is called ahead of custom CSS generated below:
require_css('style.css', 'relative');
// Width switch styles
add_headline('<link rel="stylesheet" href="style.css" type="text/css" title="fixed"/>');
add_headline('<link rel="alternate stylesheet" href="fluid.css" type="text/css" title="fluid"/>');
add_headline('<script type="text/javascript" src="rsc/js/styleswitcher.js"></script>');
// Colorbox (a lightweight Lightbox alternative) allows to zoom on images and do slideshows with groups of images:
if ($this->get_setting("colorbox")) {
require_js_helper('colorbox', 'blog');
}
}
/**
* Get ready for displaying the skin.
*
* This may register some CSS or JS...
*/
function display_init()
{
// call parent:
parent::display_init();
// Add CSS:
// fp> Note: having those here should allow
// 1) Requesting them earlier as if they are @import'ed
// 2) Allow bundling
// fp> I am not 100% sure though. Comments welcome :)
/*require_css( 'basic_styles.css', 'blog' ); // the REAL basic styles
require_css( 'basic.css', 'blog' ); // Basic styles
require_css( 'blog_base.css', 'blog' ); // Default styles for the blog navigation
require_css( 'item_base.css', 'blog' ); // Default styles for the post CONTENT
require_css( 'item.css', 'relative' );
require_css( 'style.css', 'relative' );*/
// Colorbox (a lightweight Lightbox alternative) allows to zoom on images and do slideshows with groups of images:
if ($this->get_setting('colorbox')) {
require_js_helper('colorbox', 'blog');
}
require_css('basic_styles.css', 'blog');
// the REAL basic styles
require_css('basic.css', 'blog');
// Basic styles
require_css('style.css', 'relative');
require_js('js/core.js', 'relative');
require_js('navigation.js', 'blog');
}
/**
* Get ready for displaying the skin.
*
* This may register some CSS or JS...
*/
function display_init()
{
// call parent:
parent::display_init();
// Add CSS:
require_css('basic_styles.css', 'blog');
// the REAL basic styles
require_css('basic.css', 'blog');
// Basic styles
require_css('blog_base.css', 'blog');
// Default styles for the blog navigation
require_css('item_base.css', 'blog');
// Default styles for the post CONTENT
// Make sure standard CSS is called ahead of custom CSS generated below:
require_css('style.css', true);
// Add custom CSS:
$custom_css = '';
if ($body_bg_color = $this->get_setting('body_bg_color')) {
// Custom Header background color:
$custom_css .= ' body { background-color: ' . $body_bg_color . " }\n";
}
if (!empty($custom_css)) {
$custom_css = '<style type="text/css">
<!--
' . $custom_css . ' -->
</style>';
add_headline($custom_css);
}
// Colorbox (a lightweight Lightbox alternative) allows to zoom on images and do slideshows with groups of images:
if ($this->get_setting("colorbox")) {
require_js_helper('colorbox', 'blog');
}
}
/**
* Get ready for displaying the skin.
*
* This may register some CSS or JS...
*/
function display_init()
{
// call parent:
parent::display_init();
// Add CSS:
require_css('basic_styles.css', 'blog');
// the REAL basic styles
require_css('basic.css', 'blog');
// Basic styles
require_css('blog_base.css', 'blog');
// Default styles for the blog navigation
require_css('item_base.css', 'blog');
// Default styles for the post CONTENT
require_css('rsc/css/item.css', 'relative');
require_css('rsc/css/style.css', 'relative');
// Add custom CSS:
$custom_css = '';
$html5support = '';
if ($this->get_setting('html5_support') == '1') {
// HTML5 Support
$html5support .= '
<!--[if IE]>
<script src="rsc/js/html5.js"></script>
<![endif]-->
<link rel="stylesheet" href="rsc/css/html5.css" type="text/css" />
';
}
$custom_css = '' . $html5support . "\n";
add_headline($custom_css);
// Colorbox (a lightweight Lightbox alternative) allows to zoom on images and do slideshows with groups of images:
if ($this->get_setting("colorbox")) {
require_js_helper('colorbox', 'blog');
}
}
/**
* Get ready for displaying the skin.
*
* This may register some CSS or JS...
*/
function display_init()
{
// call parent:
parent::display_init();
// Add CSS:
require_css('basic_styles.css', 'blog');
// the REAL basic styles
require_css('basic.css', 'blog');
// Basic styles
require_css('blog_base.css', 'blog');
// Default styles for the blog navigation
require_css('item_base.css', 'blog');
// Default styles for the post CONTENT
// Make sure standard CSS is called ahead of custom CSS generated below:
require_css('style.css', 'relative');
require_js('ajax.js', 'blog');
require_js('functions.js');
require_js('rollovers.js');
skin_content_header();
// Sets charset!
require_js('jquery-1.2.3.min.js');
require_js('jquery.easing.min.js');
require_js('jquery.lavalamp.min.js');
// Colorbox (a lightweight Lightbox alternative) allows to zoom on images and do slideshows with groups of images:
if ($this->get_setting("colorbox")) {
require_js_helper('colorbox', 'blog');
}
}
/**
* Get ready for displaying the skin.
*
* This may register some CSS or JS...
*/
function display_init()
{
// Request some common features that the parent function (Skin::display_init()) knows how to provide:
parent::display_init(array('b2evo_base_css', 'colorbox', 'disp_auto'));
// $this->require_css( 'style.css' );
// $this->require_css( 'item.css' );
// $this->require_css( 'evopress.bundle.css' ); // Concatenation of the above
$this->require_css('evopress.bmin.css');
// Concatenation + Minifaction of the above
// Add custom CSS:
$custom_css = '';
$head_bg_color_top = $this->get_setting('head_bg_color_top');
$head_bg_color_bottom = $this->get_setting('head_bg_color_bottom');
if (!empty($head_bg_color_top) && !empty($head_bg_color_bottom)) {
// Custom Header background color:
$custom_css .= '#headerimg {' . "\n" . 'background: linear-gradient( to bottom, ' . $head_bg_color_top . ', ' . $head_bg_color_bottom . ');' . "\n" . '}' . "\n";
}
if (!empty($custom_css)) {
$custom_css = '<style type="text/css">
<!--
' . $custom_css . ' -->
</style>';
add_headline($custom_css);
}
}
/**
* Get ready for displaying the skin.
*
* This may register some CSS or JS...
*/
function display_init()
{
// call parent:
parent::display_init();
// We pass NO params. This gives up the default Skins API v5 behavior.
require_css('item.css', 'relative');
}
/**
* Get ready for displaying the skin.
*
* This may register some CSS or JS...
*/
function display_init()
{
// call parent:
parent::display_init();
// Add CSS:
require_css('basic_styles.css', 'blog');
// the REAL basic styles
require_css('basic.css', 'blog');
// Basic styles
require_css('blog_base.css', 'blog');
// Default styles for the blog navigation
require_css('item_base.css', 'blog');
// Default styles for the post CONTENT
// Make sure standard CSS is called ahead of custom CSS generated below:
require_css('style.css', 'relative');
// Colorbox (a lightweight Lightbox alternative) allows to zoom on images and do slideshows with groups of images:
if ($this->get_setting("colorbox")) {
require_js_helper('colorbox', 'blog');
}
add_headline('<link rel="stylesheet" href="rsc/css/style.css" type="text/css" />
<link rel="alternate stylesheet" href="rsc/css/red.css" type="text/css" title="red" />
<link rel="alternate stylesheet" href="rsc/css/blue.css" type="text/css" title="blue" />
<link rel="alternate stylesheet" href="rsc/css/green.css" type="text/css" title="green" />
<link rel="alternate stylesheet" href="rsc/css/brown.css" type="text/css" title="brown" />
<link rel="alternate stylesheet" href="rsc/css/magenta.css" type="text/css" title="magenta" />');
// Add custom CSS:
$custom_css = '';
$skincolor = $this->get_setting('skin_color');
$widthstyle = '';
$html5support = '';
if ($this->get_setting('width_style') == 'fixed') {
// Fixed Layout
$widthstyle .= 'width: 950px !important; /* fixed */';
}
if ($this->get_setting('width_style') == 'fluid') {
// Fluid Layout
$widthstyle .= 'width: 90% !important; /* fluid */';
}
if ($this->get_setting('html5_support') == '1') {
// HTML5 Support
$html5support .= '
<!--[if IE]>
<script src="rsc/js/html5.js"></script>
<![endif]-->
<link rel="stylesheet" href="rsc/css/html5.css" type="text/css" />
';
}
$custom_css = '' . $html5support . '
<link rel="stylesheet" href="rsc/css/' . $skincolor . '.css" type="text/css" title="' . $skincolor . '" />
<style type="text/css">
div.widthstyle {
' . $widthstyle . '
}
</style>
';
add_headline($custom_css);
}
/**
* Get ready for displaying the skin.
*
* This may register some CSS or JS...
*/
function display_init()
{
// call parent:
parent::display_init();
// We pass NO params. This gives up the default Skins API v5 behavior.
add_js_headline('var touch_skin_switch_confirm_text = "' . TS_('Switch to regular view? \\n \\n You can switch back again in the footer.') . '";');
$this->require_js('js/core.js');
require_js('navigation.js', 'blog');
}
/**
* Get ready for displaying the skin.
*
* This may register some CSS or JS...
*/
function display_init()
{
// call parent:
parent::display_init();
// We pass NO params. This gives up the default Skins API v5 behavior.
// Add custom CSS:
$custom_css = '';
// Custom menu styles:
$custom_styles = array();
if ($bg_color = $this->get_setting('menu_bg_color')) {
// Background color:
$custom_styles[] = 'background-color: ' . $bg_color;
}
if ($text_color = $this->get_setting('menu_text_color')) {
// Text color:
$custom_styles[] = 'color: ' . $text_color;
}
if (!empty($custom_styles)) {
$custom_css .= ' div.pageHeader { ' . implode(';', $custom_styles) . " }\n";
}
// Custom page styles:
$custom_styles = array();
if ($bg_color = $this->get_setting('page_bg_color')) {
// Background color:
$custom_styles[] = 'background-color: ' . $bg_color;
}
if ($text_color = $this->get_setting('page_text_color')) {
// Text color:
$custom_styles[] = 'color: ' . $text_color;
}
if (!empty($custom_styles)) {
$custom_css .= ' body { ' . implode(';', $custom_styles) . " }\n";
}
// Custom post area styles:
$custom_styles = array();
if ($bg_color = $this->get_setting('post_bg_color')) {
// Background color:
$custom_styles[] = 'background-color: ' . $bg_color;
}
if ($text_color = $this->get_setting('post_text_color')) {
// Text color:
$custom_styles[] = 'color: ' . $text_color;
}
if (!empty($custom_styles)) {
$custom_css .= ' div.bDetails { ' . implode(';', $custom_styles) . " }\n";
}
if (!empty($custom_css)) {
$custom_css = '<style type="text/css">
<!--
' . $custom_css . ' -->
</style>';
add_headline($custom_css);
}
}
/**
* 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; }');
}
}
/**
* Get ready for displaying the skin.
*
* This may register some CSS or JS...
*/
function display_init()
{
// call parent:
parent::display_init();
// Add CSS:
require_css('basic_styles.css', 'blog');
// the REAL basic styles
require_css('basic.css', 'blog');
// Basic styles
require_css('blog_base.css', 'blog');
// Default styles for the blog navigation
require_css('item_base.css', 'blog');
// Default styles for the post CONTENT
// Make sure standard CSS is called ahead of custom CSS generated below:
require_css('style.css', true);
// Add custom CSS:
$custom_css = '';
if ($color = $this->get_setting('head_bg_color')) {
// Custom Header background color:
$custom_css .= ' div.pageHeader { background-color: ' . $color . " }\n";
}
if ($color = $this->get_setting('head_text_color')) {
// Custom Header text color:
$custom_css .= ' div.pageHeader, div.pageHeader a { color: ' . $color . " }\n";
}
if ($color = $this->get_setting('menu_bg_color')) {
// Custom Menu background color:
$custom_css .= ' div.top_menu_bg { background-color: ' . $color . " }\n";
}
if ($color = $this->get_setting('menu_text_color')) {
// Custom Menu text color:
$custom_css .= ' div.top_menu a { color: ' . $color . " }\n";
}
if ($color = $this->get_setting('footer_bg_color')) {
// Custom Footer background color:
$custom_css .= ' div#pageFooter { background-color: ' . $color . " }\n";
}
if (!empty($custom_css)) {
$custom_css = '<style type="text/css">
<!--
' . $custom_css . ' -->
</style>';
add_headline($custom_css);
}
// Colorbox (a lightweight Lightbox alternative) allows to zoom on images and do slideshows with groups of images:
if ($this->get_setting("colorbox")) {
require_js_helper('colorbox', 'blog');
}
// Functions to switch between the width sizes
require_js('#jquery#', 'blog');
require_js('widthswitcher.js', 'blog');
}
/**
* Get ready for displaying the skin.
*
* This may register some CSS or JS...
*/
function display_init()
{
// call parent:
parent::display_init();
// Add CSS:
require_css('basic_styles.css', 'blog');
// the REAL basic styles
require_css('basic.css', 'blog');
// Basic styles
require_css('blog_base.css', 'blog');
// Default styles for the blog navigation
// Colorbox (a lightweight Lightbox alternative) allows to zoom on images and do slideshows with groups of images:
if ($this->get_setting("colorbox")) {
require_js_helper('colorbox', 'blog');
}
}
/**
* 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');
}
}
/**
* Get ready for displaying the skin.
*
* This may register some CSS or JS...
*/
function display_init()
{
global $disp;
// call parent:
parent::display_init();
// Add CSS:
require_css('basic_styles.css', 'blog');
// the REAL basic styles
require_css('basic.css', 'blog');
// Basic styles
require_css('blog_base.css', 'blog');
// Default styles for the blog navigation
require_css('item_base.css', 'blog');
// Default styles for the post CONTENT
require_css('style.css', 'relative');
// Add custom CSS:
$custom_css = '';
// Colorbox (a lightweight Lightbox alternative) allows to zoom on images and do slideshows with groups of images:
if ($this->get_setting("colorbox")) {
require_js_helper('colorbox', 'blog');
}
if ($main_content_headline = $this->get_setting('main_content_headline')) {
// Custom introduction title:
$custom_css .= 'div#main h1:before { content: "' . $main_content_headline . '" }';
}
if ($main_content = $this->get_setting('main_content')) {
// Custom inroduction text:
$custom_css .= 'div#main p:before { content: "' . $main_content . '" }';
}
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);
}
}
/**
* Get ready for displaying the skin.
*
* This may register some CSS or JS...
*/
function display_init()
{
// call parent:
parent::display_init();
// We pass NO params. This gives up the default Skins API v5 behavior.
// Add custom CSS:
$custom_css = '';
if ($body_bg_color = $this->get_setting('body_bg_color')) {
// Custom Header background color:
$custom_css .= ' body { background-color: ' . $body_bg_color . " }\n";
}
if (!empty($custom_css)) {
$custom_css = '<style type="text/css">
<!--
' . $custom_css . ' -->
</style>';
add_headline($custom_css);
}
}
/**
* Get ready for displaying the skin.
*
* This may register some CSS or JS...
*/
function display_init()
{
global $disp;
// call parent:
parent::display_init();
// We pass NO params. This gives up the default Skins API v5 behavior.
// Add custom CSS:
$custom_css = '';
if ($color = $this->get_setting('head_bg_color')) {
// Custom Header background color:
$custom_css .= ' div.pageHeader { background-color: ' . $color . " }\n";
}
if ($color = $this->get_setting('head_text_color')) {
// Custom Header text color:
$custom_css .= ' div.pageHeader, div.pageHeader a { color: ' . $color . " }\n";
}
if ($color = $this->get_setting('menu_bg_color')) {
// Custom Menu background color:
$custom_css .= ' div.top_menu_bg { background-color: ' . $color . " }\n";
}
if ($color = $this->get_setting('menu_text_color')) {
// Custom Menu text color:
$custom_css .= ' div.top_menu a { color: ' . $color . " }\n";
}
if ($color = $this->get_setting('footer_bg_color')) {
// Custom Footer background color:
$custom_css .= ' div#pageFooter { background-color: ' . $color . " }\n";
}
if (!empty($custom_css)) {
$custom_css = '<style type="text/css">
<!--
' . $custom_css . ' -->
</style>';
add_headline($custom_css);
}
// Functions to switch between the width sizes
require_js('#jquery#', 'blog');
require_js('widthswitcher.js', 'blog');
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');
}
}
/**
* Get ready for displaying the skin.
*
* This may register some CSS or JS...
*/
function display_init()
{
// call parent:
parent::display_init();
// Add CSS:
require_css('basic_styles.css', 'blog');
// the REAL basic styles
require_css('basic.css', 'blog');
// Basic styles
require_css('blog_base.css', 'blog');
// Default styles for the blog navigation
require_css('item_base.css', 'blog');
// Default styles for the post CONTENT
// Make sure standard CSS is called ahead of custom CSS generated below:
require_css('style.css', 'relative');
// Colorbox (a lightweight Lightbox alternative) allows to zoom on images and do slideshows with groups of images:
if ($this->get_setting("colorbox")) {
require_js_helper('colorbox', 'blog');
}
}
/**
* Get ready for displaying the skin.
*
* This may register some CSS or JS...
*/
function display_init()
{
// 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'));
// Add CSS:
require_css('basic_styles.css', 'blog');
// the REAL basic styles
require_css('basic.css', 'blog');
// Basic styles
require_css('blog_base.css', 'blog');
// Default styles for the blog navigation
require_css('item_base.css', 'blog');
// Default styles for the post CONTENT
require_css('style.css', 'relative');
// Add custom CSS:
$custom_css = '';
// Colorbox (a lightweight Lightbox alternative) allows to zoom on images and do slideshows with groups of images:
if ($this->get_setting("colorbox")) {
require_js_helper('colorbox', 'blog');
}
}
/**
* Get ready for displaying the skin.
*
* This may register some CSS or JS...
*/
function display_init()
{
global $disp;
// Request some common features that the parent function (Skin::display_init()) knows how to provide:
parent::display_init(array('font_awesome', 'b2evo_base_css', 'colorbox', 'disp_auto'));
// require_css( 'pureforums_header.css', 'relative' );
// require_css( 'pureforums_main.css', 'relative' );
// require_css( 'pureforums_footer.css', 'relative' );
// require_css( 'pureforums.bundle.css', 'relative' ); // Concatenation of the above
require_css('pureforums.bmin.css', 'relative');
// Concatenation + Minifaction of the above
if ($this->get_setting('width_switcher')) {
// Functions to switch between the width sizes
require_js('#jquery#', 'blog');
require_js('widthswitcher.js', 'blog');
}
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');
}
}
/**
* Get ready for displaying the skin.
*
* This may register some CSS or JS...
*/
function display_init()
{
// call parent:
parent::display_init();
// Add CSS:
require_css('basic_styles.css', 'blog');
// the REAL basic styles
require_css('basic.css', 'blog');
// Basic styles
require_css('blog_base.css', 'blog');
// Default styles for the blog navigation
require_css('item_base.css', 'blog');
// Default styles for the post CONTENT
require_css('style.css', 'relative');
// Add custom CSS:
$custom_css = '';
require_css('rsc/nifty_corners.css', true, 'Nifty Corners');
require_css('rsc/nifty_print.css', true, 'Print', 'print');
require_js('rsc/nifty_corners.js', true);
$custom_js = <<<HEREDOC
\t<script type="text/javascript">
\t\t<!--
\t\twindow.onload=function()
\t\t{
\t\t\tif(!NiftyCheck())
\t\t\t\t\treturn;
\t\t\tRounded("div.outerwrap","all","transparent","#fff","");
\t\t\tRounded("div.posts","all","transparent","#fff","");
\t\t\tRounded("div.bSideBar","all","transparent","#fff","");
\t\t\tRounded("div.bTitle","top","#fff","#0099cc","smooth");
\t\t}
\t\t// -->
\t</script>
HEREDOC;
add_headline($custom_js);
// Colorbox (a lightweight Lightbox alternative) allows to zoom on images and do slideshows with groups of images:
if ($this->get_setting("colorbox")) {
require_js_helper('colorbox', 'blog');
}
}
/**
* Get ready for displaying the skin.
*
* This may register some CSS or JS...
*/
function display_init()
{
// call parent:
parent::display_init();
// Add CSS:
// fp> Note: having those here should allow
// 1) Requesting them earlier as if they are @import'ed
// 2) Allow bundling
// fp> I am not 100% sure though. Comments welcome :)
require_css('basic_styles.css', 'blog');
// the REAL basic styles
require_css('basic.css', 'blog');
// Basic styles
require_css('blog_base.css', 'blog');
// Default styles for the blog navigation
require_css('item_base.css', 'blog');
// Default styles for the post CONTENT
require_css('item.css', 'relative');
require_css('style.css', 'relative');
// Add custom CSS:
$custom_css = '';
$head_bg_color_top = $this->get_setting('head_bg_color_top');
$head_bg_color_bottom = $this->get_setting('head_bg_color_bottom');
if (!empty($head_bg_color_top) && !empty($head_bg_color_bottom)) {
// Custom Header background color:
$custom_css .= '#headerimg {' . "\n" . 'background:-webkit-linear-gradient(top, ' . $head_bg_color_top . ', ' . $head_bg_color_bottom . ');' . "\n" . 'background:-moz-linear-gradient(top, ' . $head_bg_color_top . ', ' . $head_bg_color_bottom . ');' . "\n" . 'background:-o-linear-gradient(top, ' . $head_bg_color_top . ', ' . $head_bg_color_bottom . ');' . "\n" . 'background: -ms-linear-gradient(top, ' . $head_bg_color_top . ', ' . $head_bg_color_bottom . ');' . "\n" . 'filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=\'' . $head_bg_color_top . '\', endColorstr=\'' . $head_bg_color_bottom . '\');' . "\n" . '}' . "\n";
}
if (!empty($custom_css)) {
$custom_css = '<style type="text/css">
<!--
' . $custom_css . ' -->
</style>';
add_headline($custom_css);
}
// Colorbox (a lightweight Lightbox alternative) allows to zoom on images and do slideshows with groups of images:
if ($this->get_setting("colorbox")) {
require_js_helper('colorbox', 'blog');
}
}
/**
* Get ready for displaying the skin.
*
* This may register some CSS or JS...
*/
function display_init()
{
// call parent:
parent::display_init();
require_css('basic_styles.css', 'blog');
// the REAL basic styles
require_css('basic.css', 'blog');
// Basic styles
require_css('img.css', 'blog');
// Standard image styles
require_css('blog_base.css', 'blog');
// Default styles for the blog navigation
require_css('item_base.css', 'blog');
// Default styles for the post CONTENT
require_css('forms.css', 'blog');
// Default form styles
require_css('comments.css', 'blog');
// Default comment styles
add_headline('<!--[if IE]><link rel="stylesheet" type="text/css" href="ie.css" /><![endif]-->');
if ($this->get_setting("colorbox")) {
require_js_helper('colorbox', 'blog');
}
}
/**
* 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');
}
}
/**
* 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:
// Add custom CSS:
$custom_css = '';
// Limit images by max height:
$max_image_height = intval($this->get_setting('max_image_height'));
if ($max_image_height > 0) {
$custom_css .= '.evo_image_block img { max-height: ' . $max_image_height . 'px; width: auto; }' . "\n";
}
// fp> TODO: the following code WORKS but produces UGLY CSS with tons of repetitions. It needs a full rewrite.
// ===== Custom page styles: =====
$custom_styles = array();
// Text size <=== THIS IS A WORK IN PROGRESS
if ($text_size = $this->get_setting('page_text_size')) {
$custom_styles[] = 'font-size: ' . $text_size;
}
if (!empty($custom_styles)) {
$custom_css .= ' body { ' . implode(';', $custom_styles) . " }\n";
}
$custom_styles = array();
// Text color
if ($text_color = $this->get_setting('page_text_color')) {
$custom_styles[] = 'color: ' . $text_color;
}
if (!empty($custom_styles)) {
$custom_css .= ' body { ' . implode(';', $custom_styles) . " }\n";
}
// Link color
if ($text_color = $this->get_setting('page_link_color')) {
$custom_styles[] = 'color: ' . $text_color;
}
if (!empty($custom_styles)) {
$custom_css .= ' body .container a { ' . implode(';', $custom_styles) . " }\n";
$custom_css .= ' ul li a { ' . implode(';', $custom_styles) . " }\n";
$custom_css .= "\tul li a {background-color: transparent;}\n";
$custom_css .= "\t.ufld_icon_links a {color: #fff !important;}\n";
}
// Current tab text color
if ($text_color = $this->get_setting('current_tab_text_color')) {
$custom_styles[] = 'color: ' . $text_color;
}
if (!empty($custom_styles)) {
$custom_css .= ' ul.nav.nav-tabs li a.selected { ' . implode(';', $custom_styles) . " }\n";
}
// Page background color
if ($bg_color = $this->get_setting('page_bg_color')) {
$custom_styles[] = 'background-color: ' . $bg_color;
}
if (!empty($custom_styles)) {
$custom_css .= ' body { ' . implode(';', $custom_styles) . " }\n";
}
global $thumbnail_sizes;
$posts_thumb_size = $this->get_setting('posts_thumb_size');
if (isset($thumbnail_sizes[$posts_thumb_size])) {
// Make the width of image block as fixed to don't expand it by long post title text
$custom_css .= ' .posts_list .evo_post { max-width:' . $thumbnail_sizes[$posts_thumb_size][1] . "px }\n";
// Set width & height for block with text "No pictures yet"
$custom_css .= ' .posts_list .evo_post b { width:' . ($thumbnail_sizes[$posts_thumb_size][1] - 20) . 'px;' . 'height:' . ($thumbnail_sizes[$posts_thumb_size][2] - 20) . 'px' . " }\n";
}
$single_thumb_size = $this->get_setting('single_thumb_size');
if (isset($thumbnail_sizes[$single_thumb_size])) {
// Make the width of image block as fixed to don't expand it by long post title text
$custom_css .= ' .post_images .single-image .evo_image_legend { width:' . $thumbnail_sizes[$single_thumb_size][1] . 'px; max-width:' . $thumbnail_sizes[$single_thumb_size][1] . "px }\n";
// Set width & height for block with text "No pictures yet"
/*$custom_css .= ' .posts_list .evo_post b { width:'.( $thumbnail_sizes[ $single_thumb_size ][1] - 20 ).'px;'
.'height:'.( $thumbnail_sizes[ $single_thumb_size ][2] - 20 ).'px'." }\n";*/
}
if (!empty($custom_css)) {
$custom_css = '<style type="text/css">
<!--
' . $custom_css . ' -->
</style>';
add_headline($custom_css);
}
}
/**
* 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);
}
}
/**
* 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);
}
}
/**
* 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);
}
}
/**
* Get ready for displaying the skin.
*
* This may register some CSS or JS...
*/
function display_init()
{
// call parent:
parent::display_init();
// We pass NO params. This gives up the default Skins API v5 behavior.
// Add custom CSS:
$custom_css = '';
// Custom menu styles:
$custom_styles = array();
if ($bg_color = $this->get_setting('menu_bg_color')) {
// Background color:
$custom_styles[] = 'background-color: ' . $bg_color;
}
if ($text_color = $this->get_setting('menu_text_color')) {
// Text color:
$custom_styles[] = 'color: ' . $text_color;
}
if (!empty($custom_styles)) {
$custom_css .= ' div.pageHeader { ' . implode(';', $custom_styles) . " }\n";
}
// Custom page styles:
$custom_styles = array();
if ($bg_color = $this->get_setting('page_bg_color')) {
// Background color:
$custom_styles[] = 'background-color: ' . $bg_color;
}
if ($text_color = $this->get_setting('page_text_color')) {
// Text color:
$custom_styles[] = 'color: ' . $text_color;
}
if (!empty($custom_styles)) {
$custom_css .= ' body { ' . implode(';', $custom_styles) . " }\n";
}
// Custom post area styles:
$custom_styles = array();
if ($bg_color = $this->get_setting('post_bg_color')) {
// Background color:
$custom_styles[] = 'background-color: ' . $bg_color;
}
if ($text_color = $this->get_setting('post_text_color')) {
// Text color:
$custom_styles[] = 'color: ' . $text_color;
}
if (!empty($custom_styles)) {
$custom_css .= ' div.bDetails { ' . implode(';', $custom_styles) . " }\n";
}
global $thumbnail_sizes;
$posts_thumb_size = $this->get_setting('posts_thumb_size');
if (isset($thumbnail_sizes[$posts_thumb_size])) {
// Make the width of image block as fixed to don't expand it by long post title text
$custom_css .= ' .posts_list .bPost { max-width:' . $thumbnail_sizes[$posts_thumb_size][1] . "px }\n";
// Set width & height for block with text "No pictures yet"
$custom_css .= ' .posts_list .bPost b { width:' . ($thumbnail_sizes[$posts_thumb_size][1] - 20) . 'px;' . 'height:' . ($thumbnail_sizes[$posts_thumb_size][2] - 20) . 'px' . " }\n";
}
$single_thumb_size = $this->get_setting('single_thumb_size');
if (isset($thumbnail_sizes[$single_thumb_size])) {
// Make the width of image block as fixed to don't expand it by long post title text
$custom_css .= ' .post_images .image_block .image_legend { width:' . $thumbnail_sizes[$single_thumb_size][1] . 'px; max-width:' . $thumbnail_sizes[$single_thumb_size][1] . "px }\n";
// Set width & height for block with text "No pictures yet"
/*$custom_css .= ' .posts_list .bPost b { width:'.( $thumbnail_sizes[ $single_thumb_size ][1] - 20 ).'px;'
.'height:'.( $thumbnail_sizes[ $single_thumb_size ][2] - 20 ).'px'." }\n";*/
}
if (!empty($custom_css)) {
$custom_css = '<style type="text/css">
<!--
' . $custom_css . ' -->
</style>';
add_headline($custom_css);
}
}
