Example #1
0
/**
 * Additional CSS fixes for IE to run at wp_head:8
 */
function cfcp_ie_css_overrides()
{
    ?>
<!--[if IE 7]>
	<style type="text/css" media="screen">
		#featured-posts .featured:hover .featured-content {
			background-color: <?php 
    echo cf_colors_color('light', 'featured_posts_hover_content_background');
    ?>
;
		}
	</style>
<![endif]-->
<?php 
}
Example #2
0
 function cf_colors_admin_preview_css()
 {
     $css = sprintf(cf_colors_admin_preview_css_template(), cf_colors_color('darkest'), cf_colors_color('dark'), cf_colors_color('medium'), cf_colors_color('light'), cf_colors_color('lightest'));
     return apply_filters('cfcp_admin_preview_css', $css);
 }
Example #3
0
/**
 * All color related styles from Kuler integration
 * Colors are set in the theme settings within the WordPress admin
 * enquequed from the functions.php and loaded into the header
 */
function cfcp_color_css()
{
    ob_start();
    ?>
body {
	background-color: <?php 
    echo cf_colors_color('dark', 'body_background');
    ?>
;
}
a,
a:visited {
	color: <?php 
    echo cf_colors_color('darkest', 'a');
    ?>
;
}
a:hover,
a:active {
	color: <?php 
    echo cf_colors_color('medium', 'a_hover');
    ?>
;
}
::-moz-selection {
	background: <?php 
    echo cf_colors_color('darkest', 'selection_background');
    ?>
;
}
::selection {
	background: <?php 
    echo cf_colors_color('darkest', 'selection_background');
    ?>
;
}

/** Header
 -------------------------------------------------- */
#header {
	background-color: <?php 
    echo cf_colors_color('darkest', 'header_background');
    ?>
;
	border-bottom: 4px solid <?php 
    echo cf_colors_color('dark', 'header_border');
    ?>
;
}
#header a,
#nav-main {
	color: <?php 
    echo cf_colors_color('lightest', 'header_a');
    ?>
;
}
#header a:hover {
	color: <?php 
    echo cf_colors_color('medium', 'header_a_hover');
    ?>
;
}

/* Menu */
#nav-main li {
	border-color: <?php 
    echo cf_colors_color('darkest', 'header_menu_li_border');
    ?>
;
}
#nav-main li:hover,
#nav-main li.current-menu-item,
#nav-main li.current-menu-parent {
	border-color: <?php 
    echo cf_colors_color('dark', 'header_menu_li_border_hover');
    ?>
;
}

/* Sub Menu */
#nav-main .sub-menu a:hover {
	color: <?php 
    echo cf_colors_color('darkest', 'header_menu_li_a_hover');
    ?>
;
}
#nav-main .sub-menu {
	background: <?php 
    echo cf_colors_color('dark', 'header_menu_ul_ul_background');
    ?>
;
	border-color: <?php 
    echo cf_colors_color('darkest', 'header_menu_ul_ul_border');
    ?>
;
}
#nav-main .sub-menu li.current-menu-item > a {
	border-left-color: <?php 
    echo cf_colors_color('darkest', 'header_menu_current_a_border_left');
    ?>
;
	border-right-color: <?php 
    echo cf_colors_color('darkest', 'header_menu_current_a_border_right');
    ?>
;
}

/* Menu in dropdown mode */
@media only screen and (max-width: 767px) {
	#nav-main h1 {
		border-color: <?php 
    echo cf_colors_color('dark', 'header_h1_border');
    ?>
;
	}
	#nav-main .menu {
		background-color: <?php 
    echo cf_colors_color('dark', 'header_menu_background');
    ?>
;
		border-color: <?php 
    echo cf_colors_color('darkest', 'header_menu_border');
    ?>
;
	}
}

/** Masthead
 -------------------------------------------------- */
#masthead {
	background-color: <?php 
    echo cf_colors_color('dark', 'masthead_background');
    ?>
;
}
/* featured posts */
#featured-posts .featured {
	background-color: <?php 
    echo cf_colors_color('darkest', 'featured_posts_background');
    ?>
;
	border-bottom-color: <?php 
    echo cf_colors_color('darkest', 'featured_posts_border_bottom_color');
    ?>
;
}
#featured-posts .featured-title,
#featured-posts .has-featured-img .featured-format {
	background-color: <?php 
    echo cf_colors_color('darkest', 'featured_posts_title_background');
    ?>
;
	color: <?php 
    echo cf_colors_color('lightest', 'featured_posts_title_color');
    ?>
;
}
#featured-posts .featured-content {
	color: <?php 
    echo cf_colors_color('lightest', 'featured_posts_content_color');
    ?>
