<?php

$bg = get_option( 'p2_background_color' ); //Account for custom background color and image in P2 theme options

if ( ! isset( $bg ) || '' == $bg )
	$bg = '#f1f1f1';


add_color_rule( 'bg', $bg, array(
 	array( 'blockquote', 'background-color', .7 ),
 	array( 'body', 'background-color' ),
 	array( '#main #respond,.textedit', 'background-color', .8 ),
) );

add_color_rule( 'fg1', '#e4f2fd', array(
 	array( '.category-link .postcontent p,.format-link .postcontent p', 'background-color' ),
 	array( '.liveupdates', 'background-color', .3 ),
 	array( '.sticky', 'background-color', .1 ),
 	array( '.main-navigation .menu li li:hover', 'background-color', .1 ),
 	array( '.main-navigation ul ul .current-menu-item > a,.main-navigation ul ul .current-menu-ancestor > a', 'background-color' ),
	),
	__( 'Sticky Posts', 'p2' )
);

add_color_rule( 'link', '#3478e3', array(
 	array( 'a,a:visited,h1 a:visited,a:active,#main .selected .actions a,#main .selected .actions a:link,#main .selected .actions a:visited,#help dt', 'color', '#ffffff' ),
 	array( '#sidebar a,#sidebar a:visited,#sidebar a:active', 'color', '#f7f7f7' ),
 	array( '.sticky a,.sticky a:visited,.sticky a:active', 'color', '#ffffff', 10 ),
 	array( '.category-link .postcontent p a,.format-link .postcontent p a', 'color', 'fg1', 80 ),
 	array( '#main #respond a,#main #respond a:visited,#main #respond a:active,.textedit a,.textedit a:visited,.textedit a:active', 'color', 'bg' ),
 	array( '.ac_over', 'background-color' ),
 	array( 'a.mention-current-user', 'color', '#efefef' ),
 	array( 'a.mention-current-user:hover', 'background-color' ),
 	array( 'a.mention-current-user:hover', 'border-color' ),
 	array( '.ui-menu .ui-menu-item a.ui-state-hover', 'background-color' ),
 	array( '#header h1 a, #header small', 'color', '#ffffff' ),
 	array( '.main-navigation li.current-menu-item > a,.main-navigation li.current-menu-ancestor > a', 'color', 'bg' ),
 	array( '.main-navigation li.current-menu-item:hover > a,.main-navigation li.current-menu-ancestor:hover > a', 'color', '#ffffff' ),
	),
	__( 'Site Title & Links', 'p2' )
);

add_color_rule( 'txt', '#d54e21', array(
 	array( 'a:hover, h1 a:hover, #main .selected .actions a:hover, #main .selected .actions a:active', 'color', '#ffffff' ),
 	array( 'a.mention-current-user:hover', 'color', 'link' ),
	),
	__( 'Link Hover', 'p2' )
);

add_color_rule( 'extra', '#888888', array(
	array( '#respond p label', 'color', 'bg', 10 ),
) );

add_color_rule( 'extra', '#555555', array(
	array( 'blockquote, #main blockquote p, #main blockquote ul, #main blockquote ol', 'color', 'bg', 10 ),
	array( '#main .sticky p, #main .sticky ul, #main .sticky ol', 'color', '#ffffff', 10 ),
	array( '#main #respond,.textedit', 'color', 'bg' ),
) );

add_color_rule( 'extra', '#777777', array(
	array( '#main #respond p', 'color', 'bg', 10 ),
	array( '#main #respond h3', 'color', 'bg', 10 ),
) );

add_color_rule( 'extra', '#ffffff', array(
	array( '#footer', 'border-color', .3 ),
 	array( '#wrapper', 'border-color', .3 ),
) );

add_color_rule( 'extra', '#666666', array(
	array( '.main-navigation .menu li a', 'color', 'bg' ),
	array( '.main-navigation .menu li li a', 'color', '#ffffff' ),
	array( '.main-navigation .menu li:hover a', 'color', '#ffffff' ),
) );

add_color_rule( 'extra', '#333333', array(
	array( '.main-navigation .menu li li a:hover', 'color', '#f2f8fd' ),
) );


$bgimage = get_option( 'p2_background_image' );

/* Extra CSS to override background settings when using Custom Colors if the p2 custom background image is also active
*/


add_theme_support( 'custom_colors_extra_css', 'p2_extra_css' );

function p2_extra_css() { ?>

	@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (-o-min-device-pixel-ratio: 3/2),
	only screen and (min--moz-device-pixel-ratio: 1.5),
	only screen and (min-device-pixel-ratio: 1.5) {
		.p2-background-image-bubbles.custom-colors.custom-background {
			background-size: auto auto;
		}
		.p2-background-image-dots.custom-colors.custom-background {
			background-size: auto auto;
		}
		.p2-background-image-squares.custom-colors.custom-background {
			background-size: auto auto;
		}
		.p2-background-image-plaid.custom-colors.custom-background {
			background-size: auto auto;
		}
		.p2-background-image-stripes.custom-colors.custom-background {
			background-size: auto auto;
		}
		.p2-background-image-santa.custom-colors.custom-background {
			background-size: auto auto;
		}

	}

<?php
}