Example #1
0
/**
 * Frontpage helper functions
 * Creates the custom css for the presentation page
 *
 * @package parabola
 * @subpackage Functions
 */
function parabola_presentation_css()
{
    $parabolas = parabola_get_theme_options();
    foreach ($parabolas as $key => $value) {
        ${"{$key}"} = $value;
    }
    ob_start();
    echo '<style type="text/css">';
    if ($parabola_fronthideheader) {
        ?>
 #branding {display: none;} <?php 
    }
    if ($parabola_fronthidemenu) {
        ?>
 #access, .topmenu {display: none;} <?php 
    }
    if ($parabola_fronthidewidget) {
        ?>
 #colophon {display: none;} <?php 
    }
    if ($parabola_fronthidefooter) {
        ?>
 #footer2 {display: none;} <?php 
    }
    if ($parabola_fronthideback) {
        ?>
 #main {background: none;} <?php 
    }
    ?>

.slider-wrapper {
	max-width: <?php 
    echo $parabola_fpsliderwidth;
    ?>
px ; }

#slider{
	max-width: <?php 
    echo $parabola_fpsliderwidth - 14;
    ?>
px ;
	height: <?php 
    echo $parabola_fpsliderheight - 14;
    ?>
px ;
<?php 
    if ($parabola_fpsliderbordercolor) {
        ?>
 border:7px solid <?php 
        echo $parabola_fpsliderbordercolor;
        ?>
; <?php 
    }
    ?>
 }

#front-text1 h1, #front-text2 h1{
	color: <?php 
    echo $parabola_fronttitlecolor;
    ?>
; }

#front-columns > div {
	width: <?php 
    switch ($parabola_nrcolumns) {
        case 0:
            break;
        case 1:
            echo "100";
            break;
        case 2:
            echo "49";
            break;
        case 3:
            echo "32";
            break;
        case 4:
            echo "23.5";
            break;
    }
    ?>
%; }

#front-columns > div#column<?php 
    echo $parabola_nrcolumns;
    ?>
 { margin-right: 0; }

.column-image img {	height:<?php 
    echo $parabola_colimageheight;
    ?>
px;}

.nivo-caption { background-color: rgba(<?php 
    echo cryout_hex2rgb($parabola_fpslidercaptionbg);
    ?>
,0.7); }
.nivo-caption, .nivo-caption a { color: <?php 
    echo $parabola_fpslidercaptioncolor;
    ?>
; }
.theme-default .nivoSlider { background-color: <?php 
    echo $parabola_fpsliderbordercolor;
    ?>
; }
.theme-default .nivo-controlNav:before, .theme-default .nivo-controlNav:after { border-top-color:<?php 
    echo $parabola_fpsliderbordercolor;
    ?>
; }
.theme-default .nivo-controlNav { background-color:<?php 
    echo $parabola_fpsliderbordercolor;
    ?>
; }
.slider-bullets .nivo-controlNav a { background-color: <?php 
    echo $parabola_sidetitlebg;
    ?>
; }
.slider-bullets .nivo-controlNav a:hover { background-color: <?php 
    echo $parabola_menucolorbgdefault;
    ?>
; }
.slider-bullets .nivo-controlNav a.active {background-color: <?php 
    echo $parabola_accentcolora;
    ?>
; }
.slider-numbers .nivo-controlNav a { color:<?php 
    echo $parabola_sidetitlebg;
    ?>
; background-color:<?php 
    echo $parabola_backcolormain;
    ?>
;}
.slider-numbers .nivo-controlNav a:hover { color: <?php 
    echo $parabola_menucolorbgdefault;
    ?>
;  background-color:<?php 
    echo $parabola_contentcolorbg;
    ?>
 }
.slider-numbers .nivo-controlNav a.active { color:<?php 
    echo $parabola_accentcolora;
    ?>
;}

.column-image h3{ color: <?php 
    echo $parabola_contentcolortxt;
    ?>
; background-color: rgba(<?php 
    echo cryout_hex2rgb($parabola_contentcolorbg);
    ?>
,0.6); }
.columnmore { background-color: <?php 
    echo $parabola_backcolormain;
    ?>
; }
.columnmore:before { border-bottom-color: <?php 
    echo $parabola_backcolormain;
    ?>
; }
#front-columns h3.column-header-noimage { background: <?php 
    echo $parabola_contentcolorbg;
    ?>
; }

<?php 
    echo '</style>';
    $parabola_presentation_page_styling = ob_get_contents();
    ob_end_clean();
    return $parabola_presentation_page_styling;
}
Example #2
0
function parabola_custom_styles()
{
    $parabolas = parabola_get_theme_options();
    foreach ($parabolas as $key => $value) {
        ${"{$key}"} = esc_attr($value);
    }
    $totalwidth = $parabola_sidewidth + $parabola_sidebar;
    $contentSize = $parabola_sidewidth;
    $sidebarSize = $parabola_sidebar;
    ob_start();
    ?>
<style type="text/css">
<?php 
    ////////// LAYOUT DIMENSIONS. //////////
    ?>
#header, #main, .topmenu, #colophon, #footer2-inner { <?php 
    echo $parabola_mobile == 'Enable' ? 'max-' : '';
    ?>
width: <?php 
    echo $totalwidth;
    ?>
px; }
<?php 
    ////////// COLUMNS //////////
    $colPadding = 20;
    ?>
#container.one-column { }
#container.two-columns-right #secondary { width:<?php 
    echo $sidebarSize;
    ?>
px; float:right; }
#container.two-columns-right #content { width:<?php 
    echo $contentSize - $colPadding;
    ?>
px; float:left; } /*fallback*/
#container.two-columns-right #content { width:calc(100% - <?php 
    echo $sidebarSize + $colPadding;
    ?>
px); float:left; }
#container.two-columns-left #primary { width:<?php 
    echo $sidebarSize;
    ?>
px; float:left; }
#container.two-columns-left #content { width:<?php 
    echo $contentSize - $colPadding;
    ?>
px; float:right; } /*fallback*/
#container.two-columns-left #content { 	width:-moz-calc(100% - <?php 
    echo $sidebarSize + $colPadding;
    ?>
px); float:right; 
										width:-webkit-calc(100% - <?php 
    echo $sidebarSize + $colPadding;
    ?>
px); 
										width:calc(100% - <?php 
    echo $sidebarSize + $colPadding;
    ?>
px); }

#container.three-columns-right .sidey { width:<?php 
    echo $sidebarSize / 2;
    ?>
px; float:left; }
#container.three-columns-right #primary { margin-left:<?php 
    echo $colPadding;
    ?>
px; margin-right:<?php 
    echo $colPadding;
    ?>
px; }
#container.three-columns-right #content { width:<?php 
    echo $contentSize - $colPadding * 2;
    ?>
px; float:left; } /*fallback*/
#container.three-columns-right #content { 	width:-moz-calc(100% - <?php 
    echo $sidebarSize + $colPadding * 2;
    ?>
px); float:left;
											width:-webkit-calc(100% - <?php 
    echo $sidebarSize + $colPadding * 2;
    ?>
px);
											width:calc(100% - <?php 
    echo $sidebarSize + $colPadding * 2;
    ?>
px);}
											
#container.three-columns-left .sidey { width:<?php 
    echo $sidebarSize / 2;
    ?>
px; float:left; }
#container.three-columns-left #secondary {margin-left:<?php 
    echo $colPadding;
    ?>
px; margin-right:<?php 
    echo $colPadding;
    ?>
px; }
#container.three-columns-left #content { width:<?php 
    echo $contentSize - $colPadding * 2;
    ?>
px; float:right;} /*fallback*/
#container.three-columns-left #content { width:-moz-calc(100% - <?php 
    echo $sidebarSize + $colPadding * 2;
    ?>
px); float:right;
										 width:-webkit-calc(100% - <?php 
    echo $sidebarSize + $colPadding * 2;
    ?>
px);
										 width:calc(100% - <?php 
    echo $sidebarSize + $colPadding * 2;
    ?>
px); }

#container.three-columns-sided .sidey { width:<?php 
    echo $sidebarSize / 2;
    ?>
px; float:left; }
#container.three-columns-sided #secondary { float:right; }
#container.three-columns-sided #content { width:<?php 
    echo $contentSize - $colPadding * 2;
    ?>
px; float:right; /*fallback*/
										  width:-moz-calc(100% - <?php 
    echo $sidebarSize + $colPadding * 2;
    ?>
px); float:right;
										  width:-webkit-calc(100% - <?php 
    echo $sidebarSize + $colPadding * 2;
    ?>
px); float:right;
										  width:calc(100% - <?php 
    echo $sidebarSize + $colPadding * 2;
    ?>
px); float:right;
		                                  margin: 0 <?php 
    echo $sidebarSize / 2 + $colPadding;
    ?>
px 0 <?php 
    echo -($contentSize + $sidebarSize);
    ?>
px; }

<?php 
    ////////// FONTS //////////
    $parabola_googlefont = str_replace('+', ' ', preg_replace('/:.*/i', '', $parabola_googlefont));
    $parabola_googlefonttitle = str_replace('+', ' ', preg_replace('/:.*/i', '', $parabola_googlefonttitle));
    $parabola_googlefontside = str_replace('+', ' ', preg_replace('/:.*/i', '', $parabola_googlefontside));
    $parabola_headingsgooglefont = str_replace('+', ' ', preg_replace('/:.*/i', '', $parabola_headingsgooglefont));
    $parabola_sitetitlegooglefont = str_replace('+', ' ', preg_replace('/:.*/i', '', $parabola_sitetitlegooglefont));
    $parabola_menugooglefont = str_replace('+', ' ', preg_replace('/:.*/i', '', $parabola_menugooglefont));
    ?>
