<?php

/*
 * The background of the body element.
 */
add_color_rule( 'bg', '#ffffff', array(
	array( 'body', 'background-color' ),
) );


/*
 * All Headings.
 */
add_color_rule( 'txt', '#000000', array(
	array( '#site-name a',          'color' ),
	array( '.hentry header h1',     'color' ),
	array( '.hentry header h1 a',   'color' ),
	array( '#reply-title',          'color' ),
	array( '#comments-title',       'color' ),
	array( '#footer',               'border-top-color' ),
	array( '.sticky h1 a',          'border-bottom-color', 0.4 ),
	array( '#infinite-handle span', 'background-color' ),
	array( '#infinite-handle span', 'border-color', '+1' ),
), __( 'Headings' ) );


/*
 * Menu.
 *
 * Represents the background colors of all containers.
 * Including: menu, content area, sidebar, and comments.
 */
add_color_rule( 'fg1', '#111111', array(
	array( '#nav a',                'background-color' ),
	array( '#nav a',                'border-color', 'fg2', '+1' ),
	array( '#nav a:focus',          'background-color' ),
	array( '#nav a:hover',          'background-color' ),
	array( '#nav li:hover > a',     'background-color' ),
	array( '#nav li li:hover > a',  'background' ), // I'm not sure why background-color does not work here, but it doesn't!
	array( '#nav ul ul :hover > a', 'background-color' ),
	array( '#nav li li a:focus',    'background-color' ),

	array( '#nav .menu > ul > .current_menu_item > a',          'background-color' ),
	array( '#nav .menu > ul > .current_page_item > a',          'background-color' ),
	array( '#nav .menu > ul > .current_menu_item > a:hover',    'background-color' ),
	array( '#nav .menu > ul > .current_page_item > a:hover',    'background-color' ),
	array( '#nav .menu > ul > .current_menu_item > a:focus',    'background-color' ),
	array( '#nav .menu > ul > .current_page_item > a:focus',    'background-color' ),
	array( 'body #nav .menu > ul > .current_page_ancestor > a', 'background-color' ),
), __( 'Menu' ) );


/*
 * Links
 */
add_color_rule( 'link', '#989EAE', array(
	array( '.content a, .widget a, .colophon a', 'color', '#fff' ),
	array( '.content a:hover, .widget a:hover, .colophon a:hover',  'color', '-1' ),
) );


/*
 * Menu: Hover and Focus.
 */
add_color_rule( 'extra', '#cccccc', array(
	array( '#nav li li:hover > a',          'color', 'fg1' ),
	array( '#nav ul ul :hover > a',         'color', 'fg1' ),
	array( '#nav li li a:focus',            'color', 'fg1' ),
	array( '#nav li li:hover > a',          'color', 'fg1' ),
	array( '#nav a:focus',                  'color', 'fg1' ),
	array( '#infinite-handle span',         'color', 'txt' ),
	array( '#infinite-handle span::before', 'color', 'txt' ),
) );


/*
 * Reset Linked Headings.
 */
add_color_rule( 'extra', '#000000', array(
	array( '.content h1 a', 'color' ),
	array( '.content h2 a', 'color' ),
	array( '.content h3 a', 'color' ),
	array( '.content h4 a', 'color' ),
	array( '.content h5 a', 'color' ),
	array( '.content h6 a', 'color' ),
) );


/**
 * Custom CSS styles.
 */
function custom_colors_blaskan_extra_css() { ?>
#site #wrapper {
	background: #fff;
	padding: 40px;
}
@media (max-width: 768px) {
	#site #wrapper {
		padding: 10px;
	}
}
#nav a {
	background-image: -moz-linear-gradient( top, rgba( 255, 255, 255, 0.3 ), transparent );
	background-image: -o-linear-gradient( top, rgba( 255, 255, 255, 0.3 ), rgba( 255, 255, 255, 0 ) );
	background-image: -webkit-gradient( linear, left top, left bottom, from( rgba( 255, 255, 255, 0.3 ) ), to( rgba( 255, 255, 255, 0 ) ) );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccffffff', endColorstr='#ffffffff' );
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffffff, endColorstr=#ffffffff)";
	text-shadow: none;
}
#nav a:focus,
#nav a:hover,
#nav li:hover > a {
	background-image: -moz-linear-gradient( top, rgba( 255, 255, 255, 0.5 ), transparent );
	background-image: -o-linear-gradient( top, rgba( 255, 255, 255, 0.5 ), rgba( 255, 255, 255, 0 ) );
	background-image: -webkit-gradient( linear, left top, left bottom, from( rgba( 255, 255, 255, 0.5 ) ), to( rgba( 255, 255, 255, 0 ) ) );
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#ffffffff' );
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr=#66ffffff, endColorstr=#ffffffff )";
}
#nav li li:hover > a,
#nav ul ul :hover > a,
#nav li li a:focus {
	background-image: -moz-linear-gradient( top, transparent, rgba( 255, 255, 255, 0.2 ) );
	background-image: -webkit-gradient( linear, left top, left bottom, from( rgba( 255, 255, 255, 0 ) ), rgba( 255, 255, 255, 0.2 ) );
}

#nav .menu > ul > .current_menu_item > a,
#nav .menu > ul > .current_page_item > a,
#nav .menu > ul > .current_menu_item > a:hover,
#nav .menu > ul > .current_page_item > a:hover,
#nav .menu > ul > .current_menu_item > a:focus,
#nav .menu > ul > .current_page_item > a:focus,
body #nav .menu > ul > .current_page_ancestor > a {
	background-image: -moz-linear-gradient( top, rgba( 255, 255, 255, 0.4 ), transparent );
	background-image: -o-linear-gradient( top, rgba( 255, 255, 255, 0.4 ), rgba( 255, 255, 255, 0 ) );
	background-image: -webkit-gradient( linear, left top, left bottom, from( rgba( 255, 255, 255, 0.4 ) ), to( rgba( 255, 255, 255, 0 ) ) );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99ffffff', endColorstr='#ffffffff' );
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#ffffffff )";
}

<?php
}
add_theme_support( 'custom_colors_extra_css', 'custom_colors_blaskan_extra_css' );