a:4:{s:8:"template";s:5351:"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en-US" xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<title>{{ keyword }}</title>
<style media="screen" rel="stylesheet" type="text/css">

/* Aardvark Reset Thingy http://aardvark.fecklessmind.com/ */
html, body, div, h1, h2, p, a, ul, li
 {border:0;margin:0;outline:0;padding:0;background:transparent;vertical-align:baseline;}

/* Basic styles */
body {
	background: url() repeat #000;
	color:#4F4F5F;
	font: Georgia, "Times New Roman", Times, serif;}
html>body {font-size:12px;}

h1,h2 {font-weight:700;}

h1 {margin:0 0 0.75em;font-size:2em;}
h2 {margin:0 0 1em;font-size:1.5em;}

p,ul {margin:0 0 1.5em;color:#383843;}

li ul {margin:0;}
ul {list-style:outside disc;}
li {margin:0 0 0 2em;}

a {text-decoration:none;color:#434351;font-weight:800;}
a:hover {text-decoration:none;color:#66667A;}

/* Table styles */

/* Form styles */

/* Useful classes */

.clr {clear:both;}
.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
	display: inline-block;
}
.wrapper {width:960px; /*background:#FFF;*/ margin:0 auto;}

/* header classes */
#header { width:980px; height:250px; background: url() top left no-repeat;margin:18px auto 0 auto;color:#4F4F5F;}
#header h2 { font-size:24px; }
#header h1 {
	margin:0;
	padding:0;
	display: none;
}
#logo {
	padding:0;
	width: 340px;
	height:200px;
	margin: 20px 0 0 26px;
	float:left;
}

#hside {
	position:relative;
	padding: 10px 0;
	width: 568px;
	height:180px;
	margin: 20px 20px 0 0;
	float:left;
}

#navWrap {
	height:36px;
	width:960px;
	/*background:#9f0022;*/
	margin:5px auto;
}

#topNav {
	width:960px;
	/*background:#9f0022;*/
	margin:0 auto;
}


/* footer classes */
.basement {width:980px;background:#FFF;color:#000;text-align:center;font-size:0.8em; -moz-border-radius: 5px;
	border-radius: 5px;padding:9px 0;margin:15px auto;}