body { font-family: <?php 
    echo !$parabola_googlefont ? $parabola_fontfamily : "\"{$parabola_googlefont}\"";
    ?>
; }
#content h1.entry-title a, #content h2.entry-title a, #content h1.entry-title , #content h2.entry-title {
		font-family: <?php 
    echo !$parabola_googlefonttitle ? $parabola_fonttitle == 'General Font' ? 'inherit' : $parabola_fonttitle : "\"{$parabola_googlefonttitle}\"";
    ?>
; }
.widget-title, .widget-title a { line-height: normal;
		font-family: <?php 
    echo !$parabola_googlefontside ? $parabola_fontside == 'General Font' ? 'inherit' : $parabola_fontside : "\"{$parabola_googlefontside}\"";
    ?>
;  }
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, #comments #reply-title  {
		font-family: <?php 
    echo !$parabola_headingsgooglefont ? $parabola_headingsfont == 'General Font' ? 'inherit' : $parabola_headingsfont : "\"{$parabola_headingsgooglefont}\"";
    ?>
; }
#site-title span a {
		font-family: <?php 
    echo !$parabola_sitetitlegooglefont ? $parabola_sitetitlefont == 'General Font' ? 'inherit' : $parabola_sitetitlefont : "\"{$parabola_sitetitlegooglefont}\"";
    ?>
; }
#access ul li a, #access ul li a span {
		font-family: <?php 
    echo !$parabola_menugooglefont ? $parabola_menufont == 'General Font' ? 'inherit' : $parabola_menufont : "\"{$parabola_menugooglefont}\"";
    ?>
; }

<?php 
    ////////// COLORS //////////
    ?>
body { color: <?php 
    echo $parabola_contentcolortxt;
    ?>
; background-color: <?php 
    echo $parabola_backcolormain;
    ?>
 }
a { color: <?php 
    echo $parabola_linkcolortext;
    ?>
; }
a:hover { color: <?php 
    echo $parabola_linkcolorhover;
    ?>
; }
#header-full { background-color: <?php 
    echo $parabola_backcolorheader;
    ?>
; }
#site-title span a { color:<?php 
    echo $parabola_titlecolor;
    ?>
; }
#site-description { color:<?php 
    echo $parabola_descriptioncolor;
    ?>
; <?php 
    if (cryout_hex2rgb($parabola_descriptionbg)) {
        ?>
background-color: rgba(<?php 
        echo cryout_hex2rgb($parabola_descriptionbg);
        ?>
,0.3); padding-left: 6px; <?php 
    }
    ?>
}

.socials a { background-color: <?php 
    echo $parabola_accentcolora;
    ?>
; }
.socials-hover { background-color: <?php 
    echo $parabola_menucolorbgdefault;
    ?>
; }
.breadcrumbs:before { border-color: transparent transparent transparent <?php 
    echo $parabola_contentcolortxt;
    ?>
; }

#access a, #nav-toggle span { color: <?php 
    echo $parabola_menucolortxtdefault;
    ?>
; background-color: <?php 
    echo $parabola_menucolorbgdefault;
    ?>
; }
<?php 
    if ($parabola_mobile == "Enable") {
        ?>
@media (max-width: 650px) { #access, #nav-toggle { background-color: <?php 
        echo $parabola_menucolorbgdefault;
        ?>
; } }
<?php 
    }
    ?>
#access a:hover { color: <?php 
    echo $parabola_menucolortxthover;
    ?>
; background-color: <?php 
    echo $parabola_menucolorbghover;
    ?>
; }
#access > .menu > ul > li > a:after, #access > .menu > ul ul:after { border-color: transparent transparent <?php 
    echo $parabola_accentcolora;
    ?>
 transparent; }
#access ul li:hover a:after { border-bottom-color:<?php 
    echo $parabola_accentcolorb;
    ?>
;}
#access ul li.current_page_item > a, #access ul li.current-menu-item > a,
/*#access ul li.current_page_parent > a, #access ul li.current-menu-parent > a,*/
#access ul li.current_page_ancestor > a, #access ul li.current-menu-ancestor > a {
      color: <?php 
    echo $parabola_menucolortxtactive;
    ?>
; background-color: <?php 
    echo $parabola_menucolorbgactive;
    ?>
; }
#access ul li.current_page_item > a:hover, #access ul li.current-menu-item > a:hover,
/*#access ul li.current_page_parent > a:hover, #access ul li.current-menu-parent > a:hover,*/
#access ul li.current_page_ancestor > a:hover, #access ul li.current-menu-ancestor > a:hover {
      color: <?php 
    echo $parabola_menucolortxthover;
    ?>
; }
<?php 
    if (cryout_hex2rgb($parabola_menucolorshadow)) {
        ?>
#access ul ul { box-shadow: 3px 3px 0 rgba(<?php 
        echo cryout_hex2rgb($parabola_menucolorshadow);
        ?>
,0.3); }<?php 
    }
    ?>

<?php 
    if ($parabola_topmenucolorbg) {
        ?>
.topmenu ul li { background-color:  <?php 
        echo $parabola_topmenucolorbg;
        ?>
; } 
<?php 
    }
    ?>
.topmenu ul li a { color: <?php 
    echo $parabola_topmenucolortxt;
    ?>
; }
.topmenu ul li a:before { border-color: <?php 
    echo $parabola_accentcolora;
    ?>
 transparent transparent transparent; }
.topmenu ul li a:hover:before{border-top-color:<?php 
    echo $parabola_accentcolorb;
    ?>
}
.topmenu ul li a:hover { color: <?php 
    echo $parabola_topmenucolortxthover;
    ?>
; background-color: <?php 
    echo $parabola_topmenucolorbghover;
    ?>
; }

div.post, div.page, div.hentry, div.product, div[class^='post-'],
#comments, .comments, .column-text, .column-image, #srights, #slefts, #frontpage blockquote, .page-title, .page-header, article.post, article.page, article.hentry,
.contentsearch, #author-info, #nav-below, .yoyo > li, .woocommerce #mainwoo
     { background-color: <?php 
    echo $parabola_contentcolorbg;
    ?>
; }
div.post, div.page, div.hentry, .sidey .widget-container, #comments, .commentlist .comment-body, article.post, article.page, article.hentry, #nav-below, .page-header, .yoyo > li
     { border-color: <?php 
    echo $parabola_accentcolorc;
    ?>
; }
#author-info, #entry-author-info { border-color: <?php 
    echo $parabola_accentcolore;
    ?>
; }
#entry-author-info #author-avatar, #author-info #author-avatar { border-color: <?php 
    echo $parabola_accentcolorc;
    ?>
; }
<?php 
    if (cryout_hex2rgb($parabola_accentcolorb)) {
        ?>
article.sticky { box-shadow:0 0 1px rgba(<?php 
        echo cryout_hex2rgb($parabola_accentcolorb);
        ?>
,1) inset; border-color:<?php 
        echo $parabola_contentcolorbg;
        ?>
} <?php 
    }
    ?>

.sidey .widget-container { color: <?php 
    echo $parabola_sidetxt;
    ?>
; background-color: <?php 
    echo $parabola_sidebg;
    ?>
; }
.sidey .widget-title { color: <?php 
    echo $parabola_sidetitletxt;
    ?>
; background-color: <?php 
    echo $parabola_sidetitlebg;
    ?>
; }
.sidey .widget-title:after { border-color: transparent transparent <?php 
    echo $parabola_accentcolora;
    ?>
; }

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
     color: <?php 
    echo $parabola_contentcolortxtheadings;
    ?>
; }
.entry-title, .entry-title a, .page-title { color: <?php 
    echo $parabola_contentcolortxttitle;
    ?>
; }
.entry-title a:hover { color: <?php 
    echo $parabola_contentcolortxttitlehover;
    ?>
; }
#content h3.entry-format { color: <?php 
    echo $parabola_menucolortxtdefault;
    ?>
; background-color: <?php 
    echo $parabola_menucolorbgdefault;
    ?>
; border-color: <?php 
    echo $parabola_menucolorbgdefault;
    ?>
; }
#content h3.entry-format { color: <?php 
    echo $parabola_menucolortxtdefault;
    ?>
; background-color: <?php 
    echo $parabola_menucolorbgdefault;
    ?>
; border-color: <?php 
    echo $parabola_menucolorbgdefault;
    ?>
; }
.comments-link { background-color: <?php 
    echo $parabola_accentcolore;
    ?>
; }
.comments-link:before { border-color: <?php 
    echo $parabola_accentcolore;
    ?>
 transparent transparent; }

#footer { color: <?php 
    echo $parabola_footercolortxt;
    ?>
; background-color: <?php 
    echo $parabola_backcolorfooterw;
    ?>
; }
#footer2 { color: <?php 
    echo $parabola_footercolortxt;
    ?>
; background-color: <?php 
    echo $parabola_backcolorfooter;
    ?>
;
		   <?php 
    if (cryout_hex2rgb($parabola_contentcolorbg)) {
        ?>
border-color:rgba(<?php 
        echo cryout_hex2rgb($parabola_contentcolorbg);
        ?>
,.1); <?php 
    }
    ?>
  }
#footer a { color: <?php 
    echo $parabola_linkcolorwooter;
    ?>
; }
#footer a:hover { color: <?php 
    echo $parabola_linkcolorwooterhover;
    ?>
; }
#footer2 a { color: <?php 
    echo $parabola_linkcolorfooter;
    ?>
; }
#footer2 a:hover { color: <?php 
    echo $parabola_linkcolorfooterhover;
    ?>
; }
#footer .widget-container { color: <?php 
    echo $parabola_widgettxt;
    ?>
; background-color: <?php 
    echo $parabola_widgetbg;
    ?>
; }
#footer .widget-title { color: <?php 
    echo $parabola_widgettitletxt;
    ?>
; background-color: <?php 
    echo $parabola_widgettitlebg;
    ?>
; }
#footer .widget-title:after { border-color: transparent transparent <?php 
    echo $parabola_accentcolora;
    ?>
; }

.footermenu ul li a:after { border-color: transparent transparent <?php 
    echo $parabola_accentcolora;
    ?>
 transparent; }

