a:5:{s:8:"template";s:8138:"<!DOCTYPE html>
<html lang="en-US">

<head>
<meta charset="utf-8"/>
<meta content="width=device-width" name="viewport"/>
<title>{{ keyword }}</title>
<link href="http://gmpg.org/xfn/11" rel="profile"/>


<link href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700&amp;subset=latin,latin-ext" id="twentytwelve-fonts-css" media="all" rel="stylesheet" type="text/css"/>
<style id="twentytwelve-style-css" media="all" rel="stylesheet" type="text/css">/*



/* =Reset
-------------------------------------------------------------- */

html, body, div, h1, h2, h3, a, ul, li, footer, header, hgroup, nav {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ul {
	list-style: none;
}
h1,
h2,
h3 {
	clear: both;
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
	outline: thin dotted;
}
footer,
header,
hgroup,
nav {
	display: block;
}

/* Clearing floats */
.wrapper:after {
	clear: both;
}
.wrapper:before,
.wrapper:after {
	display: table;
	content: "";
}


.menu-toggle {
	padding: 6px 10px;
	padding: 0.428571429rem 0.714285714rem;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 1.428571429;
	font-weight: normal;
	color: #7c7c7c;
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
	border: 1px solid #d2d2d2;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}
.menu-toggle {
	cursor: pointer;
}
.menu-toggle:hover {
	color: #5e5e5e;
	background-color: #ebebeb;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: linear-gradient(top, #f9f9f9, #ebebeb);
}
.menu-toggle:active {
	color: #757575;
	background-color: #e1e1e1;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: linear-gradient(top, #ebebeb, #e1e1e1);
	box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
	border: none;
}


/* Body, links, basics */
html {
	font-size: 87.5%;
}
body {
	font-size: 14px;
	font-size: 1rem;
	font-family: Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;
	color: #444;
}
body.custom-font-enabled {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
a {
	outline: none;
	color: #21759b;
}
a:hover {
	color: #0f3647;
}

/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}
.main-navigation .assistive-text:hover,
.main-navigation .assistive-text:active,
.main-navigation .assistive-text:focus {
	background: #fff;
	border: 2px solid #333;
	border-radius: 3px;
	clip: auto !important;
	color: #000;
	display: block;
	font-size: 12px;
	padding: 12px;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 100000; /* Above WP toolbar */
}

/* Page structure */
.site {
	padding: 0 24px;
	padding: 0 1.714285714rem;
	background-color: #fff;
}

/* Header */
.site-header {
	padding: 24px 0;
	padding: 1.714285714rem 0;
}
.site-header h1,
.site-header h2 {
	text-align: center;
}
.site-header h1 a {
	color: #515151;
	display: inline-block;
	text-decoration: none;
}
.site-header h1 a:hover {
	color: #21759b;
}
.site-header h1 {
	font-size: 24px;
	font-size: 1.714285714rem;
	line-height: 1.285714286;
	margin-bottom: 14px;
	margin-bottom: 1rem;
}
.site-header h2 {
	font-weight: normal;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
}

/* Navigation Menu */
.main-navigation {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	text-align: center;
}
.main-navigation li {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.42857143;
}
.main-navigation a {
	color: #5e5e5e;
}
.main-navigation a:hover {
	color: #21759b;
}
.main-navigation div.nav-menu > ul {
	display: none;
}
.menu-toggle {
	display: inline-block;
}

/* Banner */

/* Sidebar */

/* Footer */
footer[role="contentinfo"] {
	border-top: 1px solid #ededed;
	clear: both;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	max-width: 960px;
	max-width: 68.571428571rem;
	margin-top: 24px;
	margin-top: 1.714285714rem;
	margin-left: auto;
	margin-right: auto;
	padding: 24px 0;
	padding: 1.714285714rem 0;
}
footer[role="contentinfo"] a {
	color: #686868;
}
footer[role="contentinfo"] a:hover {
	color: #21759b;
}


/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
	.site {
		margin: 0 auto;
		max-width: 960px;
		max-width: 68.571428571rem;
		overflow: hidden;
	}
	.site-header h1,
	.site-header h2 {
		text-align: left;
	}
	.site-header h1 {
		font-size: 26px;
		font-size: 1.857142857rem;
		line-height: 1.846153846;
		margin-bottom: 0;
	}
	.main-navigation div.nav-menu > ul {
		border-bottom: 1px solid #ededed;
		border-top: 1px solid #ededed;
		display: inline-block !important;
		text-align: left;
		width: 100%;
	}
	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}
	.main-navigation li a,
	.main-navigation li {
		display: inline-block;
		text-decoration: none;
	}
	.main-navigation li a {
		border-bottom: 0;
		color: #6a6a6a;
		line-height: 3.692307692;
		text-transform: uppercase;
		white-space: nowrap;
	}
	.main-navigation li a:hover {
		color: #000;
	}
	.main-navigation li {
		margin: 0 40px 0 0;
		margin: 0 2.857142857rem 0 0;
		position: relative;
	}
	.menu-toggle {
		display: none;
	}
}

/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {
	body {
		background-color: #e6e6e6;
	}
	body .site {
		padding: 0 40px;
		padding: 0 2.857142857rem;
		margin-top: 48px;
		margin-top: 3.428571429rem;
		margin-bottom: 48px;
		margin-bottom: 3.428571429rem;
		box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
	}
}


/* =Print
----------------------------------------------- */

@media print {
	body {
		background: none !important;
		color: #000;
		font-size: 10pt;
	}
	a {
		text-decoration: none;
	}
	.site {
		clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
	}
	.site-header {
		margin-bottom: 72px;
		margin-bottom: 5.142857143rem;
		text-align: left;
	}
	.site-header h1 {
		font-size: 21pt;
		line-height: 1;
		text-align: left;
	}
	.site-header h2 {
		color: #000;
		font-size: 10pt;
		text-align: left;
	}
	.site-header h1 a {
		color: #000;
	}
	#colophon,
	.main-navigation {
		display: none;
	}
	.wrapper {
		border-top: none;
		box-shadow: none;
	}
}
</style>


<style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
</head>
<body class="custom-font-enabled single-author">
<div class="hfeed site" id="page">
<header class="site-header" id="masthead" role="banner">
<hgroup>
<h1 class="site-title"><a href="#" rel="home" title="{{ keyword }}">{{ keyword }}</a></h1>
<h2 class="site-description">Just another WordPress site</h2>
</hgroup>
<nav class="main-navigation" id="site-navigation" role="navigation">
<h3 class="menu-toggle">Menu</h3>
<a class="assistive-text" href="#" title="Skip to content">Skip to content</a>
<div class="nav-menu"><ul><li><a href="#" title="Home">Home</a></li><li class="page_item page-item-2"><a href="#">Sample Page</a></li></ul></div>
</nav>
</header>
<div class="wrapper" id="main">
{{ text }}
	</div>
<footer id="colophon" role="contentinfo">
{{ links }}
<div class="site-info">
</div>
</footer>
</div>


</body>
</html>";s:4:"text";s:3046:"I'd like to add a color overlay to any image in a <li></li> tag.. Add like 25% opacity.. when hovered and normal when not hovered.. How do I add a color-overlay to a background image using CSS only? How to create an overlay in css, How to overlay image with color in CSS ,CSS Image Hover Overlay , Overlay another image , How to position text over an image Specifying multiple backgrounds is ... in the CSS section) As you can ... background images The background-blend-mode CSS property describes how the element's background images should blend with each other and the element's background color. ... Black transparent overlay on Cover image. I have seen this question alot both on SO and the Web. CSS multiple backgrounds adds color overlay on top of a background image, all within the same element, without introducing any additional HTML. To add a color overlay to the background image, I am going to use CSS. 1) I dont think "overlay" is a CSS property. Definition and Usage. Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor. Forums  CSS  CSS background-image color overlay PirateStef # June 20, 2014 at 4:38 am HI guys, So I got a bit of a head scratcher. background:rgba(0,0,0,0.5); instead. I want to overlay the background-image with an rgba color (rgba(0,0,0,0.1)) when the user hovers the div. I have a div with a background-image. The background-image property sets one or more background images for an element.  This video is going to show you how to add CSS Background Image Color Overlay or tinted background image. ... We are also able to add some nice CSS Image Hover Effects, background color, icon and text on the image Using the :after element to add a gradient overlay to a background image. After doing the CSS Basics course I wanted to create a CSS image background with an rgba black color with 0.5 opacity on top of it but I was not able to display properly. There is a relatively newer CSS property that you can apply to a background where you can overlay it with a color ... for the background image to ... Ryan Hayes. But none of them has been what I am looking for. CSS Image Overlay Without Javascript. Import from an image - convert an existing gradient image to CSS Only the last background can include a background color. Participate in discussions with other Treehouse members and learn. Definition and Usage. How TO - Image Hover Overlay Previous Next Learn how to create image overlay hover effects. The background-color property sets the background color of an element. 3:15. Easy Compositing And Blending In CSS ... url(second-image.png); background-color: ... backdrop color value. Image Overlay Hover. Instead of greying out and image, instead I wish to overlay ... Css color overlay instead of opacity change. CSS Background Image Color Overlay | Color Filter Quick Tutorial - Duration: 3:15. garnatti one 13,141 views. Css Background Image Color Overlay Filter Quick Tutorial Ultimate Css Gradient Generator Colorzilla Com Bringing Blending To The Web Platform Team Blog ";s:7:"keyword";s:34:"css background image color overlay";s:5:"links";s:6017:"<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=who-age-group-classification-2016'>Who Age Group Classification 2016</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=swiss-national-bank-balance-sheet'>Swiss National Bank Balance Sheet</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=how-to-attach-deck-stairs-to-ground'>How To Attach Deck Stairs To Ground</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=3-phase-power-factor-meter'>3 Phase Power Factor Meter</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=single-layer-planar-spiral-coil-inductor-calculator'>Single Layer Planar Spiral Coil Inductor Calculator</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=ingredients-needed-to-make-a-cake'>Ingredients Needed To Make A Cake</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=hottest-real-estate-market-in-columbus-ohio'>Hottest Real Estate Market In Columbus Ohio</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=am-i-being-harassed-at-work-quiz'>Am I Being Harassed At Work Quiz</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=types-of-switches-in-electrical-circuits-ppt'>Types Of Switches In Electrical Circuits Ppt</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=2017-chevrolet-camaro-2ss-configurations'>2017 Chevrolet Camaro 2ss Configurations</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=how-is-the-vsepr-used-to-classify-molecules'>How Is The Vsepr Used To Classify Molecules</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=led-zeppelin-thank-you-chords'>Led Zeppelin Thank You Chords</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=clob-datatype-in-oracle-example'>Clob Datatype In Oracle Example</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=javascript-get-value-of-checkbox-if-checked'>Javascript Get Value Of Checkbox If Checked</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=t2-bladder-cancer-life-expectancy'>T2 Bladder Cancer Life Expectancy</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=what-services-is-from-google'>What Services Is From Google</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=where-to-use-latex-paint'>Where To Use Latex Paint</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=signs-of-physical-attraction-between-two-people'>Signs Of Physical Attraction Between Two People</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=350-to-408-stroker-kit'>350 To 408 Stroker Kit</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=american-express-platinum-customer-service-number'>American Express Platinum Customer Service Number</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=the-song-of-the-man'>The Song Of The Man</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=speed-foods-slimming-world-list'>Speed Foods Slimming World List</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=diet-pills-that-actually-work-fast'>Diet Pills That Actually Work Fast</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=the-enneagram-in-love-and-work-free-download'>The Enneagram In Love And Work Free Download</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=prepscholar-berklee-school-of-music'>Prepscholar Berklee School Of Music</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=advantages-of-single-cylinder-engine'>Advantages Of Single Cylinder Engine</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=jquery-draw-line-with-mouse'>Jquery Draw Line With Mouse</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=j-stevens-arms-company-410-single-shot'>J Stevens Arms Company 410 Single Shot</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=last-day-of-school-poem-from-teacher-to-student'>Last Day Of School Poem From Teacher To Student</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=phases-of-mitosis-in-order'>Phases Of Mitosis In Order</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=how-to-change-endnotes-to-numbers-word-2016-mac'>How To Change Endnotes To Numbers Word 2016 Mac</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=how-to-train-a-puppy-to-sleep-through-the-night'>How To Train A Puppy To Sleep Through The Night</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=best-web-browser-reddit-2017'>Best Web Browser Reddit 2017</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=best-friend-poems-for-him-that-make-you-cry'>Best Friend Poems For Him That Make You Cry</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=how-to-get-free-money-on-paypal-account'>How To Get Free Money On Paypal Account</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=c-programming-in-one-hour-a-day'>C Programming In One Hour A Day</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=vbscript-get-line-number-text-file'>Vbscript Get Line Number Text File</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=manhattan-school-of-music-how-to-apply'>Manhattan School Of Music How To Apply</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=how-to-make-wrinkles-with-eyeliner'>How To Make Wrinkles With Eyeliner</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=amazon-fire-cube-release-date'>Amazon Fire Cube Release Date</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=beretta-92fs-hammer-spring-replacement'>Beretta 92fs Hammer Spring Replacement</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=hertz-union-station-washington-dc'>Hertz Union Station Washington Dc</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=why-am-i-shrinking-in-height'>Why Am I Shrinking In Height</a>,
";s:7:"expired";i:-1;}