a:4:{s:8:"template";s:16117:"<!DOCTYPE html>
<html class="no-js" lang="en-US">
<head>
<meta charset="utf-8"/>
<meta content="width=device-width" name="viewport"/>
<link href="http://gmpg.org/xfn/11" rel="profile"/>

<title>{{ keyword }}</title>

<style id="twentyfifteen-style-css" media="all" rel="stylesheet" type="text/css">

html, body, div, span, h2, p, a, ul, li, form, label {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 62.5%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	background: #f1f1f1;
}

aside,
footer,
header {
	display: block;
}

ul {
	list-style: none;
}

a:focus {
	outline: 2px solid #c1c1c1;
	outline: 2px solid rgba(51, 51, 51, 0.3);
}

a:hover,
a:active {
	outline: 0;
}


/**
 * 2.0 - Genericons
 */

.secondary-toggle:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-family: "Genericons";
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	speak: none;
	text-align: center;
	text-decoration: inherit;
	text-transform: none;
	vertical-align: top;
}


/**
 * 3.0 Typography
 */

body,
button,
input {
	color: #333;
	font-family: "Noto Serif", serif;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
}

h2 {
	clear: both;
	font-weight: 700;
}

p {
	margin-bottom: 1.6em;
}


/**
 * 4.0 Elements
 */

ul {
	margin: 0 0 1.6em 1.3333em;
}

ul {
	list-style: disc;
}

/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder {
	color: rgba(51, 51, 51, 0.7);
	font-family: "Noto Sans", sans-serif;
}

:-moz-placeholder {
	color: rgba(51, 51, 51, 0.7);
	font-family: "Noto Sans", sans-serif;
}

::-moz-placeholder {
	color: rgba(51, 51, 51, 0.7);
	font-family: "Noto Sans", sans-serif;
	opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: rgba(51, 51, 51, 0.7);
	font-family: "Noto Sans", sans-serif;
}


/**
 * 5.0 Forms
 */

button,
input {
	background-color: #f7f7f7;
	border-radius: 0;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}

button,
input {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	line-height: normal;
}

input {
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); /* Removing the inner shadow on iOS inputs */
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
}

input:focus {
	background-color: #fff;
	border: 1px solid #c1c1c1;
	border: 1px solid rgba(51, 51, 51, 0.3);
	color: #333;
}

input:focus {
	outline: 2px solid #c1c1c1;
	outline: 2px solid rgba(51, 51, 51, 0.3);
}

button,
input[type="submit"] {
	-webkit-appearance: button;
	background-color: #333;
	border: 0;
	color: #fff;
	cursor: pointer;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	padding: 0.7917em 1.5em;
	text-transform: uppercase;
}

button:hover,
input[type="submit"]:hover,
button:focus,
input[type="submit"]:focus {
	background-color: #707070;
	background-color: rgba(51, 51, 51, 0.7);
	outline: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="search"] {
	padding: 0.375em;
	width: 100%;
}

input[type="search"]:focus {
	outline: 0;
}

.search-form input[type="submit"],
.widget .search-form input[type="submit"] {
	padding: 0;
}


/**
 * 6.0 Navigations
 */


/**
 * 6.1 Links
 */

a {
	color: #333;
	text-decoration: none;
}

a:hover,
a:focus {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
}


/**
 * 6.2 Menus
 */

.secondary-toggle {
	background-color: transparent;
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
	height: 42px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 50%;
	right: 0;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 42px;
}

.secondary-toggle:before {
	color: #333;
	content: "\f419";
	line-height: 40px;
	width: 40px;
}

.secondary-toggle:hover,
.secondary-toggle:focus {
	background-color: transparent;
	border: 1px solid #c1c1c1;
	border: 1px solid rgba(51, 51, 51, 0.3);
	outline: 0;
}

/* reset screen-reader-text */


/**
 * 7.0 Accessibility
 */

/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}

/* must have higher specificity than alternative color schemes inline styles */
.site .skip-link {
	background-color: #f1f1f1;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
	color: #21759b;
	display: block;
	font: bold 14px/normal "Noto Sans", sans-serif;
	left: -9999em;
	outline: none;
	padding: 15px 23px 14px;
	text-decoration: none;
	text-transform: none;
	top: -9999em;
}