a.continue-reading-link { color:<?php 
    echo $parabola_menucolortxtdefault;
    ?>
 !important; background:<?php 
    echo $parabola_menucolorbgdefault;
    ?>
; border-color:#<?php 
    echo $parabola_accentcolorc;
    ?>
; }
a.continue-reading-link:hover { background-color:<?php 
    echo $parabola_accentcolora;
    ?>
; }

.file, .button, #respond .form-submit input#submit {
	background-color: <?php 
    echo $parabola_contentcolorbg;
    ?>
;
	border-color: <?php 
    echo $parabola_accentcolord;
    ?>
;
    box-shadow: 0 -10px 10px 0 <?php 
    echo $parabola_accentcolore;
    ?>
 inset; }
.file:hover, .button:hover, #respond .form-submit input#submit:hover {
	background-color: <?php 
    echo $parabola_accentcolore;
    ?>
; }
.entry-content tr th, .entry-content thead th {
	color: <?php 
    echo $parabola_contentcolorbg;
    ?>
;
	background-color: <?php 
    echo $parabola_contentcolortxtheadings;
    ?>
; }
.entry-content fieldset, #content tr td { border-color: <?php 
    echo $parabola_accentcolord;
    ?>
; }
hr { background-color: <?php 
    echo $parabola_accentcolord;
    ?>
; }
input[type="text"], input[type="password"], input[type="email"], input[type="file"], textarea, select,
input[type="color"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="month"],input[type="number"],input[type="range"],
input[type="search"],input[type="tel"],input[type="time"],input[type="url"],input[type="week"] {
	background-color: <?php 
    echo $parabola_accentcolore;
    ?>
;
    border-color: <?php 
    echo $parabola_accentcolord;
    ?>
 <?php 
    echo $parabola_accentcolorc;
    ?>
 <?php 
    echo $parabola_accentcolorc;
    ?>
 <?php 
    echo $parabola_accentcolord;
    ?>
;
	color: <?php 
    echo $parabola_contentcolortxt;
    ?>
; }
input[type="submit"], input[type="reset"] {
	color: <?php 
    echo $parabola_contentcolortxt;
    ?>
;
	background-color: <?php 
    echo $parabola_contentcolorbg;
    ?>
;
	border-color: <?php 
    echo $parabola_accentcolord;
    ?>
;
	box-shadow: 0 -10px 10px 0 <?php 
    echo $parabola_accentcolore;
    ?>
 inset; }
input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover, textarea:hover,
input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="range"]:hover,
input[type="search"]:hover, input[type="tel"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover {
	<?php 
    if (cryout_hex2rgb($parabola_accentcolore)) {
        ?>
background-color: rgb(<?php 
        echo cryout_hex2rgb($parabola_accentcolore);
        ?>
); background-color: rgba(<?php 
        echo cryout_hex2rgb($parabola_accentcolore);
        ?>
,0.4); <?php 
    }
    ?>
 }
.entry-content code {
	border-color: <?php 
    echo $parabola_accentcolord;
    ?>
;
	background-color: <?php 
    echo $parabola_accentcolore;
    ?>
; }
.entry-content pre { background-color: <?php 
    echo $parabola_accentcolore;
    ?>
; }
.entry-content blockquote {
	border-color: <?php 
    echo $parabola_accentcolora;
    ?>
;
	background-color: <?php 
    echo $parabola_accentcolore;
    ?>
; }
abbr, acronym { border-color: <?php 
    echo $parabola_contentcolortxt;
    ?>
; }
span.edit-link {
	color: <?php 
    echo $parabola_contentcolortxt;
    ?>
;
	background-color: <?php 
    echo $parabola_accentcolorc;
    ?>
;
	border-color: <?php 
    echo $parabola_accentcolore;
    ?>
;  }
.meta-border .entry-meta span, .meta-border .entry-utility span.bl_posted {
	border-color: <?php 
    echo $parabola_accentcolore;
    ?>
; }
.meta-accented .entry-meta span, .meta-accented .entry-utility span.bl_posted {
	background-color: <?php 
    echo $parabola_accentcolorc;
    ?>
;
	border-color: <?php 
    echo $parabola_accentcolore;
    ?>
; }
.comment-meta a { color: <?php 
    echo $parabola_contentcolortxt;
    ?>
; }
.comment-author { background-color: <?php 
    echo $parabola_accentcolore;
    ?>
; }
.comment-details:after { border-color: transparent transparent transparent <?php 
    echo $parabola_accentcolore;
    ?>
; }
#respond .form-allowed-tags { color: <?php 
    echo $parabola_contentcolortxtlight;
    ?>
; }
.reply a { background-color: <?php 
    echo $parabola_accentcolore;
    ?>
; border-color: <?php 
    echo $parabola_accentcolorc;
    ?>
; }
.reply a:hover { background-color: <?php 
    echo $parabola_menucolorbgdefault;
    ?>
;color: <?php 
    echo $parabola_linkcolortext;
    ?>
; }

.nav-next a:hover {
 background:-moz-linear-gradient(left,  <?php 
    echo $parabola_contentcolorbg;
    ?>
, <?php 
    echo $parabola_accentcolore;
    ?>
);
 background:-webkit-linear-gradient(left,  <?php 
    echo $parabola_contentcolorbg;
    ?>
, <?php 
    echo $parabola_accentcolore;
    ?>
);
 background:-ms-linear-gradient(left,  <?php 
    echo $parabola_contentcolorbg;
    ?>
, <?php 
    echo $parabola_accentcolore;
    ?>
);
 background:-o-linear-gradient(left,  <?php 
    echo $parabola_contentcolorbg;
    ?>
, <?php 
    echo $parabola_accentcolore;
    ?>
);
 background:linear-gradient(left,  <?php 
    echo $parabola_contentcolorbg;
    ?>
, <?php 
    echo $parabola_accentcolore;
    ?>
); }
.nav-previous a:hover {
 background: -moz-linear-gradient(left, <?php 
    echo $parabola_accentcolore;
    ?>
,  <?php 
    echo $parabola_contentcolorbg;
    ?>
);
 background: -webkit-linear-gradient(left, <?php 
    echo $parabola_accentcolore;
    ?>
,  <?php 
    echo $parabola_contentcolorbg;
    ?>
);
 background: -ms-linear-gradient(left, <?php 
    echo $parabola_accentcolore;
    ?>
,  <?php 
    echo $parabola_contentcolorbg;
    ?>
);
 background: -o-linear-gradient(left, <?php 
    echo $parabola_accentcolore;
    ?>
,  <?php 
    echo $parabola_contentcolorbg;
    ?>
);
 background: linear-gradient(left, <?php 
    echo $parabola_accentcolore;
    ?>
,  <?php 
    echo $parabola_contentcolorbg;
    ?>
); }
.pagination .current { font-weight: bold; }
.pagination span, .pagination a { background-color: <?php 
    echo $parabola_contentcolorbg;
    ?>
; }
.pagination a:hover { background-color: <?php 
    echo $parabola_menucolorbgdefault;
    ?>
;color:<?php 
    echo $parabola_linkcolortext;
    ?>
}
.page-link em {background-color: <?php 
    echo $parabola_menucolorbgdefault;
    ?>
; color:<?php 
    echo $parabola_menucolortxtdefault;
    ?>
; color:<?php 
    echo $parabola_accentcolora;
    ?>
;}
.page-link a em {color:<?php 
    echo $parabola_accentcolorb;
    ?>
;}
.page-link a:hover em {background-color:<?php 
    echo $parabola_menucolorbghover;
    ?>
;}

#searchform input[type="text"] {color:<?php 
    echo $parabola_contentcolortxtlight;
    ?>
;}
#toTop {border-color:transparent transparent <?php 
    echo $parabola_backcolorfooter;
    ?>
;}
#toTop:after {border-color:transparent transparent <?php 
    echo $parabola_contentcolorbg;
    ?>
;}
#toTop:hover:after {border-bottom-color:<?php 
    echo $parabola_accentcolora;
    ?>
;}

.caption-accented .wp-caption {<?php 
    if (cryout_hex2rgb($parabola_accentcolora)) {
        ?>
 background-color:rgb(<?php 
        echo cryout_hex2rgb($parabola_accentcolora);
        ?>
); background-color:rgba(<?php 
        echo cryout_hex2rgb($parabola_accentcolora);
        ?>
,0.8); <?php 
    }
    ?>
	color:<?php 
    echo $parabola_contentcolorbg;
    ?>
}

.meta-themed .entry-meta span { color: <?php 
    echo $parabola_contentcolortxtlight;
    ?>
; background-color: <?php 
    echo $parabola_accentcolore;
    ?>
; border-color: <?php 
    echo $parabola_accentcolorc;
    ?>
; }
.meta-themed .entry-meta span:hover { background-color: <?php 
    echo $parabola_accentcolorc;
    ?>
; }
.meta-themed .entry-meta span a:hover { color: <?php 
    echo $parabola_contentcolortxt;
    ?>
; }

<?php 
    ////////// LAYOUT //////////
    ?>
#content p, #content ul, #content ol, #content, #frontpage blockquote { text-align:<?php 
    echo $parabola_textalign;
    ?>
 ; }
#content p, #content ul, #content ol, .widget-area, .widget-area a, table, table td {
                                font-size:<?php 
    echo $parabola_fontsize;
    ?>
;
								word-spacing:<?php 
    echo $parabola_wordspace;
    ?>
; letter-spacing:<?php 
    echo $parabola_letterspace;
    ?>
; }
#content p, #content ul, #content ol,  .widget-area, .widget-area a { line-height:<?php 
    echo $parabola_lineheight;
    ?>
; }
<?php 
    if ($parabola_uppercasetext == 0) {
        ?>
 #site-title a, #site-description, #access a, .topmenu ul li a, .footermenu a, .entry-meta span, .entry-utility span, #content h3.entry-format,
span.edit-link, h3#comments-title, h3#reply-title, .comment-author cite, .reply a, .widget-title, #site-info a, .nivo-caption h2, a.continue-reading-link,
.column-image h3, #front-columns h3.column-header-noimage, .tinynav, .page-link  { text-transform: none; }<?php 
    }
    if ($parabola_hcenter) {
        ?>
 #bg_image {display:block;margin:0 auto;} <?php 
    }
    ?>
