diff --git a/src/wp-content/themes/savinggrace/custom.css b/src/wp-content/themes/savinggrace/custom.css index c4fca51..7bc91d6 100644 --- a/src/wp-content/themes/savinggrace/custom.css +++ b/src/wp-content/themes/savinggrace/custom.css @@ -3,19 +3,6 @@ text-shadow: none !important; } -body { - color: #807c79; -} - -a { - color: #6E963D; -} - -a:hover { - color: #6E963D; -} - - .layout-full #main, .col-full { width: 960px; } @@ -30,12 +17,6 @@ a:hover { /* Header */ -#header { - border: 1px solid #EBA7E5; - border-bottom: 3px solid #A73A9F; - border-top: none; -} - #header-right { width: 490px; background: #fff; @@ -60,58 +41,24 @@ a:hover { /* Navigation */ #navigation-top { - background: #a73b9e; margin-bottom: 28px; } -#navigation-top .nav li.current_page_item a:hover, -#navigation-top .nav li.current-cat a:hover, -#navigation-top .nav li.current-menu-item a:hover { - background: #eea8e6; -} - -#navigation-top .nav li.current_page_item a, -#navigation-top .nav li.current_page_parent a, -#navigation-top .nav li.current-menu-ancestor a, -#navigation-top .nav li.current-cat a, -#navigation-top .nav li.current-menu-item a { - background: #eea8e6; - color: #A73B9E; -} - #navigation-top .nav li a { - border-left: 1px solid #D585CD; - color: #eca6e4; + border-left: 1px solid #FFF; text-shadow: none; -} -#navigation-top .nav li a:hover, -.top-search a:hover { - color:#A73B9E; - background-color: #D585CD !important; + color: #fff; } .top-search a:hover { border-radius:0 0 9px 0; -moz-border-radius:0 0 9px 0; -webkit-border-radius:0 0 9px 0; } -.nav a { - color: #4b4b4b; -} -.nav a:hover, -.nav li.current_page_item a, -.nav li.current_page_parent a, -.nav li.current-menu-ancestor a, -.nav li.current-cat a, -.nav li.current-menu-item a { - background: #DAE589; -} - #navigation { background: none; font-family: "Yanone Kaffeesatz",serif; letter-spacing: 1px; text-transform: uppercase; - color: #4b4b4b; font-weight: normal; } @@ -120,7 +67,6 @@ a:hover { } #navigation .nav li a:hover { - color: #6E963D; background: none; } @@ -131,20 +77,15 @@ a:hover { } #slides.slides .slide-content .slide-title { font-size: 30px; - color: #6E963D; text-shadow: 0 1px 0 #fff; } #slides.slides .slide-content .slide-entry { font-size: 20px; - color: #474747; line-height: 1.3em; } -#slide-navigator { - background: none repeat scroll 0 0 rgba(218, 229, 137, 0.6); -} #slide-navigator a.pager { - margin-top:3px; + margin-top:3px; } #slide-navigator a.pager:hover { -moz-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; } @@ -160,12 +101,8 @@ a:hover { #content { margin-top: 3px; - border: 1px solid #EBA7E5; - border-bottom: 3px solid #A73A9F; -} -.home #content { - border-top: 3px solid #EBA7E5; } + #sidebar, .page-template-template-donate-php #intro { background: #fff; background: rgba(255,255,255,0.9); @@ -183,8 +120,6 @@ h1, h2, h3, h4, h5, h6 { color: #999; } -#intro { color: #807C79; } - .post, .widget, #blog-title, #respond, #comments { @@ -194,7 +129,6 @@ h1, h2, h3, h4, h5, h6 { background: none; text-transform: none; font-size: 24px; - color: #979A9F; } .widget h3 { @@ -204,15 +138,9 @@ h1, h2, h3, h4, h5, h6 { font-size: 22px; } .post .title a:link, .post .title a:visited, .post-meta a:link, .post-meta a:visited { - color: #6E963D; line-height: 1; } -.post .title a:hover { - text-shadow: none; - color: #DAE589; -} - .entry img, img.thumbnail, #comments .avatar img { box-shadow: 2px 1px 6px #ccc; } @@ -273,10 +201,6 @@ h1, h2, h3, h4, h5, h6 { box-shadow: 2px 1px 6px #ccc; } -#comments .avatar .name { - color: #77726F; -} - #respond input#author { background: #f0f0f0 url(../images/ico-user.png) no-repeat 12px 9px; } #respond input#email { background: #f0f0f0 url(../images/ico-mail.png) no-repeat 12px 11px; } #respond input#url { background: #f0f0f0 url(../images/ico-link.png) no-repeat 12px 11px; } @@ -346,7 +270,9 @@ h1, h2, h3, h4, h5, h6 { #search-top .searchform input.search-submit, .searchform input.search-submit { - background: #6E963D url(images/ico-search-top-form.png) no-repeat 8px center; + background-image: url(images/ico-search-top-form.png); + background-position: 8px center; + background-repeat: no-repeat; } .searchform input.search-submit { @@ -355,8 +281,6 @@ h1, h2, h3, h4, h5, h6 { .post .post-date { - border-color: #A73A9F; - background-color: #541D50; padding-bottom: 10px; } @@ -380,8 +304,8 @@ h1, h2, h3, h4, h5, h6 { .widget_woo_archives .fl { width: 10%; margin: 0;} .widget_woo_archives .fr { width: 87%; margin: 0;} .widget_woo_archives li { float: left; margin:0 4px; } -.widget_woo_archives li a { font-size: 11px; color: #fff; background: #6E963D; padding: 0px 4px !important; display: block; } -.widget_woo_archives li a:hover { color: #6E963D; background: #DAE589; text-decoration: none !important; } +.widget_woo_archives li a { font-size: 11px; padding: 0px 4px !important; display: block; } +.widget_woo_archives li a:hover { text-decoration: none !important; } #post-entries a { @@ -399,13 +323,7 @@ h1, h2, h3, h4, h5, h6 { margin-bottom: 25px; } -#donate { - border-top: 3px solid #EBA7E5 !important; - border-bottom: 2px solid #A73A9F !important; - background: #fff; -} - -.home #donate { +#donate, .home #donate { background: #fff; } @@ -416,9 +334,6 @@ h1, h2, h3, h4, h5, h6 { body.chrome #slides.slides { margin-left: 0px; } body.gecko #slides.slides { margin-left: 0px; } -/*#slides.slides ul { float: left; } -#slides.slides .slide { float: left; width: 100%; } -#slides.slides .slide-image { float: left; width: 480px; margin: 30px 0; }*/ .layout-left-content #slides.slides .slide-content, .layout-right-content #slides.slides .slide-content { width: 303px; diff --git a/src/wp-content/themes/savinggrace/includes/theme-actions.php b/src/wp-content/themes/savinggrace/includes/theme-actions.php index 02ba557..94f0a4c 100644 --- a/src/wp-content/themes/savinggrace/includes/theme-actions.php +++ b/src/wp-content/themes/savinggrace/includes/theme-actions.php @@ -32,14 +32,25 @@ if (!function_exists( 'woo_custom_styling')) { $body_img = $woo_options[ 'woo_body_img' ]; $body_repeat = $woo_options[ 'woo_body_repeat' ]; $body_position = $woo_options[ 'woo_body_pos' ]; + $text = $woo_options[ 'woo_text_color' ]; $link = $woo_options[ 'woo_link_color' ]; $hover = $woo_options[ 'woo_link_hover_color' ]; $button = $woo_options[ 'woo_button_color' ]; + $top_menu_back = $woo_options[ 'woo_top_menu_back_color' ]; + $top_menu_active = $woo_options[ 'woo_top_menu_active_color' ]; // Add CSS to output if ($body_color) - $output .= 'body {background:'.$body_color.'}' . "\n"; - + $output .= 'body {background:'.$body_color.';}' . "\n"; + + if ($text) { + $output .= 'body {color:'.$text.';}' . "\n"; + $output .= '.nav a { color:'.$text.';}' . "\n"; + $output .= '#navigation .nav li a {border-left-color: '.$text.';}' . "\n"; + $output .= '#intro {color: '.$text.';}' . "\n"; + $output .= '#slides.slides .slide-content .slide-entry {color: '.$text.';}' . "\n"; + } + if ($body_img) $output .= 'body {background-image:url( '.$body_img.')}' . "\n"; @@ -49,17 +60,56 @@ if (!function_exists( 'woo_custom_styling')) { if ($body_img && $body_position) $output .= 'body {background-position:'.$body_position.'}' . "\n"; - if ($link) - $output .= 'a {color:'.$link.'}' . "\n"; + if ($link) { + $output .= 'a, .post .title a:link, .post .title a:visited, .post-meta a:link, .post-meta a:visited, #comments .avatar .name a { color:'.$link.'}' . "\n"; + $output .= '#search-top .searchform input.search-submit, .searchform input.search-submit { background-color: '.$link.';}' . "\n"; + $output .= '#slides.slides .slide-content .slide-title { color:'.$link.';}' . "\n"; + } - if ($hover) - $output .= 'a:hover, .post-more a:hover, .post-meta a:hover, .post p.tags a:hover {color:'.$hover.'}' . "\n"; + if ($hover) { + $output .= 'a:hover, .post-more a:hover, .post-meta a:hover, .post p.tags a:hover, .post .title a:hover, .post-meta a:hover, #comments .avatar .name a:hover {color:'.$hover.';}' . "\n"; + $output .= '#slide-navigator {background-color: '.$hover.';}' . "\n"; + } if ($button) { $output .= 'a.button, a.comment-reply-link, #commentform #submit, #contact-page .submit {background:'.$button.';border-color:'.$button.'}' . "\n"; $output .= 'a.button:hover, a.button.hover, a.button.active, a.comment-reply-link:hover, #commentform #submit:hover, #contact-page .submit:hover {background:'.$button.';opacity:0.9;}' . "\n"; } + if ($link && $hover) { + $output .= '.widget_woo_archives li a { background:'.$link.'; color:'.$hover.';}' . "\n"; + $output .= '.widget_woo_archives li a:hover { background:'.$hover.'; color:'.$link.';}' . "\n"; + $output .= '#navigation .nav li a:hover { color:'.$link.';}' . "\n"; + $output .= '.nav a:hover, + .nav li.current_page_item a, + .nav li.current_page_parent a, + .nav li.current-menu-ancestor a, + .nav li.current-cat a, + .nav li.current-menu-item a { color: '.$link.'; background: '.$hover.';}' . "\n"; + } + + + if ($top_menu_back) { + $output .= '#navigation-top { background:'.$top_menu_back.';}' . "\n"; + + } + + if ($top_menu_active) { + $output .= '#navigation-top .nav li.current_page_item a, + #navigation-top .nav li.current_page_parent a, + #navigation-top .nav li.current-menu-ancestor a, + #navigation-top .nav li.current-cat a, + #navigation-top .nav li.current-menu-item a { background:'.$top_menu_active.'; color: ;}' . "\n"; + } + + if ($top_menu_back && $top_menu_active) { + $output .= '#header { border: 1px solid '.$top_menu_active.'; border-bottom: 3px solid '.$top_menu_back.'; border-top: none;}' . "\n"; + $output .= '#content, .home #content, .home #donate { border: 1px solid '.$top_menu_active.'; border-bottom: 3px solid '.$top_menu_back.';}' . "\n"; + + $output .= '.post .post-date { background-color:'.$top_menu_back.'; border-color:'.$top_menu_active.';}' . "\n"; + $output .= '#navigation-top .nav li a:hover, .top-search a:hover { background-color:'.$top_menu_active.'; color: '.$top_menu_back.'.}' . "\n"; + } + // Adjust slider title size, if content is enabled. if ( $woo_options[ 'woo_slider_content' ] == "true" ) $output .= '#slides.slides .slide-content .slide-title { font-size: 50px; line-height: 1.2em; margin-top:10px; }' . "\n"; diff --git a/src/wp-content/themes/savinggrace/includes/theme-functions.php b/src/wp-content/themes/savinggrace/includes/theme-functions.php index aac4cac..5d42221 100644 --- a/src/wp-content/themes/savinggrace/includes/theme-functions.php +++ b/src/wp-content/themes/savinggrace/includes/theme-functions.php @@ -95,7 +95,7 @@ if (!function_exists( 'woo_subscribe_connect')) { ?>
-

+

>

diff --git a/src/wp-content/themes/savinggrace/includes/theme-options.php b/src/wp-content/themes/savinggrace/includes/theme-options.php index 60ebf8c..d9a62d3 100644 --- a/src/wp-content/themes/savinggrace/includes/theme-options.php +++ b/src/wp-content/themes/savinggrace/includes/theme-options.php @@ -198,6 +198,12 @@ $options[] = array( "name" => "Background image position", "type" => "select", "options" => array( "top left","top center","top right","center left","center center","center right","bottom left","bottom center","bottom right")); +$options[] = array( "name" => "Text Color", + "desc" => "Pick a custom color for normal text or add a hex color code e.g. #697e09", + "id" => "woo_text_color", + "std" => "#807c79", + "type" => "color" ); + $options[] = array( "name" => "Link Color", "desc" => "Pick a custom color for links or add a hex color code e.g. #697e09", "id" => "woo_link_color", @@ -216,6 +222,19 @@ $options[] = array( "name" => "Button Color", "std" => "", "type" => "color" ); +$options[] = array( "name" => "Top Menu Background Color", + "desc" => "Color de fondo del menĂº superior", + "id" => "woo_top_menu_back_color", + "std" => "#a73b9e", + "type" => "color" ); + +$options[] = array( "name" => "Top Menu Active Color", + "desc" => "Color de fondo para la entrada del menĂº superior activa", + "id" => "woo_top_menu_active_color", + "std" => "#3f4", + "type" => "color" ); + + /* Typography */ $options[] = array( "name" => "Typography",