.site .skip-link:focus {
	clip: auto;
	height: auto;
	left: 6px;
	top: 7px;
	width: auto;
	z-index: 100000;
}


/**
 * 8.0 Alignments
 */


/**
 * 9.0 Clearings
 */

.site:before,
.site:after,
.site-content:before,
.site-content:after {
	content: "";
	display: table;
}

.site:after,
.site-content:after {
	clear: both;
}


/**
 * 10.0 Header
 */

.site-header {
	background-color: #fff;
	border-bottom: 1px solid rgba(51, 51, 51, 0.1);
	padding: 7.6923%;
}

.site-branding {
	min-height: 2em;
	padding-right: 60px;
	position: relative;
}

.site-title {
	font-family: "Noto Sans", sans-serif;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1.3636;
	margin-bottom: 0;
}


/**
 * 11.0 Widgets
 */

.widget {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	margin: 0 auto 9.09090%;
	width: 100%;
	word-wrap: break-word;
}

.widget input {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
}

.widget input {
	line-height: normal;
}

.widget input[type="submit"] {
	font-size: 12px;
	font-size: 1.2rem;
	padding: 0.7917em 1.5833em;
}

.widget input[type="search"] {
	padding: 0.375em;
}

.widget-title {
	color: #333;
	font-family: "Noto Sans", sans-serif;
	margin: 0 0 1.6em;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.widget > :last-child {
	margin-bottom: 0;
}

.widget_categories a {
	border: 0;
}

.widget_categories ul {
	list-style: none;
	margin: 0;
}

.widget_categories li {
	border-top: 1px solid #eaeaea;
	border-top: 1px solid rgba(51, 51, 51, 0.1);
	padding: 0.7667em 0;
}

.widget_categories li:first-child {
	border-top: 0;
	padding-top: 0;
}

.widget_categories li:last-child {
	padding-bottom: 0;
}


/**
 * 12.0 Content
 */

.secondary {
	background-color: #fff;
	display: none;
	padding: 0 7.6923%;
}

.widget-area {
	margin: 9.09090% auto 0;
}

.site-footer {
	background-color: #fff;
	border-top: 1px solid rgba(51, 51, 51, 0.1);
	padding: 3.84615% 7.6923%;
}


@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

/**
 * 16.1 Mobile Large 620px
 */

@media screen and (min-width: 38.75em) {
	ul {
		margin-left: 0;
	}

	.site-branding {
		min-height: 3.2em;
	}

	.site-title {
		font-size: 22px;
		font-size: 2.2rem;
		line-height: 1.0909;
	}

	.secondary {
		box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
		margin: 7.6923% 7.6923% 0;
		padding: 7.6923% 7.6923% 0;
	}

	.widget-area {
		margin-top: 0;
	}

	.widget {
		margin-bottom: 11.1111%;
	}

	.site-footer {
		border-top: 0;
		box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
		margin: 0 7.6923%;
		padding: 3.84615% 7.6923%;
	}

	/* restore screen-reader-text */
}


/**
 * 16.2 Tablet Small 740px
 */

@media screen and (min-width: 46.25em) {
	body,
	button,
	input {
		font-size: 17px;
		font-size: 1.7rem;
		line-height: 1.6471;
	}

	button,
	input {
		line-height: normal;
	}

	p,
	ul {
		margin-bottom: 1.6471em;
	}

	button,
	input[type="submit"] {
		font-size: 14px;
		font-size: 1.4rem;
		padding: 0.8214em 1.6429em;
	}

	input[type="search"] {
		padding: 0.5em;
	}

	.secondary-toggle {
		height: 56px;
		width: 56px;
	}

	.secondary-toggle:before {
		line-height: 54px;
		width: 54px;
	}

	.site-branding {
		min-height: 3.7059em;
		padding-right: 66px;
	}

	.site-title {
		font-size: 29px;
		font-size: 2.9rem;
		line-height: 1.2069;
	}

	.widget {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.5;
	}

	.widget ul {
		margin-bottom: 1.5em;
	}

	.widget input {
		line-height: 1.75;
	}

	.widget input {
		line-height: normal;
	}

	.widget input[type="submit"] {
		font-size: 14px;
		font-size: 1.4rem;
		padding: 0.8214em 1.6429em;
	}

	.widget input[type="search"] {
		padding: 0.5625em;
	}

	.widget-title {
		margin: 0 0 1.5em;
	}

	.widget_categories li {
		padding: 0.9643em 0;
	}
}


/**
 * 16.3 Tablet Large 880px
 */

@media screen and (min-width: 55em) {
	body,
	button,
	input {
		font-size: 19px;
		font-size: 1.9rem;
		line-height: 1.6842;
	}

	button,
	input {
		line-height: normal;
	}

	p,
	ul {
		margin-bottom: 1.6842em;
	}

	button,
	input[type="submit"] {
		font-size: 16px;
		font-size: 1.6rem;
		padding: 0.8125em 1.625em;
	}

	input[type="search"] {
		padding: 0.5278em;
	}

	.secondary-toggle {
		height: 64px;
		width: 64px;
	}

	.secondary-toggle:before {
		line-height: 62px;
		width: 62px;
	}

	.site-branding {
		min-height: 3.7895em;
		padding-right: 74px;
	}

	.site-title {
		font-size: 32px;
		font-size: 3.2rem;
		line-height: 1.25;
	}

	.widget {
		font-size: 16px;
		font-size: 1.6rem;
	}

	.widget input {
		line-height: 1.5;
	}

	.widget input {
		line-height: normal;
	}

	.widget input[type="submit"] {
		font-size: 16px;
		font-size: 1.6rem;
		padding: 0.8125em 1.625em;
	}

	.widget input[type="search"] {
		padding: 0.75em;
	}

	.widget_categories li {
		padding: 0.7188em 0;
	}
}


/**
 * 16.4 Desktop Small 955px
 */

@media screen and (min-width: 59.6875em) {
	body:before {
		background-color: #fff;
		box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
		content: "";
		display: block;
		height: 100%;
		min-height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		width: 29.4118%;
		z-index: 0; /* Fixes flashing bug with scrolling on Safari */
	}

	.site {
		margin: 0 auto;
		max-width: 1403px;
	}

	.sidebar {
		float: left;
		margin-right: -100%;
		max-width: 413px;
		position: relative;
		width: 29.4118%;
	}

	.secondary {
		background-color: transparent;
		box-shadow: none;
		display: block;
		margin: 0;
		padding: 0;
	}

	.site-content {
		display: block;
		float: left;
		margin-left: 29.4118%;
		width: 70.5882%;
	}

	body {
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 1.6;
	}

	p,
	ul {
		margin-bottom: 1.6em;
	}

	button,
	input {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1.5;
	}

	button,
	input {
		line-height: normal;
	}

	button,
	input[type="submit"] {
		font-size: 12px;
		font-size: 1.2rem;
		padding: 0.7917em 1.5833em;
	}

	input[type="search"] {
		padding: 0.375em;
	}

	.secondary-toggle {
		display: none;
	}

	.site-header {
		background-color: transparent;
		border-bottom: 0;
		margin: 20% 0;
		padding: 0 20%;
	}

	.site-branding {
		min-height: 0;
		padding: 0;
	}

	.site-title {
		font-size: 22px;
		font-size: 2.2rem;
		line-height: 1.3636;
	}

	.widget {
		font-size: 12px;
		font-size: 1.2rem;
		margin: 0 0 20%;
		padding: 0 20%;
	}

	.widget input {
		font-size: 12px;
		font-size: 1.2rem;
	}

	.widget input[type="submit"] {
		font-size: 12px;
		font-size: 1.2rem;
		padding: 0.5417em 1.0833em;
	}

	.widget input[type="search"] {
		padding: 0.4583em;
	}

	.widget_categories li {
		padding: 0.4583em 0;
	}

	.site-footer {
		float: left;
		margin: 0 0 0 35.2941%;
		padding: 0;
		width: 58.8235%;
	}
}


/**
 * 16.5 Desktop Medium 1100px
 */

@media screen and (min-width: 68.75em) {
	body,
	button,
	input {
		font-size: 17px;
		font-size: 1.7rem;
		line-height: 1.6471;
	}

	button,
	input {
		line-height: normal;
	}

	p,
	ul {
		margin-bottom: 1.6471em;
	}

	button,
	input[type="submit"] {
		font-size: 14px;
		font-size: 1.4rem;
		padding: 0.8214em 1.5714em;
	}

	input[type="search"] {
		padding: 0.5em;
	}

	.site-title {
		font-size: 24px;
		font-size: 2.4rem;
		line-height: 1.1667;
	}

	.widget {
		font-size: 14px;
		font-size: 1.4rem;
	}

	.widget input {
		font-size: 14px;
		font-size: 1.4rem;
	}

	.widget input[type="submit"] {
		font-size: 12px;
		font-size: 1.2rem;
		padding: 0.75em 1.5em;
	}

	.widget input[type="search"] {
		padding: 0.5em;
	}

	.widget_categories li {
		padding: 0.4643em 0;
	}
}


/**
 * 16.6 Desktop Large 1240px
 */

@media screen and (min-width: 77.5em) {
	body,
	button,
	input {
		font-size: 19px;
		font-size: 1.9rem;
		line-height: 1.6842;
	}

	button,
	input {
		line-height: normal;
	}

	p,
	ul {
		margin-bottom: 1.6842em;
	}

	button,
	input[type="submit"] {
		font-size: 16px;
		font-size: 1.6rem;
		padding: 0.8125em 1.625em;
	}

	input[type="search"] {
		padding: 0.5278em;
	}

	.site-title {
		font-size: 27px;
		font-size: 2.7rem;
		line-height: 1.1852;
	}

	.widget {
		font-size: 16px;
		font-size: 1.6rem;
	}

	.widget input {
		font-size: 16px;
		font-size: 1.6rem;
	}

	.widget input[type="submit"] {
		font-size: 13px;
		font-size: 1.3rem;
		padding: 0.8462em 1.6923em;
	}

	.widget input[type="search"] {
		padding: 0.5em;
	}

	.widget_categories li {
		padding: 0.4688em 0;
	}
}


/**
 * 16.7 Desktop X-Large 1403px
 */

@media screen and (min-width: 87.6875em) {
	body:before {
		width: -webkit-calc(50% - 289px);
		width: calc(50% - 289px);
	}
}


/**
 * 17.0 Print
 */

@media print {
	body {
		background: none !important; /* Brute force since user agents all print differently. */
		font-size: 11.25pt;
	}

	.secondary-toggle,
	button,
	input {
		display: none;
	}

	.site-header,
	.site-footer {
		background: none !important; /* Make sure color schemes dont't affect to print */
	}

	body,
	label,
	a,
	.site-title a {
		color: #000 !important; /* Make sure color schemes don't affect to print */
	}

	.site-header,
	.site-footer {
		border-color: #eaeaea !important; /* Make sure color schemes don't affect to print */
	}

	.site {
		margin: 0 7.6923%;
	}

	.sidebar {
		position: relative !important; /* Make sure sticky sidebar doesn't affect to print */
	}

	.site-branding {
		padding: 0;
	}

	.site-header {
		padding: 7.6923% 0;
	}

	.site-footer {
		margin-top: 7.6923%;
		padding: 3.84615% 0;
	}
}


</style>

</head>
<body class="">
<div class="hfeed site" id="page">
<a class="skip-link screen-reader-text" href="#">Skip to content</a>
<div class="sidebar" id="sidebar">
<header class="site-header" id="masthead" role="banner">
<div class="site-branding">
<p class="site-title"><a href="#" rel="home">{{ keyword }}</a></p>
<button class="secondary-toggle">Menu and widgets</button>
</div>
</header>
<div class="secondary" id="secondary">
<div class="widget-area" id="widget-area" role="complementary">
<aside class="widget widget_search" id="search-2"><form action="#" class="search-form" method="get" role="search">
<label>
<span class="screen-reader-text">Search for:</span>
<input class="search-field" name="s" placeholder="Search " type="search" value=""/>
</label>
<input class="search-submit screen-reader-text" type="submit" value="Search"/>
</form></aside>
<aside class="widget widget_categories" id="categories-2"><h2 class="widget-title">Categories</h2> <ul>
<li class="cat-item cat-item-1"><a href="#">Uncategorized</a>
</li>
</ul>
</aside> </div>
</div>
</div>
<div class="site-content" id="content">

{{ text }}

	</div>
<footer class="site-footer" id="colophon" role="contentinfo">
</footer>
</div>




</body>
</html>";s:4:"text";s:4376:"Tweet After the great success of my previous post "CSS: Making background image fit any screen resolution" I would like to ... text/css"> <!--body, td, th {font-size ... Asd jpg changing your background image size awesome easy progressive css3 way full screen background image using css How to Resize Background Images with ... element  NOT the size of the image, e.g. ... and its height can fit inside the background ... CSS Layers. ... since you can't set the size of a CSS background-image. If you are looking for how to do FULL SCREEN BACKGROUND IMAGE, ... How To: Resizeable Background Image . A tutorial on using the CSS background-size property to render a responsive full background image on a web page. Stretching a background image is now easy to do with the CSS3 property for background-size. The background-image property in CSS applies a graphic (e.g. CSS3 contains a few ... the size of a background image was the actual size of the image. The background-size CSS property specifies the size of an element's background image. Tweet After the great success of my previous post "CSS: Making background image fit any screen resolution" I would like to What I needed to do was fit the container to the background image. I don't follow the part where you said I would have to put the image in an HTML and then use CSS to dimension its size. If the background-size property is set to "contain", the background image will scale, and try to fit the content area. ... Full Screen Background Image with CSS. There are two different HTML Stretch Background Image. I've added the following CSS code from the project menu: [dsid=HomeScreen] .ui-body-f { background-size Visit the post for more. I have an image that is 1200x500. Stretching a background image is now easy to do with the CSS3 property for background-size. My background images need to re-size to fit the screen.  The website content is placed on top of this full-screen background image. Learn how to use the CSS3 property browser-size to add responsive background images to your ... scale the image to fit ... it to your CSS as a background image: ... stretch a background image ... fit the screen. We can do this purely through CSS thanks to the background-size property ... pink colored background screen image. How to resize an image to fit in the browser window? ... (that's to do with your image quality and size in dimensions. What I needed to do was fit the container to the background image. Experts Exchange > Questions > Fit background image to table size ... or size of the screen PNG, SVG, JPG, GIF, WEBP) or gradient to the background of an element. ... and its height can fit inside the background ... CSS Layers. HTML Stretch Background Image. CSS for background images is designed to fit the background to the container. ... background image ... Make IMAGE FIT SCREEN . Use CSS3 to make your background image responsively to fit to the user's screen according to screen size without cutting off or repeating. There are many variations and different sy CSS3 Backgrounds. I have never had this problem before but with this one page the background image goes way ... an image fit the screen. ... background image ... Make IMAGE FIT SCREEN . The background-size property specifies the size of the background images. I don't follow the part where you said I would have to put the image in an HTML and then use CSS to dimension its size. HTML and CSS background image scaling to fit ... the background remains the same size regardless of the size of the screen. body { background body { background I want it on the bottom of the page, not the screen (so on a long page you won't be able to see the image unless you scroll down). ... stretch a background image ... fit the screen. The background-size property in CSS is one of the most useful  and most complex  of the background properties. ... since you can't set the size of a CSS background-image. Making a background image fit any screen resolution is something everybody needs at least once in a lifetime. CSS for background images is designed to fit the background to the container. CSS Code: div { background-image:url('w3css.gif'); background-repeat:no-repeat; background-size: auto;} Click the property values above to see the result. If you are looking for how to do FULL SCREEN BACKGROUND IMAGE, ... How To: Resizeable Background Image . ";s:7:"keyword";s:39:"css background image size to fit screen";s:7:"expired";i:-1;}