#content h1.entry-title, #content h2.entry-title { font-size:<?php 
    echo $parabola_headfontsize;
    ?>
 ;}
.widget-title, .widget-title a { font-size:<?php 
    echo $parabola_sidefontsize;
    ?>
 ;}
<?php 
    $font_root = 36;
    for ($i = 1; $i <= 6; $i++) {
        echo "#content .entry-content h{$i} { font-size: ";
        echo round(($font_root - 4 * $i) * (preg_replace("/[^\\d]/", "", $parabola_headingsfontsize) / 100), 0);
        echo "px;} ";
    }
    ?>
#site-title span a { font-size:<?php 
    echo $parabola_sitetitlesize;
    ?>
 ;}
#access ul li a { font-size:<?php 
    echo $parabola_menufontsize;
    ?>
 ;}
#access ul ul ul a {font-size:<?php 
    echo absint($parabola_menufontsize) - 2;
    ?>
px;}
<?php 
    /*if ($parabola_postseparator == "Show") { ?> article.post, article.page { padding-bottom: 10px; border-bottom: 3px solid #EEE; } <?php }*/
    if ($parabola_contentlist == "Hide") {
        ?>
 #content ul li { background-image: none; padding-left: 0; } <?php 
    }
    if ($parabola_comtext == "Hide") {
        ?>
 #respond .form-allowed-tags { display:none;} <?php 
    }
    switch ($parabola_comclosed) {
        case "Hide in posts":
            ?>
 .nocomments { display:none;} <?php 
            break;
        case "Hide in pages":
            ?>
 .nocomments2 {display:none;} <?php 
            break;
        case "Hide everywhere":
            ?>
 .nocomments, .nocomments2 {display:none;} <?php 
            break;
    }
    //switch
    if ($parabola_comoff == "Hide") {
        ?>
 .comments-link span { display:none;} <?php 
    }
    if ($parabola_tables == "Enable") {
        ?>
		#content table {border:none;} #content tr {background:none;} #content table {border:none;}
		#content tr th, #content thead th {background:none;} #content tr td {border:none;}
<?php 
    }
    if ($parabola_headingsindent == "Enable") {
        ?>
		#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { margin-left:20px;}
		.sticky hgroup { padding-left: 15px;}
<?php 
    }
    ?>
#header-container > div { margin:<?php 
    echo $parabola_headermargintop;
    ?>
px 0 0 <?php 
    echo $parabola_headermarginleft;
    ?>
px;}
<?php 
    if ($parabola_pagetitle == "Hide") {
        ?>
 .page h1.entry-title, .home .page h2.entry-title { display:none; } <?php 
    }
    if ($parabola_categtitle == "Hide") {
        ?>
 header.page-header, .archive h1.page-title { display:none; }  <?php 
    }
    if ($parabola_postcomlink == "Hide") {
        ?>
article.post .comments-link { display:none; } <?php 
    }
    if ($parabola_postauthor == "Hide") {
        ?>
.entry-meta .author { display:none; } <?php 
    }
    if ($parabola_postcateg == "Hide") {
        ?>
.entry-meta span.bl_categ { display:none; } <?php 
    }
    if ($parabola_posttag == "Hide") {
        ?>
 .entry-meta .footer-tags, .entry-utility .footer-tags { display:none; } <?php 
    }
    if ($parabola_postbook == "Hide") {
        ?>
 .entry-utility span.bl_bookmark { display:none; } <?php 
    }
    ?>
#content p, #content ul, #content ol, #content dd, #content pre, #content hr { margin-bottom: <?php 
    echo $parabola_paragraphspace;
    ?>
; } 
<?php 
    if ($parabola_parindent != "0px") {
        ?>
 #content p { text-indent:<?php 
        echo $parabola_parindent;
        ?>
;} <?php 
    }
    if ($parabola_postmetas == "Hide") {
        ?>
 #content div.entry-meta { display:none; } <?php 
    }
    if ($parabola_triangles == 0) {
        ?>
	.topmenu ul li a:before, #access > .menu > ul > li > a:after, #access > .menu > ul ul:after,
	.widget-title:after, .footermenu ul li a:after	{ display: none; } <?php 
    }
    switch ($parabola_menualign) {
        case "center":
            ?>
 #access > .menu > ul { display: table; margin: 0 auto; text-align: center; } #access > .menu > ul > li { display: inline-block; float: initial; }
			              #access > .menu > ul > * { text-align: initial; } <?php 
            break;
        case "right":
            ?>
 #access > .menu > ul { float: right; } <?php 
            break;
        case "rightmulti":
            ?>
 #access ul li { float: right; } <?php 
            break;
        default:
            break;
    }
    ?>
#header-widget-area { width: <?php 
    echo $parabola_headerwidgetwidth;
    ?>
; }
<?php 
    ////////// HEADER IMAGE //////////
    ?>
#branding { height:<?php 
    echo HEADER_IMAGE_HEIGHT;
    ?>
px; }
<?php 
    if ($parabola_hratio) {
        ?>
 @media (max-width: 1920px) {#branding, #bg_image { height:auto; max-width:100%; min-height:inherit !important; } }	<?php 
    }
    ?>
</style>
<?php 
    $parabola_custom_styling = ob_get_contents();
    ob_end_clean();
    return $parabola_custom_styling;
}
/**
 * Frontpage helper functions
 * Creates the custom css for the presentation page
 *
 * @package tempera
 * @subpackage Functions
 */
function tempera_presentation_css()
{
    $temperas = tempera_get_theme_options();
    foreach ($temperas as $key => $value) {
        ${"{$key}"} = $value;
    }
    ob_start();
    echo '<style type="text/css">';
    if ($tempera_fronthideheader) {
        ?>
 #branding {display: none;} <?php 
    }
    if ($tempera_fronthidemenu) {
        ?>
 #access, .topmenu {display: none;} <?php 
    }
    if ($tempera_fronthidewidget) {
        ?>
 #colophon {display: none;} <?php 
    }
    if ($tempera_fronthidefooter) {
        ?>
 #footer2 {display: none;} <?php 
    }
    if ($tempera_fronthideback) {
        ?>
 #main {background: none;} <?php 
    }
    if ($tempera_fpslider_topmargin) {
        ?>
 .slider-wrapper {padding-top: <?php 
        echo $tempera_fpslider_topmargin;
        ?>
px;} <?php 
    }
    ?>

.slider-wrapper {
	max-width: <?php 
    echo $tempera_fpsliderwidth;
    ?>
px ;
	max-height: <?php 
    echo $tempera_fpsliderheight;
    ?>
px ;
	}
.slider-shadow {
	/* width: <?php 
    echo $tempera_fpsliderwidth;
    ?>
px ; */
	}
#slider{
	max-width: <?php 
    echo $tempera_fpsliderwidth;
    ?>
px ;
	max-height: <?php 
    echo $tempera_fpsliderheight;
    ?>
px ;
<?php 
    if ($tempera_fpslider_bordersize) {
        ?>
 border:<?php 
        echo $tempera_fpslider_bordersize;
        ?>
px solid <?php 
        echo $tempera_fpsliderbordercolor;
        ?>
; <?php 
    }
    ?>
 }
.theme-default .nivo-controlNav {top:-<?php 
    echo $tempera_fpslider_bordersize + 33;
    ?>
px;}

#front-text1 h1, #front-text2 h1 {
	color: <?php 
    echo $tempera_fronttitlecolor;
    ?>
; 
	font-size: <?php 
    echo round(30 * (preg_replace("/[^\\d]/", "", $tempera_headingsfontsize) / 100), 0);
    ?>
px;
    line-height: <?php 
    echo round(42 * (preg_replace("/[^\\d]/", "", $tempera_headingsfontsize) / 100), 0);
    ?>
px; }

#front-columns > div, #front-columns > li {
	width: <?php 
    switch ($tempera_nrcolumns) {
        case 0:
            break;
        case 1:
            echo "100";
            break;
        case 2:
            echo "47.5";
            break;
        case 3:
            echo "30";
            break;
        case 4:
            echo "21.2";
            break;
    }
    ?>
%; }

#front-columns > div.column<?php 
    echo $tempera_nrcolumns;
    ?>
, #front-columns > li:nth-child(n+<?php 
    echo $tempera_nrcolumns;
    ?>
) { margin-right: 0; }

.column-image {	max-width:<?php 
    echo $tempera_colimagewidth;
    ?>
px;margin:0 auto;}
.column-image img {	max-width:<?php 
    echo $tempera_colimagewidth;
    ?>
px;  max-height:<?php 
    echo $tempera_colimageheight;
    ?>
px;}

.nivo-caption { background-color: rgba(<?php 
    echo cryout_hex2rgb($tempera_fpslidercaptionbg);
    ?>
,0.7); }
.nivo-caption, .nivo-caption a { color: <?php 
    echo $tempera_fpslidercaptioncolor;
    ?>
; }
.theme-default .nivo-controlNav, .theme-default .nivo-directionNav a { background-color:<?php 
    echo $tempera_fpsliderbordercolor;
    ?>
; }
.slider-bullets .nivo-controlNav a { background-color: <?php 
    echo $tempera_sidetitlebg;
    ?>
; }
.slider-bullets .nivo-controlNav a:hover { background-color: <?php 
    echo $tempera_menucolorbgdefault;
    ?>
; }
.slider-bullets .nivo-controlNav a.active {background-color: <?php 
    echo $tempera_accentcolora;
    ?>
; }
.slider-numbers .nivo-controlNav a { color:<?php 
    echo $tempera_fpslidercaptioncolor;
    ?>
;background-color:<?php 
    echo $tempera_fpslidercaptionbg;
    ?>
;}
.slider-numbers .nivo-controlNav a:hover { color: <?php 
    echo $tempera_accentcolora;
    ?>
; }
.slider-numbers .nivo-controlNav a.active { color:<?php 
    echo $tempera_accentcolora;
    ?>
;}


