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:3035:"Participate in discussions with other Treehouse ... image"> In the CSS, we set background-size to fit the and we choose the width of our image. I have a div with a background image that I want to expand 100% width and auto scale the div to fit the required height of the image. ... <style type="text/css"> html,body ... Any image in image container will conform to fit the div's size. Hi, I'm new in using foundation and web design. Yes, SVG does scale nicely if it (a) has a viewBox, and (b) is used as <img>. Tinker. At the moment it is not sc I'm still figuring out how make a background image scale when changing the browser's width.  Hi, I'm new in using foundation and web design. scaling images to fit in div tags. ... CSS background image to fit width, height should auto-scale in proportion. Stretch and scale a CSS image in the background - with CSS only. I'm still figuring out how make a background image scale when changing the browser's width. Generates variables for all HTML button elements. But that's because your CSS selector doesn't match your markup. The background-size CSS property specifies the size of an element's background image. Learn how to use the CSS3 property browser-size to add responsive background images to your designs that scale to fit large or small windows. ... Buttons (Variable) View source. Four techniques are explored on accomplishing a full page background image that ... post_Scale_Background_image_to ... CSS" or "Tricks". Fix Image Resizing with object-fit. Tinker CSS Template is a beautiful one-page layout based on Bootstrap HTML5. Documentation for the Bourbon Sass library. Vertically aligning things with top and translateY is an approach to image scaling with CSS ... A responsive approach to image scaling with CSS. This code will scale our 200200 image to 100100 pixels. Ask Question. Scaling background images; In this Treehouse Quick Tip, we'll learn how to create scalable full-page background images with CSS. How to Resize Background Images with CSS3. Homepage full background image uses a parallax effect. The background-size CSS property makes it possible to adjust the width and height of ... you can scale an image up in the background. I am creating a site which I would like to fill the browser on all computers. 506 tinker ... CSS property called object-fit. Scale Image to fit div. Emulating background image crop, background image opacity, background transforms, and improved background positioning. Html Css Background Image To Fit Width Height Should Auto Scale ... Css3 Html5 Perfict Fit Background Tutorial Size Scale How To Stretch A Background Image Fit The background-size property specifies the size of the background images. A few hacks relying on CSS In this Treehouse Quick Tip, we'll learn how to create scalable full-page background images with CSS. Resize image to fit div using classes, the style attribute, or php three ways to resize images to fit a div I want that my background image stretch and scale depending on the browser viewport size. ";s:7:"keyword";s:33:"css background image scale to fit";s:5:"links";s:4915:"<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=non-alcoholic-drinks-to-order-when-pregnant'>Non Alcoholic Drinks To Order When Pregnant</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=problems-on-forwards-and-futures'>Problems On Forwards And Futures</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=phil-collins-miami-vice-soundtrack'>Phil Collins Miami Vice Soundtrack</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=how-to-wire-a-double-pole-switch'>How To Wire A Double Pole Switch</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=why-did-the-turkey-cross-the-road'>Why Did The Turkey Cross The Road</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=titanium-credit-card-american-express'>Titanium Credit Card American Express</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=happiness-is-meeting-old-friends-quotes'>Happiness Is Meeting Old Friends Quotes</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=how-long-can-you-go-without-a-period-while-breastfeeding'>How Long Can You Go Without A Period While Breastfeeding</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=how-to-make-sugarcane-juice-at-home-in-mixer'>How To Make Sugarcane Juice At Home In Mixer</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=spore-creatures-ds-how-to-get-all-parts'>Spore Creatures Ds How To Get All Parts</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=advanced-algebra-problems-with-solutions-pdf'>Advanced Algebra Problems With Solutions Pdf</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=calculating-population-growth-rate-and-doubling-time-answers'>Calculating Population Growth Rate And Doubling Time Answers</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=masters-in-motorsport-engineering-in-usa'>Masters In Motorsport Engineering In Usa</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=upload-file-to-server-php'>Upload File To Server Php</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=how-long-does-it-take-to-heal-after-giving-birth-with-stitches'>How Long Does It Take To Heal After Giving Birth With Stitches</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=boston-university-application-deadline-graduate'>Boston University Application Deadline Graduate</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=suppose-you-connect-a-battery-to-a-small-light-bulb-with-a-single-wire-what-do-you-think-will-happen'>Suppose You Connect A Battery To A Small Light Bulb With A Single Wire What Do You Think Will Happen</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=turn-signal-wiring-diagram-motorcycle'>Turn Signal Wiring Diagram Motorcycle</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=you-never-can-tell-bob-seger'>You Never Can Tell Bob Seger</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=plant-based-pregnancy-meal-plan'>Plant Based Pregnancy Meal Plan</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=fahrenheit-451-chapter-1-text'>Fahrenheit 451 Chapter 1 Text</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=abstract-algebra-third-edition-solutions'>Abstract Algebra Third Edition Solutions</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=gas-oil-mix-for-evinrude-outboard-motor'>Gas Oil Mix For Evinrude Outboard Motor</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=went-by-bicycle-crossword-clue'>Went By Bicycle Crossword Clue</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=chevy-350-engine-serial-number-location'>Chevy 350 Engine Serial Number Location</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=css-masonry-left-to-right'>Css Masonry Left To Right</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=mobile-auto-detailing-near-me'>Mobile Auto Detailing Near Me</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=how-to-get-parity-check-matrix-from-generator-matrix'>How To Get Parity Check Matrix From Generator Matrix</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=100-acres-of-land-cost'>100 Acres Of Land Cost</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=mounting-an-antenna-on-a-freightliner-cascadia'>Mounting An Antenna On A Freightliner Cascadia</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=sig-sauer-p226-legion-price'>Sig Sauer P226 Legion Price</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=non-alcoholic-drinks-to-order-when-pregnant'>Non Alcoholic Drinks To Order When Pregnant</a>,
";s:7:"expired";i:-1;}