;
}
/* gallery */
/* set bg color to tile featured gallery with less than 4 images */
#featured-posts .gallery-img-excerpt li.excerpt-img-0 {
	background-color: <?php 
    echo cf_colors_color('light', 'featured_gallery_img_0');
    ?>
;
}
#featured-posts .gallery-img-excerpt li.excerpt-img-1 {
	background-color: <?php 
    echo cf_colors_color('medium', 'featured_gallery_img_1');
    ?>
;
}
#featured-posts .gallery-img-excerpt li.excerpt-img-2 {
	background-color: <?php 
    echo cf_colors_color('medium', 'featured_gallery_img_2');
    ?>
;
}
#featured-posts .gallery-img-excerpt li.excerpt-img-3 {
	background-color: <?php 
    echo cf_colors_color('light', 'featured_gallery_img_3');
    ?>
;
}

/* video */
#featured-posts .featured-format-video {
	background-color: <?php 
    echo cf_colors_color('light', 'featured_format_video_background');
    ?>
;
	border-bottom-color: <?php 
    echo cf_colors_color('light', 'featured_posts_border_bottom_color');
    ?>
;
}

/* rollover */
#featured-posts .featured:hover {
	border-bottom-color: rgba(<?php 
    echo_hex(cf_colors_color('light', 'featured_posts_hover_border'));
    ?>
, .8);
}
#featured-posts .featured:hover .featured-content {
	background-color: rgb(<?php 
    echo_hex(cf_colors_color('light', 'featured_posts_hover_background'));
    ?>
); /* fallback for IE */
	background-color: rgba(<?php 
    echo_hex(cf_colors_color('light', 'featured_posts_hover_background'));
    ?>
, .8);
	color: <?php 
    echo cf_colors_color('darkest', 'featured_posts_hover_color');
    ?>
;
}


/** Post
 -------------------------------------------------- */
.entry-date a:hover,
.entry-meta a:hover {
	color: <?php 
    echo cf_colors_color('darkest', 'post_meta_a_hover_color');
    ?>
;
}
.entry-media a:hover {
	border-bottom-color: <?php 
    echo cf_colors_color('medium', 'post_media_hover_border');
    ?>
;
}
.link-screenshot:hover {
	border-bottom-color: <?php 
    echo cf_colors_color('medium', 'link_screenshot_hover_border');
    ?>
;
}

/** Sidebar, Widgets, Search Results
 -------------------------------------------------- */
.bio-box a {
	color: <?php 
    echo cf_colors_color('darkest', 'bio_box_a');
    ?>
;
}
.bio-box a:hover {
	color: <?php 
    echo cf_colors_color('lightest', 'bio_box_a_hover');
    ?>
;
}
.bio-box-gallery a.bio-carousel-nav:hover {
	background-color: <?php 
    echo cf_colors_color('medium', 'bio_box_carousel_hover_background');
    ?>
;
}
.bio-box-gallery,
.bio-box-content,
.bio-box-links {
	background-color: <?php 
    echo cf_colors_color('medium', 'bio_box_content_background');
    ?>
;
	color: <?php 
    echo cf_colors_color('lightest', 'bio_box_content_color');
    ?>
;
}
.bio-box-title {
	color: <?php 
    echo cf_colors_color('darkest', 'bio_box_title_color');
    ?>
;
}
.bio-box-links ul li a:hover {
	border-color: <?php 
    echo cf_colors_color('darkest', 'bio_box_links_a_hover_border');
    ?>
;
}
.widget-title,
.searchform,
.search-title {
	color: <?php 
    echo cf_colors_color('dark', 'widget_title_color');
    ?>
;
	background-color: <?php 
    echo cf_colors_color('light', 'widget_title_background');
    ?>
;
}
#primary .heading,
.full-archive-container .heading {
	background-color: <?php 
    echo cf_colors_color('light', 'widget_title_background');
    ?>
;
}
#primary .heading .page-title,
.full-archive-container .page-title {
	color: <?php 
    echo cf_colors_color('dark', 'widget_title_color');
    ?>
;
}
#primary .heading .page-title em,
.full-archive-container .page-title em {
	color: <?php 
    echo cf_colors_color('darkest', 'widget_title_color');
    ?>
;
}

.search-title em {
	color: <?php 
    echo cf_colors_color('darkest', 'search_title_em_color');
    ?>
;
}
.searchform #s {
	color: <?php 
    echo cf_colors_color('darkest', 'widget_search_s_color');
    ?>
;
}
.searchform #s::-webkit-input-placeholder {
	color: <?php 
    echo cf_colors_color('dark', 'widget_search_placeholder_color');
    ?>
;
}
.searchform #s:-moz-placeholder {
	color: <?php 
    echo cf_colors_color('dark', 'widget_search_placeholder_color');
    ?>