.column-image h3{ color: <?php 
    echo $tempera_contentcolortxt;
    ?>
; background-color: rgba(<?php 
    echo cryout_hex2rgb($tempera_contentcolorbg);
    ?>
,0.6); }
.columnmore { background-color: <?php 
    echo $tempera_backcolormain;
    ?>
; }
#front-columns h3.column-header-noimage { background: <?php 
    echo $tempera_contentcolorbg;
    ?>
; }

<?php 
    echo '</style>';
    $tempera_presentation_page_styling = ob_get_contents();
    ob_end_clean();
    return $tempera_presentation_page_styling;
}
Example #4
0
function nirvana_presentation_css()
{
    $nirvanas = nirvana_get_theme_options();
    foreach ($nirvanas as $key => $value) {
        ${"{$key}"} = $value;
    }
    ob_start();
    echo '<style type="text/css">';
    if ($nirvana_fronthidetopbar) {
        ?>
 #topbar {display: none;} <?php 
    }
    if ($nirvana_fronthideheader) {
        ?>
 #branding {display: none;} <?php 
    }
    if ($nirvana_fronthidemenu) {
        ?>
 #access {display: none;} <?php 
    }
    if ($nirvana_fronthidewidget) {
        ?>
 #colophon {display: none;} <?php 
    }
    if ($nirvana_fronthidefooter) {
        ?>
 #footer2 {display: none;} <?php 
    }
    if ($nirvana_fpslider_topmargin) {
        ?>
 .slider-wrapper {padding: <?php 
        echo $nirvana_fpslider_topmargin;
        ?>
px 0;} <?php 
    }
    ?>

.slider-wrapper {
	max-height: <?php 
    echo $nirvana_fpsliderheight;
    ?>
px;
	background: <?php 
    echo $nirvana_fpsliderbgcolor;
    ?>
;
}
#pp-texttop {background: <?php 
    echo $nirvana_fronttextbgcolortop;
    ?>
;}
#front-columns-box {background: <?php 
    echo $nirvana_frontcolumnsbgcolor;
    ?>
;}
#pp-textmiddle {background: <?php 
    echo $nirvana_fronttextbgcolormiddle;
    ?>
;}
#pp-textbottom {background: <?php 
    echo $nirvana_fronttextbgcolorbottom;
    ?>
;}
#slider{
	max-width: <?php 
    echo $nirvana_fpsliderwidth;
    ?>
px;
	max-height: <?php 
    echo $nirvana_fpsliderheight;
    ?>
px;
<?php 
    if ($nirvana_fpslider_bordersize) {
        ?>
 border:<?php 
        echo $nirvana_fpslider_bordersize;
        ?>
px solid <?php 
        echo $nirvana_fpsliderbordercolor;
        ?>
; <?php 
    }
    ?>
 }
.theme-default .nivo-controlNav {bottom:<?php 
    echo $nirvana_fpslider_bordersize + 20;
    ?>
px;}

#front-text1 h1, #front-text2 h1{
	color: <?php 
    echo $nirvana_fronttitlecolor;
    ?>
; }

#front-columns > div {
	<?php 
    switch ($nirvana_nrcolumns) {
        case 0:
            break;
        case 1:
            echo "width:" . (100 - $nirvana_colspace) . "%;margin:" . $nirvana_colspace . "% auto 0!important;float:none;";
            break;
        case 2:
            echo "width:" . (100 - $nirvana_colspace) / 2 . "%; margin: 0 " . $nirvana_colspace . "% " . $nirvana_colspace . "% 0;";
            break;
        case 3:
            echo "width:" . (100 - 2 * $nirvana_colspace) / 3 . "%; margin: 0 " . $nirvana_colspace . "% " . $nirvana_colspace . "% 0;";
            break;
        case 4:
            echo "width:" . (100 - 3 * $nirvana_colspace) / 4 . "%; margin: 0 " . $nirvana_colspace . "% " . $nirvana_colspace . "% 0;";
            break;
    }
    ?>
}

#front-columns > div.column<?php 
    echo $nirvana_nrcolumns;
    ?>
 { margin-right: 0; }

.column-image {	max-width:<?php 
    echo $nirvana_colimagewidth;
    ?>
px;margin:0 auto;}
.column-image img {	max-width:<?php 
    echo $nirvana_colimagewidth;
    ?>
px;  max-height:<?php 
    echo $nirvana_colimageheight;
    ?>
px;}

.nivo-caption .inline-slide-text {
	background-color: rgba(<?php 
    echo cryout_hex2rgb($nirvana_fpslidercaptionbg);
    ?>
,0.3);
	-moz-box-shadow:10px 0 0 rgba(<?php 
    echo cryout_hex2rgb($nirvana_fpslidercaptionbg);
    ?>
,0.3), -10px 0 0 rgba(<?php 
    echo cryout_hex2rgb($nirvana_fpslidercaptionbg);
    ?>
,0.3);
	-webkit-box-shadow:10px 0 0 rgba(<?php 
    echo cryout_hex2rgb($nirvana_fpslidercaptionbg);
    ?>
,0.3), -10px 0 0 rgba(<?php 
    echo cryout_hex2rgb($nirvana_fpslidercaptionbg);
    ?>
,0.3);
	box-shadow:10px 0 0 rgba(<?php 
    echo cryout_hex2rgb($nirvana_fpslidercaptionbg);
    ?>
,0.3), -10px 0 0 rgba(<?php 
    echo cryout_hex2rgb($nirvana_fpslidercaptionbg);
    ?>
,0.3);
}
.nivo-caption h2{
 	-moz-text-shadow:0 1px 0px <?php 
    echo $nirvana_fpslidercaptionbg;
    ?>
;
	-webkit-text-shadow:0 1px 0px <?php 
    echo $nirvana_fpslidercaptionbg;
    ?>
;
	text-shadow:0 1px 0px <?php 
    echo $nirvana_fpslidercaptionbg;
    ?>
;
}
.nivo-caption, .nivo-caption a { color: <?php 
    echo $nirvana_fpslidercaptioncolor;
    ?>
; }
.theme-default .nivo-directionNav a { background-color:<?php 
    echo $nirvana_fpsliderbordercolor;
    ?>
; }
.slider-bullets .nivo-controlNav a { background-color: <?php 
    echo $nirvana_sidetitlebg;
    ?>
;border:2px solid <?php 
    echo $nirvana_fpsliderbordercolor;
    ?>
; }
.slider-bullets .nivo-controlNav a:hover { background-color: <?php 
    echo $nirvana_menucolorbgdefault;
    ?>
; }
.slider-bullets .nivo-controlNav a.active {background-color: <?php 
    echo $nirvana_accentcolora;
    ?>
; }
.slider-numbers .nivo-controlNav a { background-color:<?php 
    echo $nirvana_fpsliderbordercolor;
    ?>
;}
.slider-numbers .nivo-controlNav a:hover { color: <?php 
    echo $nirvana_accentcolora;
    ?>
; }
.slider-numbers .nivo-controlNav a.active { color:<?php 
    echo $nirvana_accentcolora;
    ?>
;}

.column-header-image {color: <?php 
    echo $nirvana_linkcolortext;
    ?>
;}

.columnmore { background-color: <?php 
    echo $nirvana_backcolormain;
    ?>
; }
#front-columns h3.column-header-noimage { background: <?php 
    echo $nirvana_contentcolorbg;
    ?>
; }
<?php 
    echo $nirvana_column_frames;
    if ($nirvana_column_frames) {
        echo "#front-columns > div:nth-child(1n+2) {transform:rotate(" . rand(-5, -2) . "deg);-webkit-transform:rotate(" . rand(-7, 7) . "deg);} ";
        echo "#front-columns > div:nth-child(2n+1) {transform:rotate(" . rand(-2, 2) . "deg);-webkit-transform:rotate(" . rand(-7, 7) . "deg);} ";
        echo "#front-columns > div:nth-child(3n+2) {transform:rotate(" . rand(2, 5) . "deg);-webkit-transform:rotate(" . rand(-7, 7) . "deg);} ";
        echo "#front-columns > div:nth-child(5n+3) {transform:rotate(" . rand(-5, -2) . "deg);-webkit-transform:rotate(" . rand(-7, 7) . "deg);} ";
        echo "#front-columns > div:nth-child(7n+5) {transform:rotate(" . rand(-2, 2) . "deg);-webkit-transform:rotate(" . rand(-7, 7) . "deg);} ";
        echo "#front-columns > div:nth-child(11n+7) {transform:rotate(" . rand(2, 5) . "deg);-webkit-transform:rotate(" . rand(-7, 7) . "deg);} ";
        ?>
#front-columns > div {
	border: 8px solid #fff;
	padding: 0;
	-webkit-box-shadow: 0 0 2px #ccc;
	-moz-box-shadow: 0 0 2px #ccc;
	box-shadow: 0 0 2px #ccc;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-backface-visibility: hidden;
}
#front-columns > div:hover {
	z-index: 252;
	-webkit-transform: rotate(0deg) !important;
	transform: rotate(0deg) !important;
}
@media (max-width: 640px) {
	.nivo-caption h2 {color:<?php 
        echo $nirvana_accentcolora;
        ?>
;}
}
<?php 
    }
    echo '</style>';
    $nirvana_presentation_page_styling = ob_get_contents();
    ob_end_clean();
    return $nirvana_presentation_page_styling;
}
function tempera_custom_styles()
{
    $temperas = tempera_get_theme_options();
    foreach ($temperas as $key => $value) {
        ${"{$key}"} = $value;
    }
    $totalwidth = $tempera_sidewidth + $tempera_sidebar;
    $contentSize = $tempera_sidewidth;
    $sidebarSize = $tempera_sidebar;
    ob_start();
    ?>
<style type="text/css">
<?php 
    ////////// LAYOUT DIMENSIONS. //////////
    ?>
#header, #main, #topbar-inner { <?php 
    echo $tempera_mobile == 'Enable' ? 'max-' : '';
    ?>
width: <?php 
    echo $totalwidth;
    ?>
px; }
<?php 
    ////////// COLUMNS //////////
    $colPadding = 30;
    $contentSize = $contentSize - 60;
    ?>
