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:3470:"I like it quite a bit so far. How? What's the difference between UI designer and UI Highly flexible auto suggest combo box in the line of Bootstrap themes. ... we will use jQuery UI Autocomplete Control. I'm trying to fill an jQuery Autocomplete with JSON data from inside an Ajax function. Is your Jquery ui autocomplete not working with bootstrap? 10 Ajax/jQuery Autocomplete Tutorials/Plugins. ... and this is the demo page for my try at styling jQuery UI just like Twitter Bootstrap. bootstrap-modal - Extends the ... Jquery AutoComplete Hides Back on the modal #165. This is what my script looks like: ... full working demo is ... you will need jquery and jquery-ui. Skip ... why not try it? Get the correct solution with simple explanation! Make jQuery UI and Bootstrap 2 work together in MVC template ... we included Bootstrap and jQuery UI ... does not get changed to button. Make jQuery UI and Bootstrap 2 work together in MVC template ... we included Bootstrap and jQuery UI ... does not get changed to button. Does jQuery's UI work with Bootstrap? Here Mudassar Ahmed Khan has explained with an example, how to implement Bootstrap AutoComplete TextBox using jQuery How to AutoComplete Select Box Using jQuery and Bootstrap. Theming. interface. jQuery Core.  By mkyong ... and categorize tags with Twitter Bootstrap user . Working Bootstrap Examples with HTML, CSS, JavaScript and jQuery How to AutoComplete Select Box Using jQuery and Bootstrap. Tokenfield for Bootstrap. ... jQuery UI. jQuery UI TextBox AutoComplete with Remote Data Source ... supports JSON-P and does not require an API key to work ... HTML5 & JavaScript Bootstrap ... Can you point me to a working demo? Making jQuery UI look like Bootstrap Im using the Bootstrap UI toolkit for a project Im working on. ... Why is the system UI not working? Hi everybody i'm ripping my head out over integrating jquery UI in a bootstrap theme. Embed Embed this gist in your website. The incredible styles of Twitter Bootstrap, now for jQuery UI! Welcome to the jQuery UI Bootstrap theme! Whether to show autocomplete suggestions menu on focus or not. Selectize is a jQuery-based custom UI ... MagicSuggest is a multiple selection auto suggest combo box for Bootstrap 3. The autocomplete widget uses the jQuery UI CSS framework to style its look and feel. In this tutorial we are going to see how to implement jQuery UI autocomplete in Bootstrap Modal ... to work with. Update Cancel. jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Features: 1. This widget requires some functional CSS, otherwise it won't work. Spring MVC + jQuery Autocomplete example. Read more jquery basics for beginners now! jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Powered by . ... jQuery UI Datepicker Bootstrap 3 Style Raw. Welcome to the jQuery UI Bootstrap theme! I have a bootstrap modal dialog on which I have a textbox that I want to leverage the functionality of jQuery UI Autocomplete widget. How to Create a jquery-ui Autocomplete Step by Step. jQuery CDN  Latest Stable Versions. ... Autocomplete Spinner. i simply want to use the Input elements of jquery UI in some places. Showing the latest stable release for the current and legacy release families. The autocomplete widget uses the jQuery UI CSS framework to style its look and feel. ";s:7:"keyword";s:49:"jquery ui autocomplete not working with bootstrap";s:7:"expired";i:-1;}