;
}
.searchform #searchsubmit:hover,
.searchform #searchsubmit:focus {
	background-color: <?php 
    echo cf_colors_color('dark', 'widget_search_submit_hover_background');
    ?>
;
}
.searchform #searchsubmit:active {
	background-color: <?php 
    echo cf_colors_color('darkest', 'widget_search_submit_active_background');
    ?>
;
}

/** Image Archive
 -------------------------------------------------- */
.img-vid-archive .entry-title-img {
	background-color: <?php 
    echo cf_colors_color('darkest', 'featured_posts_title_background');
    ?>
;
}

.entry-header-img .comments-title:hover {
	color: <?php 
    echo cf_colors_color('darkest', 'post_meta_a_hover_color');
    ?>
;
}

/** Footer
 -------------------------------------------------- */
#footer {
	color: <?php 
    echo cf_colors_color('lightest', 'footer_color');
    ?>
;
	background-color: <?php 
    echo cf_colors_color('dark', 'footer_background');
    ?>
;
}
#footer a {
	color: <?php 
    echo cf_colors_color('light', 'footer_a');
    ?>
;
}

/** Utilities
 -------------------------------------------------- */
.wp-caption dd {
	color: <?php 
    echo cf_colors_color('dark', 'wp_caption_dd_color');
    ?>
;
	background-color: <?php 
    echo cf_colors_color('lightest', 'wp_caption_dd_background');
    ?>
;
}
.post .gallery-img-excerpt li a:hover,
.attachment-next a:hover,
.attachment-prev a:hover {
	border-bottom-color: <?php 
    echo cf_colors_color('medium', 'gallery_nav_border_hover');
    ?>
;
}
.post .gallery-img-excerpt li.gallery-view-all a {
	background-color: <?php 
    echo cf_colors_color('lightest', 'gallery_view_all_background');
    ?>
;
}
.post .gallery-img-excerpt li.gallery-view-all a:hover {
	background-color: <?php 
    echo cf_colors_color('light', 'gallery_view_all_hover_background');
    ?>
;
}
.post .gallery-thumbs a:hover {
	border-bottom-color: <?php 
    echo cf_colors_color('medium', 'gallery_thumbs_a_hover_border');
    ?>
;
}
.post .gallery-thumbs a.activated {
	border-bottom-color: <?php 
    echo cf_colors_color('darkest', 'gallery_thumbs_a_activated_border');
    ?>
;
}
.edit-link a {
	background-color: <?php 
    echo cf_colors_color('dark', 'edit_link_background');
    ?>
;
}
.edit-link a:hover {
	background-color: <?php 
    echo cf_colors_color('darkest', 'edit_link_background_hover');
    ?>
;
}


/* Shortcode Gallery */
#content .gallery-item .gallery-icon a:hover {
	border-bottom-color: <?php 
    echo cf_colors_color('medium', 'gallery_icon_a_hover_border');
    ?>
;
}

/* Social */
#social #reply-title,
#social .comments-title,
#social .nocomments,
#social .social-nav,
#social .social-nav a span {
	background-color: <?php 
    echo cf_colors_color('light', 'social-heading_background');
    ?>
;
}
#social #reply-title,
#social .comments-title {
	color: <?php 
    echo cf_colors_color('dark', 'widget_title_color');
    ?>
;
}
#social .social-heading,
#social .nocomments {
	color: <?php 
    echo cf_colors_color('dark', 'social_heading_color');
    ?>
;
}
#social .social-nav a,
#social #submit,
#facebook_signin,
#twitter_signin {
	background-color: <?php 
    echo cf_colors_color('dark', 'social_button_background');
    ?>
;
}
#social .social-nav a:hover,
#social #submit:hover,
#facebook_signin:hover,
#twitter_signin:hover {
	background-color: <?php 
    echo cf_colors_color('darkest', 'social_button_hover_background');
    ?>
;
}
#social .social-nav a {
	color: <?php 
    echo cf_colors_color('dark', 'social_a_color');
    ?>
;
}
#social .social-current-tab a,
#social .social-nav a:hover {
	color: <?php 
    echo cf_colors_color('darkest', 'social_nav_a_color');
    ?>
;
	background-color: <?php 
    echo cf_colors_color('darkest', 'social_nav_a_background');
    ?>
;
}
#social .social-posted-from {
	background-color: <?php 
    echo cf_colors_color('light', 'social_posted_form_background');
    ?>
;
}
#social .comment-awaiting-moderation {
	background-color: <?php 
    echo cf_colors_color('light', 'social_moderation_background');
    ?>
;
	color: <?php 
    echo cf_colors_color('darkest', 'social_moderation_color');
    ?>
;
}
#social .social-posted-when:hover,
#social .social-actions a:hover {
	color: <?php 
    echo cf_colors_color('medium', 'a_hover');
    ?>
;
}
<?php 
    return ob_get_clean();
}