#container.one-column { }
#container.two-columns-right #secondary { width:<?php 
    echo $sidebarSize;
    ?>
px; float:right; }
#container.two-columns-right #content { width:<?php 
    echo $contentSize - $colPadding;
    ?>
px; float:left; } /*fallback*/
#container.two-columns-right #content { width:calc(100% - <?php 
    echo $sidebarSize + $colPadding;
    ?>
px); float:left; }
#container.two-columns-left #primary { width:<?php 
    echo $sidebarSize;
    ?>
px; float:left; }
#container.two-columns-left #content { width:<?php 
    echo $contentSize - $colPadding;
    ?>
px; float:right; } /*fallback*/
#container.two-columns-left #content { 	width:-moz-calc(100% - <?php 
    echo $sidebarSize + $colPadding;
    ?>
px); float:right; 
										width:-webkit-calc(100% - <?php 
    echo $sidebarSize + $colPadding;
    ?>
px); 
										width:calc(100% - <?php 
    echo $sidebarSize + $colPadding;
    ?>
px); }

#container.three-columns-right .sidey { width:<?php 
    echo $sidebarSize / 2;
    ?>
px; float:left; }
#container.three-columns-right #primary { margin-left:<?php 
    echo $colPadding;
    ?>
px; margin-right:<?php 
    echo $colPadding;
    ?>
px; }
#container.three-columns-right #content { width:<?php 
    echo $contentSize - $colPadding * 2;
    ?>
px; float:left; } /*fallback*/
#container.three-columns-right #content { 	width:-moz-calc(100% - <?php 
    echo $sidebarSize + $colPadding * 2;
    ?>
px); float:left;
											width:-webkit-calc(100% - <?php 
    echo $sidebarSize + $colPadding * 2;
    ?>
px);
											width:calc(100% - <?php 
    echo $sidebarSize + $colPadding * 2;
    ?>
px);}
											
#container.three-columns-left .sidey { width:<?php 
    echo $sidebarSize / 2;
    ?>
px; float:left; }
#container.three-columns-left #secondary {margin-left:<?php 
    echo $colPadding;
    ?>
px; margin-right:<?php 
    echo $colPadding;
    ?>
px; }
#container.three-columns-left #content { width:<?php 
    echo $contentSize - $colPadding * 2;
    ?>
px; float:right;} /*fallback*/
#container.three-columns-left #content { width:-moz-calc(100% - <?php 
    echo $sidebarSize + $colPadding * 2;
    ?>
px); float:right;
										 width:-webkit-calc(100% - <?php 
    echo $sidebarSize + $colPadding * 2;
    ?>
px);
										 width:calc(100% - <?php 
    echo $sidebarSize + $colPadding * 2;
    ?>
px); }

#container.three-columns-sided .sidey { width:<?php 
    echo $sidebarSize / 2;
    ?>
px; float:left; }
#container.three-columns-sided #secondary { float:right; }
#container.three-columns-sided #content { width:<?php 
    echo $contentSize - $colPadding * 2;
    ?>
px; float:right; /*fallback*/
										  width:-moz-calc(100% - <?php 
    echo $sidebarSize + $colPadding * 2;
    ?>
px); float:right;
										  width:-webkit-calc(100% - <?php 
    echo $sidebarSize + $colPadding * 2;
    ?>
px); float:right;
										  width:calc(100% - <?php 
    echo $sidebarSize + $colPadding * 2;
    ?>
px); float:right;
		                                  margin: 0 <?php 
    echo $sidebarSize / 2 + $colPadding;
    ?>
px 0 <?php 
    echo -($contentSize + $sidebarSize);
    ?>
px; }
<?php 
    ////////// FONTS //////////
    $tempera_googlefont = str_replace('+', ' ', preg_replace('/[:&].*/', '', $tempera_googlefont));
    $tempera_googlefonttitle = str_replace('+', ' ', preg_replace('/[:&].*/', '', $tempera_googlefonttitle));
    $tempera_googlefontside = str_replace('+', ' ', preg_replace('/[:&].*/', '', $tempera_googlefontside));
    $tempera_headingsgooglefont = str_replace('+', ' ', preg_replace('/[:&].*/', '', $tempera_headingsgooglefont));
    $tempera_sitetitlegooglefont = str_replace('+', ' ', preg_replace('/[:&].*/', '', $tempera_sitetitlegooglefont));
    $tempera_menugooglefont = str_replace('+', ' ', preg_replace('/[:&].*/', '', $tempera_menugooglefont));
    ?>
body { font-family: <?php 
    echo !$tempera_googlefont ? $tempera_fontfamily : "\"{$tempera_googlefont}\"";
    ?>
; }
#content h1.entry-title a, #content h2.entry-title a, #content h1.entry-title , #content h2.entry-title {
		font-family: <?php 
    echo !$tempera_googlefonttitle ? $tempera_fonttitle == 'General Font' ? 'inherit' : $tempera_fonttitle : "\"{$tempera_googlefonttitle}\"";
    ?>
; }
.widget-title, .widget-title a { line-height: normal;
		font-family: <?php 
    echo !$tempera_googlefontside ? $tempera_fontside == 'General Font' ? 'inherit' : $tempera_fontside : "\"{$tempera_googlefontside}\"";
    ?>
;  }
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, #comments #reply-title,
.nivo-caption h2, #front-text1 h1, #front-text2 h1, .column-header-image  {
		font-family: <?php 
    echo !$tempera_headingsgooglefont ? $tempera_headingsfont == 'General Font' ? 'inherit' : $tempera_headingsfont : "\"{$tempera_headingsgooglefont}\"";
    ?>
; }
#site-title span a {
		font-family: <?php 
    echo !$tempera_sitetitlegooglefont ? $tempera_sitetitlefont == 'General Font' ? 'inherit' : $tempera_sitetitlefont : "\"{$tempera_sitetitlegooglefont}\"";
    ?>
; }
#access ul li a, #access ul li a span {
		font-family: <?php 
    echo !$tempera_menugooglefont ? $tempera_menufont == 'General Font' ? 'inherit' : $tempera_menufont : "\"{$tempera_menugooglefont}\"";
    ?>
; }

<?php 
    ////////// COLORS //////////
    ?>
body { color: <?php 
    echo $tempera_contentcolortxt;
    ?>
; background-color: <?php 
    echo $tempera_backcolormain;
    ?>
 }
a { color: <?php 
    echo $tempera_linkcolortext;
    ?>
; }
a:hover,.entry-meta span a:hover, .comments-link a:hover { color: <?php 
    echo $tempera_linkcolorhover;
    ?>
; }
#header { background-color: <?php 
    echo $tempera_backcolorheader;
    ?>
; }
#site-title span a { color:<?php 
    echo $tempera_titlecolor;
    ?>
; }
#site-description { color:<?php 
    echo $tempera_descriptioncolor;
    ?>
; <?php 
    if (cryout_hex2rgb($tempera_descriptionbg)) {
        ?>
background-color: rgba(<?php 
        echo cryout_hex2rgb($tempera_descriptionbg);
        ?>
,0.3); padding-left: 6px; <?php 
    }
    ?>
}

.socials a { background-color: <?php 
    echo $tempera_socialcolorbg;
    ?>
; } 
.socials-hover { background-color: <?php 
    echo $tempera_socialcolorbghover;
    ?>
; }
/* Main menu top level */
#access a, #nav-toggle span { color: <?php 
    echo $tempera_menucolortxtdefault;
    ?>
; }
#access, #nav-toggle {background-color: <?php 
    echo $tempera_menucolorbgdefault;
    ?>
; }
#access > .menu > ul > li > a > span { border-color: <?php 
    echo cryout_hexadder($tempera_menucolorbgdefault, '-30');
    ?>
; 
-moz-box-shadow: 1px 0 0 <?php 
    echo cryout_hexadder($tempera_menucolorbgdefault, '24');
    ?>
; 
-webkit-box-shadow: 1px 0 0 <?php 
    echo cryout_hexadder($tempera_menucolorbgdefault, '24');
    ?>
; 
box-shadow: 1px 0 0 <?php 
    echo cryout_hexadder($tempera_menucolorbgdefault, '24');
    ?>
; }
#access a:hover {background-color: <?php 
    echo cryout_hexadder($tempera_menucolorbgdefault, '13');
    ?>
; }
#access ul li.current_page_item > a, #access ul li.current-menu-item > a,
#access ul li.current_page_ancestor > a, #access ul li.current-menu-ancestor > a {
       background-color: <?php 
    echo cryout_hexadder($tempera_menucolorbgdefault, '13');
    ?>
; }
/* Main menu Submenus */
#access > .menu > ul > li > ul:before {border-bottom-color:<?php 
    echo $tempera_submenucolorbgdefault;
    ?>
;}
#access ul ul ul:before { border-right-color:<?php 
    echo $tempera_submenucolorbgdefault;
    ?>
;}
#access ul ul li {
background-color:<?php 
    echo $tempera_submenucolorbgdefault;
    ?>
;
border-top-color:<?php 
    echo cryout_hexadder($tempera_submenucolorbgdefault, '14');
    ?>
;
border-bottom-color:<?php 
    echo cryout_hexadder($tempera_submenucolorbgdefault, '-11');
    ?>
}
#access ul ul li a{color:<?php 
    echo $tempera_submenucolortxtdefault;
    ?>
}
#access ul ul li a:hover{background:<?php 
    echo cryout_hexadder($tempera_submenucolorbgdefault, '14');
    ?>
}
#access ul ul li.current_page_item > a, #access ul ul li.current-menu-item > a,
#access ul ul li.current_page_ancestor > a, #access ul ul li.current-menu-ancestor > a  {
background-color:<?php 
    echo cryout_hexadder($tempera_submenucolorbgdefault, '14');
    ?>