.basement a, .basement a:link, .basement a:visited {color:#000;text-decoration:underline;font-weight:normal;}
.basement p {color:#000;margin:0.3em 0;}

</style>

<style id="jbgallery-css" rel="stylesheet" type="text/css">/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;	
}
.sf-menu {
	line-height:	1.0;	
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul {
	left:			0;
	top:			2.9em; /* match top ul list item height */
	z-index:		99;
}

/*** SKIN ***/
.sf-menu {
	/*background:#d93034;*/
	float:			left;
	/*margin-bottom:	1em;
	margin-top:6px; 	*/
}
.sf-menu a {
	/*border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;*/
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #FFF;
	padding: 		1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FFF;
}
.sf-menu li {
	background:		#d93034;
	margin:  0 4px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.sf-menu li li {
	background:		#9f0022;
}
.sf-menu li:hover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color:		#000;
	outline:		0;
	background:		#e8a8a7;
	/*background-image:url();*/
}

/*** arrows **/
/* apply hovers to modern browsers */

/* point right for anchors in subs */
/* apply hovers to modern browsers */

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
</style>

</head>
<body>
<div id="header">
<div id="logo">
<h1>ATLRetro</h1>
</div>
<div id="hside">
<h2>Your Guide to 20th Century Atlanta in the 21st Century</h2>
</div>
<div class="clr"></div>
</div>
<div id="navWrap">
<div class="menu-topnav-container" id="topNav"><ul class="sf-menu sf-js-enabled sf-shadow" id="menu-topnav"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-3000" id="menu-item-3000"><a href="#">Home</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2997" id="menu-item-2997"><a href="#">About{{ keyword }}</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2998" id="menu-item-2998"><a href="#">About the Blogger</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-3306" id="menu-item-3306"><a href="#">Retro Archives</a>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2999" id="menu-item-2999"><a href="#">Copyright Notice</a></li>
</ul></div> </div>
<div class="clearfix"></div>
<div class="wrapper">
{{ text }}
      
    <div class="basement clr">
<p> 2017 <a href="#">ATLRetro</a>. All Rights Reserved. This blog is powered by <a href="#">Wordpress</a></p>
</div>
</div>

</body>
</html>";s:4:"text";s:3993:"Posted by Philip Locke on Thursday, 28 November 2013 in Blog. This is not handled by Bootstrap, so it is up to the developer to handle these situations in the code in the best way for the application in question. There is a problem in IE, the icon are not loading properly. Bootstrap provides 260 glyphicons from the Glyphicons Halflings set. Bootstrap (v3.3.4) glyphicons not displayed in IE when refresh page (F5). Bootstrap Glyphicons Previous Next Glyphicons. Hi, I am using bootstrap icons in my admin bar and in the footer. When I run my MCV 5 app locally, these Glyphicons work fine. I don't know if this will work with IE as I haven't tried it. ... CSS and Script for Internet Explorer. Participate in discussions with other Treehouse members and learn. I create this question to share my recent knowledge of a weird IE behaviour. Solving Glyphicon Support In IE7 ... and more with the Glyphicons used in Bootstrap 3. please suggest some ... 'Glyphicons Halflings'; Learn how to use Bootstrap for developing responsive web apps with ASP.NET Core. ... Why use Bootstrap v3 and not Bootstrap v2 There is a problem in IE, the icon are not loading properly. Font icons not displaying in IE11. Home  TechQns  Glyph Icons show up in Chrome and FF, but dont on IE Glyph Icons show up in Chrome ... we're running into with Twitter Bootstrap's Glyphicons. ... [Bootstrap] My ul element does not display properly! Diagnosing Bootstrap 3 Glyphicon Button Icons Not Showing. Bootstrap (v3.3.4) glyphicons not displayed in IE when refresh page (F5). Font icons not displaying in IE11. I have a glyphicons in Bootstrap 3. @Velizar - I'm experiencing an issue where the glyphicons are not showing but looking at the sitefinity.bootstrap.min.css file I can see a reference to the font file, but it's not being downloaded to the browser even though the path seems to be right. Bootstrap Resolved Glyphicon display issues in IE 8 & 9 using IiBCWxBk2s example html, css, javascript snippet. ... CSS and Script for Internet Explorer. But when I deploy it on the IIS server, icons was not rendering anymore. I don't know if this will work with IE as I haven't tried it. Bootstrap JS Carousel ... read our Bootstrap Carousel Tutorial. More than 27 million people use GitHub to discover, fork, and contribute to over 80 million projects. 2 2 ... bootstrap's "Glyphicons Halflings" font will be downloadable. please suggest some ... 'Glyphicons Halflings'; Bootstrap doesnt have a designated component for a file upload button. Bootstrap 3 - Supporting Internet Explorer 8 and 9. 2 2 ... bootstrap's "Glyphicons Halflings" font will be downloadable. Common Bootstrap Mistake #6: File input button component problem. Participate in discussions with other Treehouse members and learn. I am using bootstrap with namespace and glyphicons not working but after adding above line in code glyphicons working fine. I've got this site where I'm using Bootstrap 3.0.2 The issue is that in Chrome, the glyphicons are showing perfectly but Both in IE and FF they don't, in FF the icons ... https://stackoverflow.com/questions/19857455/bootstrap-3-0-glyphicons-not-working The icons display correctly in the rest of the web page so I was wondering why they are not showing ... of Bootstrap/Glyphicons AND ... Glyphicon not rendering . More than 27 million people use GitHub to discover, fork, and contribute to over 80 million projects. [Solved] Bootstrap icons not visible in IE 11 Windows 10. I've got to 'Building the Form and Button Panel' in the Building a bootstrap site tutorial. But I had glyphicons working on site locally, (in Firefox) but not when uploaded to live site. An intranet web application (ASP.NET) is under construction by myself and some Glyphicons are on a page. When I run the website on localhost, using Visual Studio, no problem appear. Bootstrap: Accordion not function in Internet ... bootstrap for fun, but I noticed that the accordion component does not work correctly in Internet Explorer. ";s:7:"keyword";s:38:"bootstrap glyphicons not showing in ie";s:7:"expired";i:-1;}