a:4:{s:8:"template";s:7342:"<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, user-scalable=no" name="viewport"/>
<title>{{ keyword }}</title>
<link href="//fonts.googleapis.com" rel="dns-prefetch"/>
<link href="//s.w.org" rel="dns-prefetch"/>

<link href="https://fonts.googleapis.com/css?family=Roboto:400,400italic,900,700,300,300italic" id="google-fonts-roboto-css" media="all" rel="stylesheet" type="text/css"/>
<link href="https://fonts.googleapis.com/css?family=Raleway:300" id="google-fonts-raleway-css" media="all" rel="stylesheet" type="text/css"/>
<style id="blesk-theme-style-css" media="all" rel="stylesheet" type="text/css">html,body,div,span,h1,h2,a,i,ul,li,form,footer,header,nav{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}footer,header,nav{display:block}body{line-height:1}ul{list-style:none}a{text-decoration:none}*{margin:0;padding:0}input:focus{outline:none}footer .top-footer .center{box-sizing:border-box}a,.bottom-header .menunav,.bottom-header .search .open-search,body .bottom-header #blesk-search.search i.close-search,.bottom-header .search .search-input,.bottom-header .search .search-input .search-btn{-webkit-transition:all 0.3s;transition:all 0.3s}body{background-color:#fff;color:#a6a6a6;font-size:15px;line-height:1.6;font-family:'Roboto', sans-serif;font-weight:300;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}.wrapper{margin:0 auto;max-width:1110px}h1,h2{font-weight:700;color:#202020}h1 a,h2 a{color:#202020}.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}.cf{*zoom:1}a{color:#a6a6a6;text-decoration:none;outline:0}a:hover,a:focus{color:#dc0844}.overflow-h{overflow:hidden}.center-header{padding:42px 0}.bottom-header{background-color:#dc0844;color:#fff;position:relative}.bottom-header .menunav{display:block;width:98%;z-index:99;float:left;height:88px}.bottom-header .menunav .menu{display:inline-block;height:88px}.bottom-header .menunav .menu>li{min-height:88px;line-height:88px}.bottom-header .menunav .menu>li a{padding-right:45px}.bottom-header .menunav ul li{float:left}.bottom-header .menunav ul li a{font-size:18px;font-weight:500}.bottom-header .open-menu{float:left;padding:31px 0}.bottom-header .open-menu .open{font-size:22px;line-height:26px;cursor:pointer;display:none}.bottom-header .open-menu .close{font-size:22px;line-height:22px;cursor:pointer;display:none}.bottom-header .search{float:right;margin:32px 0;position:relative}.bottom-header .search .open-search,.bottom-header .search .close-search{font-size:18px;cursor:pointer}.bottom-header .search .open-search:hover,.bottom-header .search .close-search:hover{color:#202020}body .bottom-header #blesk-search.search .close-search{display:none}.bottom-header .search .search-input{position:absolute;top:0;bottom:-150px;right:-10px;margin:auto;width:220px;height:70px;padding:20px 25px;background-color:#dc0844;opacity:0;z-index:-1}.bottom-header .search .search-input input[type="search"]{width:100%;height:30px;padding:0 30px 0 10px;margin-top:20px;font-family:'Roboto', sans-serif;font-size:15px;color:#202020;border:none;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.bottom-header .search .search-input input[type="submit"]{background:transparent;width:20px;height:20px;border:none;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;z-index:2;position:absolute;right:30px;top:45px}.bottom-header .search .search-input .search-btn{position:absolute;right:30px;top:45px;width:20px;height:20px;text-align:center;line-height:20px;color:#dc0844}footer .top-footer{border-top:1px solid #e1e1e1;padding:55px 0}footer .top-footer .center{width:51.36%;float:left;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;padding:0 80px;text-align:center}footer .top-footer .center .logo{margin-bottom:30px;display:inline-block}footer .bottom-footer{border-top:1px solid #e1e1e1;padding:37px 0;text-align:center}@media only screen and (max-width: 1180px){.wrapper{width:94%}.center-header{text-align:center}}@media only screen and (max-width: 1024px){.bottom-header .menunav{display:none;height:auto}.bottom-header .menunav .menu>li{min-height:50px;line-height:50px}.bottom-header .menunav li{border-bottom:1px solid rgba(255,255,255,0.1)}.bottom-header .menunav li:last-child{border-bottom:none}.bottom-header .menunav ul{position:relative !important;display:block !important;width:100% !important;height:auto !important;left:0 !important;top:0 !important}.bottom-header .menunav ul li{width:100%;left:0}.bottom-header .search{top:0;position:absolute;right:3%}.bottom-header .open-menu .open{display:block}footer .top-footer .center{padding:0 30px}}@media only screen and (max-width: 800px){.bottom-header .open-menu{padding:20px 0}.bottom-header .search{margin:21px 0}.bottom-header .search .search-input{bottom:0;height:30px;padding:18px;right:0;left:100%}.bottom-header .search .search-input input[type="search"]{margin-top:0}.bottom-header .search .search-input input[type="submit"],.bottom-header .search .search-input .search-btn{top:24px;right:24px}}@media only screen and (max-width: 560px){footer .top-footer .center{width:100%;padding:0 20px;border:none}}@media only screen and (max-width: 360px){.bottom-header .search .search-input{padding:18px 10px}.bottom-header .search .search-input input[type="submit"],.bottom-header .search .search-input .search-btn{right:15px}}
/*# sourceMappingURL=main.css.map */
</style>

</head>
<body class="">
<div class="overflow-h">
<header>
<div class="center-header">
<div class="wrapper cf">
<h1><a href="#">{{ keyword }}</a></h1><h2><a href="#">Just another WordPress site</a></h2>
</div>
</div>
<div class="bottom-header">
<div class="wrapper cf">
<div class="open-menu">
<span class="fa fa-bars open"></span>
<span class="fa fa-times close"></span>
</div>
<nav class="menunav"><ul class="menu" id="menu-ddd"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-11" id="menu-item-11"><a href="#">Home</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12" id="menu-item-12"><a href="#">Casinos</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13" id="menu-item-13"><a href="#">Online</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14" id="menu-item-14"><a href="#">Guide</a></li>
</ul></nav> <div class="search" id="blesk-search">
<i class="open-search fa fa-search"></i>
<i class="close-search fa fa-times"></i>
<div class="search-input">
<form action="#">
<input name="s" placeholder="Search " type="search" value=""/>
<input type="submit" value="Search"/>
<i class="search-btn fa fa-search"></i>
</form>
</div>
</div> </div>
</div>
</header>
{{ text }}
				<footer>
<div class="top-footer">
<div class="wrapper cf">
<div class="center" style="float: none; border: none; padding: 0; margin: 0 auto;"><a alt="Just another WordPress site" class="logo" href="#" title="{{ keyword }}"><h1>{{ keyword }}</h1><h2>Just another WordPress site</h2></a></div> </div>
</div>
<div class="bottom-footer">
<div class="wrapper cf">
<span class="copyright">
						Copyright  2017, {{ keyword }}. All Rights Reserved.</span>
</div>
</div>
</footer>
</div>



</body>
</html>";s:4:"text";s:2781:"I want to set a background image to different divs, but my problems are: The size of image is fixed(60px). Create a full page with a scalable, responsive fullscreen background image. Creating a Responsive Tiled Photo Gallery with Pure CSS. The above responsive image CSS works on ... -webkit-object-fit: fill;}. CSS background-image Technique: html { width:100%; height:100%; background:url(logo.png) center center no-repeat; } CSS + Inline Image Technique: img { Responsive jQuery Image Slider, jQuery Gallery. Participate in discussions with other Treehouse ... How to create a responsive div with a background image? My site has a div to fill up a location map image This is the code snippet. Drag-n-drop slideshow maker for Mac and Windows - No hand coding! Simple Responsive Images With CSS Background Images](https: ... we just have to explicitly indicate that the background should fill that <div>. Create terrific lightbox jQuery slideshows in second without a line of code. my site is using bootstrap as css framework. Vertically aligning things with top and translateY is an approach to image scaling with CSS ... A responsive approach to image scaling with CSS. What's the easiest way to scale background images in responsive layouts? Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor. I have three problems: When I tried to use a background image in a smaller size div, the div shows only part of image. background-position: Hintergrundbilder: Beispiel zur CSS-Referenz auf CSS 4 You - The Finest in Stylesheets A demonstration of what can be accomplished visually through CSS-based design. 5 Useful CSS Tricks for Responsive Design. The website content is placed on top of this full-screen background image. I have a website (g-floors.eu) and I want to make the background (in css I have defined a bg-image for the content) also responsive. Making SVGs Responsive with CSS An article on how ... and as a CSS background image. by Nathan Rohler Stunning visual effects and skins. In the example above, the background image is shown in the same place as the text. CSS: How to Create a Fullscreen Background Image A CSS tutorial. All browsers and devices! Cras lorem lectus, lobortis a nibh non, luctus luctus erat posuere. Divs with Background Images Includes CSS Rules for Responsive Background Image Sizes. The background-size property specifies the size of the background images. ... Full Screen Background Image with CSS. Responsive images means images that can be scaled to fit the content blocks they are displayed in. How to make div background image inside another div responsive ... CSS.  ... but the method proposed here offers several advantages to the CSS-only approach. Lorem ipsum dolor sit amet, consectetur adipiscing elit. ";s:7:"keyword";s:40:"css background image fill div responsive";s:7:"expired";i:-1;}