; }
<?php 
    if (cryout_hex2rgb($tempera_submenucolorshadow)) {
        ?>
#access ul ul { box-shadow: 3px 3px 0 rgba(<?php 
        echo cryout_hex2rgb($tempera_submenucolorshadow);
        ?>
,0.3); }<?php 
    }
    ?>

#topbar {
<?php 
    if ($tempera_topbar == 'Hide') {
        ?>
 display:none; <?php 
    } else {
        ?>
	background-color:  <?php 
        echo $tempera_topbarcolorbg;
        ?>
;border-bottom-color:<?php 
        echo cryout_hexadder($tempera_topbarcolorbg, '40');
        ?>
;
	box-shadow:3px 0 3px <?php 
        echo cryout_hexadder($tempera_topbarcolorbg, '-40');
        ?>
; 
	<?php 
        if ($tempera_topbar == 'Fixed') {
            ?>
		position:fixed;top:0;z-index:252;opacity:0.8;
	<?php 
        }
    }
    ?>
}
<?php 
    if ($tempera_topbar == 'Fixed') {
        ?>
 #header-full {margin-top:30px;} <?php 
    }
    if ($tempera_topbarwidth == 'Full width') {
        ?>
 #topbar-inner {max-width:95%;} <?php 
    }
    ?>
.topmenu ul li a { color: <?php 
    echo $tempera_topmenucolortxt;
    ?>
; }
.topmenu ul li a:hover { color: <?php 
    echo $tempera_topmenucolortxthover;
    ?>
; border-bottom-color: <?php 
    echo $tempera_accentcolora;
    ?>
; }

#main { background-color: <?php 
    echo $tempera_contentcolorbg;
    ?>
; }	
#author-info, #entry-author-info, .page-title { border-color: <?php 
    echo $tempera_accentcolora;
    ?>
; background: <?php 
    echo $tempera_accentcolore;
    ?>
; }
#entry-author-info #author-avatar, #author-info #author-avatar { border-color: <?php 
    echo $tempera_accentcolorc;
    ?>
; }

.sidey .widget-container { color: <?php 
    echo $tempera_sidetxt;
    ?>
; background-color: <?php 
    echo $tempera_sidebg;
    ?>
; }
.sidey .widget-title { color: <?php 
    echo $tempera_sidetitletxt;
    ?>
; background-color: <?php 
    echo $tempera_sidetitlebg;
    ?>
;border-color:<?php 
    echo cryout_hexadder($tempera_sidetitlebg, '-40');
    ?>
;}
.sidey .widget-container a {color:<?php 
    echo $tempera_linkcolorside;
    ?>
;}
.sidey .widget-container a:hover {color:<?php 
    echo $tempera_linkcolorsidehover;
    ?>
;}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
     color: <?php 
    echo $tempera_contentcolortxtheadings;
    ?>
; }
 .sticky .entry-header {border-color:<?php 
    echo $tempera_accentcolora;
    ?>
 }
.entry-title, .entry-title a { color: <?php 
    echo $tempera_contentcolortxttitle;
    ?>
; }
.entry-title a:hover { color: <?php 
    echo $tempera_contentcolortxttitlehover;
    ?>
; }
#content h3.entry-format { color: <?php 
    echo $tempera_menucolortxtdefault;
    ?>
; background-color: <?php 
    echo $tempera_menucolorbgdefault;
    ?>
; }

#footer { color: <?php 
    echo $tempera_footercolortxt;
    ?>
; background-color: <?php 
    echo $tempera_backcolorfooterw;
    ?>
; }
#footer2 { color: <?php 
    echo $tempera_footercolortxt;
    ?>
; background-color: <?php 
    echo $tempera_backcolorfooter;
    ?>
;  }
#footer a { color: <?php 
    echo $tempera_linkcolorwooter;
    ?>
; }
#footer a:hover { color: <?php 
    echo $tempera_linkcolorwooterhover;
    ?>
; }
#footer2 a, .footermenu ul li:after  { color: <?php 
    echo $tempera_linkcolorfooter;
    ?>
; }
#footer2 a:hover { color: <?php 
    echo $tempera_linkcolorfooterhover;
    ?>
; }
#footer .widget-container { color: <?php 
    echo $tempera_widgettxt;
    ?>
; background-color: <?php 
    echo $tempera_widgetbg;
    ?>
; }
#footer .widget-title { color: <?php 
    echo $tempera_widgettitletxt;
    ?>
; background-color: <?php 
    echo $tempera_widgettitlebg;
    ?>
;border-color:<?php 
    echo cryout_hexadder($tempera_widgettitlebg, '-40');
    ?>
 }

a.continue-reading-link, #cryout_ajax_more_trigger { color:<?php 
    echo $tempera_menucolortxtdefault;
    ?>
 !important; background:<?php 
    echo $tempera_menucolorbgdefault;
    ?>
; border-bottom-color:<?php 
    echo $tempera_accentcolora;
    ?>
; }
a.continue-reading-link:after { background-color:<?php 
    echo $tempera_accentcolorb;
    ?>
; }
a.continue-reading-link i.icon-right-dir {color:<?php 
    echo $tempera_accentcolora;
    ?>
}
a.continue-reading-link:hover i.icon-right-dir {color:<?php 
    echo $tempera_accentcolorb;
    ?>
}
.page-link a, .page-link > span > em {border-color:<?php 
    echo $tempera_accentcolord;
    ?>
}

.columnmore a {background:<?php 
    echo $tempera_accentcolorb;
    ?>
;color:<?php 
    echo $tempera_accentcolore;
    ?>
}
.columnmore a:hover {background:<?php 
    echo $tempera_accentcolora;
    ?>
;}

.file, .button, #respond .form-submit input#submit, input[type=submit], input[type=reset] {
	background-color: <?php 
    echo $tempera_contentcolorbg;
    ?>
;
	border-color: <?php 
    echo $tempera_accentcolord;
    ?>
;
    box-shadow: 0 -10px 10px 0 <?php 
    echo $tempera_accentcolore;
    ?>
 inset; }
.file:hover, .button:hover, #respond .form-submit input#submit:hover {
	background-color: <?php 
    echo $tempera_accentcolore;
    ?>
; }
.entry-content tr th, .entry-content thead th {
	color: <?php 
    echo $tempera_contentcolortxtheadings;
    ?>
; }
.entry-content fieldset, #content tr td,#content tr th, #content thead th { border-color: <?php 
    echo $tempera_accentcolord;
    ?>
; }
 #content tr.even td { background-color: <?php 
    echo $tempera_accentcolore;
    ?>
 !important; }
hr { background-color: <?php 
    echo $tempera_accentcolord;
    ?>
; }
input[type="text"], input[type="password"], input[type="email"], input[type="file"], textarea, select,
input[type="color"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="month"],input[type="number"],input[type="range"],
input[type="search"],input[type="tel"],input[type="time"],input[type="url"],input[type="week"] {
	background-color: <?php 
    echo $tempera_accentcolore;
    ?>
;
    border-color: <?php 
    echo $tempera_accentcolord;
    ?>
 <?php 
    echo $tempera_accentcolorc;
    ?>
 <?php 
    echo $tempera_accentcolorc;
    ?>
 <?php 
    echo $tempera_accentcolord;
    ?>
;
	color: <?php 
    echo $tempera_contentcolortxt;
    ?>
; }
input[type="submit"], input[type="reset"] {
	color: <?php 
    echo $tempera_contentcolortxt;
    ?>
;
	background-color: <?php 
    echo $tempera_contentcolorbg;
    ?>
;
	border-color: <?php 
    echo $tempera_accentcolord;
    ?>
;
	box-shadow: 0 -10px 10px 0 <?php 
    echo $tempera_accentcolore;
    ?>
 inset; }
input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover, textarea:hover,
input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="range"]:hover,
input[type="search"]:hover, input[type="tel"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover {
	<?php 
    if (cryout_hex2rgb($tempera_accentcolore)) {
        ?>
background-color: rgba(<?php 
        echo cryout_hex2rgb($tempera_accentcolore);
        ?>
,0.4); <?php 
    }
    ?>
 }
.entry-content code {
	border-color: <?php 
    echo $tempera_accentcolord;
    ?>
;
	border-bottom-color:<?php 
    echo $tempera_accentcolora;
    ?>
;}
.entry-content pre { border-color: <?php 
    echo $tempera_accentcolord;
    ?>
;
	background-color:<?php 
    echo $tempera_accentcolore;
    ?>
;}
.entry-content blockquote {
	border-color: <?php 
    echo $tempera_accentcolorc;
    ?>
; }
abbr, acronym { border-color: <?php 
    echo $tempera_contentcolortxt;
    ?>
; }
.comment-meta a { color: <?php 
    echo $tempera_contentcolortxt;
    ?>
; }
#respond .form-allowed-tags { color: <?php 
    echo $tempera_contentcolortxtlight;
    ?>
; }
.reply a{ background-color: <?php 
    echo $tempera_accentcolore;
    ?>
; border-color: <?php 
    echo $tempera_accentcolorc;
    ?>
; }
.reply a:hover { background-color: <?php 
    echo $tempera_menucolorbgdefault;
    ?>
;color: <?php 
    echo $tempera_linkcolortext;
    ?>
; }

.entry-meta .icon-metas:before {color:<?php 
    echo $tempera_metacoloricons;
    ?>
;}
.entry-meta span a, .comments-link a {color:<?php 
    echo $tempera_metacolorlinks;
    ?>
;}
.entry-meta span a:hover, .comments-link a:hover {color:<?php 
    echo $tempera_metacolorlinkshover;
    ?>
;}

