Snippi
A super awesome snippet tool.
- 1.
<style> - 2.
- 3.
<?php $option = get_option('humble_theme_options'); $highlight = $option['highlight_color']; $copy = $option['copy_color']; $heading = $option['heading_color']; $footerBackground = $option['footer_background_color']; $footerCopy = $option['footer_copy_color']; $highlightHover = $option['highlight_hover_color']; $customCSS = $option['custom_css']; $responsive = $option['responsive']; ?> - 4.
- 5.
body { color: <?php echo $copy ?>; } - 6.
- 7.
h1,h2,h3,h4,h5 { - 8.
color: <?php echo $heading ?>; - 9.
} - 10.
- 11.
a, a.commentLink, .commentBox a, #aboutFeature h4, #aboutFeature h5, .tagcloud a:nth-child(2n):hover, a[rel="tag"]:nth-child(2n):hover, li:nth-child(2n) a:hover, li.recentcomments, .nivo-caption, .theme-default .nivo-directionNav a, input[type="submit"], .firstcharacter { - 12.
background: <?php echo $highlight ?>; - 13.
} - 14.
- 15.
nav li a:hover { - 16.
background: <?php echo $highlight ?> !important; - 17.
} - 18.
- 19.
li.recentcomments:after { - 20.
border-top: 15px solid <?php echo $highlight ?>; - 21.
} - 22.
- 23.
.bypostauthor > .comment-body{ - 24.
border: 1px solid <?php echo $highlight ?>; - 25.
} - 26.
- 27.
a:hover, .current-menu-item, .current-menu-parent, nav ul.menu li ul li.current-menu-parent, .tagcloud a:nth-child(2n), a[rel="tag"]:nth-child(2n), li:nth-child(2n) a, li.recentcomments:nth-of-type(2n), input[type="submit"]:hover { - 28.
background: <?php echo $highlightHover ?>; - 29.
} - 30.
- 31.
li.recentcomments:nth-of-type(2n):after { - 32.
border-top: 15px solid <?php echo $highlightHover ?>; - 33.
} - 34.
- 35.
.container a:hover, #footerWrapper a:hover { - 36.
background: <?php echo $highlight ?>; - 37.
} - 38.
- 39.
.tagcloud a:nth-child(2n):hover, a[rel="tag"]:nth-child(2n):hover, li:nth-child(2n) a:hover { - 40.
background: <?php echo $highlightHover ?> !important; - 41.
} - 42.
- 43.
<?php echo $customCSS; ?> - 44.
- 45.
</style> - 46.
- 47.
<?php if ( $responsive == '1' ) { ?> - 48.
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> - 49.
<link rel="stylesheet" href="<?php echo get_template_directory_uri() . '/css/responsive.css' ?>"> - 50.
<?php } ?>