.nav-next a:hover {}
.nav-previous a:hover {
}
.pagination { border-color:<?php 
    echo cryout_hexadder($tempera_accentcolore, '-10');
    ?>
;}
.pagination span, .pagination a { 
	background:<?php 
    echo $tempera_accentcolore;
    ?>
;
	border-left-color:<?php 
    echo cryout_hexadder($tempera_accentcolore, '-26');
    ?>
;
	border-right-color:<?php 
    echo cryout_hexadder($tempera_accentcolore, '16');
    ?>
;
}
.pagination a:hover { background: <?php 
    echo cryout_hexadder($tempera_accentcolore, '8');
    ?>
; }

#searchform input[type="text"] {color:<?php 
    echo $tempera_contentcolortxtlight;
    ?>
;}

.caption-accented .wp-caption {<?php 
    if (cryout_hex2rgb($tempera_accentcolora)) {
        ?>
 background-color:rgba(<?php 
        echo cryout_hex2rgb($tempera_accentcolora);
        ?>
,0.8); <?php 
    }
    ?>
	color:<?php 
    echo $tempera_contentcolorbg;
    ?>
}

.tempera-image-one .entry-content img[class*='align'],.tempera-image-one .entry-summary img[class*='align'],
.tempera-image-two .entry-content img[class*='align'],.tempera-image-two .entry-summary img[class*='align'] {
	border-color:<?php 
    echo $tempera_accentcolora;
    ?>
;} 
<?php 
    ////////// LAYOUT //////////
    ?>
#content p, #content ul, #content ol, #content, #frontpage blockquote { text-align:<?php 
    echo $tempera_textalign;
    ?>
 ; }
#content p, #content ul, #content ol, .sidey, .sidey a, table, table td {
                                font-size:<?php 
    echo $tempera_fontsize;
    ?>
;
								word-spacing:<?php 
    echo $tempera_wordspace;
    ?>
; letter-spacing:<?php 
    echo $tempera_letterspace;
    ?>
; }
#content p, #content ul, #content ol, .sidey, .sidey a { line-height:<?php 
    echo $tempera_lineheight;
    ?>
; } 
<?php 
    if ($tempera_uppercasetext == 1) {
        ?>
 #site-title a, #site-description, #access a, .topmenu ul li a, .footermenu a, .entry-meta span a, .entry-utility span a, #content h3.entry-format,
span.edit-link, h3#comments-title, h3#reply-title, .comment-author cite, .reply a, .widget-title, #site-info a, .nivo-caption h2, a.continue-reading-link,
.column-image h3, #front-columns h3.column-header-noimage, .tinynav , .entry-title, .breadcrumbs, .page-link{ text-transform: uppercase; }<?php 
    }
    if ($tempera_hcenter) {
        ?>
 #bg_image {display:block;margin:0 auto;} <?php 
    }
    ?>
#content h1.entry-title, #content h2.entry-title { font-size:<?php 
    echo $tempera_headfontsize;
    ?>
 ;}
.widget-title, .widget-title a { font-size:<?php 
    echo $tempera_sidefontsize;
    ?>
 ;} 
<?php 
    $font_root = 36;
    for ($i = 1; $i <= 6; $i++) {
        echo "#content .entry-content h{$i} { font-size: ";
        echo round(($font_root - 4 * $i) * (preg_replace("/[^\\d]/", "", $tempera_headingsfontsize) / 100), 0);
        echo "px;} ";
    }
    ?>
#site-title span a { font-size:<?php 
    echo $tempera_sitetitlesize;
    ?>
 ;}
#access ul li a { font-size:<?php 
    echo $tempera_menufontsize;
    ?>
 ;}
#access ul ul ul a {font-size:<?php 
    echo absint($tempera_menufontsize) - 2;
    ?>
px;}
<?php 
    /*if ($tempera_postseparator == "Show") { ?> article.post, article.page { padding-bottom: 10px; border-bottom: 3px solid #EEE; } <?php }*/
    if ($tempera_contentlist == "Hide") {
        ?>
 #content ul li { background-image: none; padding-left: 0; } <?php 
    }
    if ($tempera_comtext == "Hide") {
        ?>
 #respond .form-allowed-tags { display:none;} <?php 
    }
    switch ($tempera_comclosed) {
        case "Hide in posts":
            ?>
 .nocomments { display:none;} <?php 
            break;
        case "Hide in pages":
            ?>
 .nocomments2 {display:none;} <?php 
            break;
        case "Hide everywhere":
            ?>
 .nocomments, .nocomments2 {display:none;} <?php 
            break;
    }
    //switch
    if ($tempera_comoff == "Hide") {
        ?>
 .comments-link span { display:none;} <?php 
    }
    if ($tempera_tables == "Enable") {
        ?>
		#content table {border:none;} #content tr {background:none;} #content table {border:none;}
		#content tr th, #content thead th {background:none;} #content tr th, #content tr td {border:none;}
<?php 
    }
    if ($tempera_headingsindent == "Enable") {
        ?>
		#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { margin-left:20px;}
		.sticky hgroup { padding-left: 15px;}
<?php 
    }
    ?>
#header-container > div { margin:<?php 
    echo $tempera_headermargintop;
    ?>
px 0 0 <?php 
    echo $tempera_headermarginleft;
    ?>
px;}
<?php 
    if ($tempera_pagetitle == "Hide") {
        ?>
 .page h1.entry-title, .home .page h2.entry-title { display:none; } <?php 
    }
    if ($tempera_categtitle == "Hide") {
        ?>
 header.page-header, .archive h1.page-title { display:none; }  <?php 
    }
    ?>
#content p, #content ul, #content ol, #content dd, #content pre, #content hr { margin-bottom: <?php 
    echo $tempera_paragraphspace;
    ?>
; }
<?php 
    if ($tempera_parindent != "0px") {
        ?>
 #content p { text-indent:<?php 
        echo $tempera_parindent;
        ?>
;} <?php 
    }
    ?>

<?php 
    if ($tempera_metapos == 'Top') {
        ?>
 footer.entry-meta {background-image:none !important;padding-top:0;} <?php 
    }
    ?>
	
<?php 
    switch ($tempera_menualign) {
        case "center":
            ?>
 #access > .menu > ul { display: table; margin: 0 auto; } 
						  #access > .menu > ul { border-left: 1px solid <?php 
            echo cryout_hexadder($tempera_menucolorbgdefault, '24');
            ?>
; 
										-moz-box-shadow: -1px 0 0 <?php 
            echo cryout_hexadder($tempera_menucolorbgdefault, '-30');
            ?>
; 
										-webkit-box-shadow: -1px 0 0 <?php 
            echo cryout_hexadder($tempera_menucolorbgdefault, '-30');
            ?>
; 
										box-shadow: -1px 0 0 <?php 
            echo cryout_hexadder($tempera_menucolorbgdefault, '-30');
            ?>
; } <?php 
            break;
        case "right":
            ?>
 #access > .menu { float: right; } 
						 #access > .menu > ul > li > a > span { border-left:1px solid <?php 
            echo cryout_hexadder($tempera_menucolorbgdefault, '24');
            ?>
; 
							-moz-box-shadow: -1px 0 0 <?php 
            echo cryout_hexadder($tempera_menucolorbgdefault, '-30');
            ?>
; 
							-webkit-box-shadow: -1px 0 0 <?php 
            echo cryout_hexadder($tempera_menucolorbgdefault, '-30');
            ?>
; 
							box-shadow: -1px 0 0 <?php 
            echo cryout_hexadder($tempera_menucolorbgdefault, '-30');
            ?>
; 
							border-right: 0; }
						 #nav-toggle { text-align: right; }	<?php 
            break;
        case "rightmulti":
            ?>
 #access ul li { float: right; } 
						 #access > .menu > ul > li > a > span { border-left:1px solid <?php 
            echo cryout_hexadder($tempera_menucolorbgdefault, '24');
            ?>
; 
							-moz-box-shadow: -1px 0 0 <?php 
            echo cryout_hexadder($tempera_menucolorbgdefault, '-30');
            ?>
; 
							-webkit-box-shadow: -1px 0 0 <?php 
            echo cryout_hexadder($tempera_menucolorbgdefault, '-30');
            ?>
; 
							box-shadow: -1px 0 0 <?php 
            echo cryout_hexadder($tempera_menucolorbgdefault, '-30');
            ?>
;
							border-right:0;	}
						 #nav-toggle { text-align: right; }
		<?php 
            break;
        default:
            ?>
				#nav-toggle { text-align: left; } <?php 
            break;
    }
    ?>
#toTop {background:<?php 
    echo $tempera_contentcolorbg;
    ?>
;margin-left:<?php 
    echo $totalwidth + 150;
    ?>
px;} 		  
<?php 
    if (is_rtl()) {
        ?>
 #toTop {margin-right:<?php 
        echo $totalwidth + 150;
        ?>
px;-moz-border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px;border-radius:10px 0 0 10px;}		<?php 
    }
    ?>
	
#toTop:hover .icon-back2top:before {color:<?php 
    echo $tempera_accentcolorb;
    ?>
;}  

#main {margin-top:<?php 
    echo $tempera_contentmargintop;
    ?>
px; }
#forbottom {margin-left: <?php 
    echo $tempera_contentpadding;
    ?>
px; margin-right: <?php 
    echo $tempera_contentpadding;
    ?>
px;}
#header-widget-area { width: <?php 
    echo $tempera_headerwidgetwidth;
    ?>
; }
<?php 
    ////////// HEADER IMAGE //////////
    ?>
#branding { height:<?php 
    echo HEADER_IMAGE_HEIGHT;
    ?>
px; }
<?php 
    if ($tempera_hratio) {
        ?>
 @media (max-width: 1920px) {#branding, #bg_image { height:auto; max-width:100%; min-height:inherit !important; } } <?php 
    }
    ?>
</style>
<?php 
    $tempera_custom_styling = ob_get_contents();
    ob_end_clean();
    return $tempera_custom_styling;
}