diff options
| -rw-r--r-- | design/sass/_photos.scss | 2 | ||||
| -rw-r--r-- | design/sass/iev8.scss | 24 | ||||
| -rw-r--r-- | design/templates/base.html | 10 |
3 files changed, 28 insertions, 8 deletions
diff --git a/design/sass/_photos.scss b/design/sass/_photos.scss index da0480e..00a8efd 100644 --- a/design/sass/_photos.scss +++ b/design/sass/_photos.scss @@ -179,7 +179,7 @@ } } .fig { position: relative;} -.map-container { +.image-gallery--wrapper .map-container { left: -3%; background: url("/media/img/mapbg-black.png") no-repeat top left !important; @include breakpoint(beta) { diff --git a/design/sass/iev8.scss b/design/sass/iev8.scss index 1f191e9..574ab55 100644 --- a/design/sass/iev8.scss +++ b/design/sass/iev8.scss @@ -1,3 +1,23 @@ -body { - background: #f3f; +h1 a:before { + background: url("/media/logo-new-treeonly.png") center top no-repeat !important; +} +.logo { + zoom: expression( + this.runtimeStyle.zoom="1", + /* ::before polyfill - creates <i class="ie-before"></i> */ + this.insertBefore( document.createElement("i"), this.firstChild ).className="ie-before", + /* ::after polyfill - creates <i class="ie-after"></i> */ + this.appendChild( document.createElement("i") ).className="ie-after" + ); +} + +.ie-before { + background: url("/media/logo-new-treeonly.png") center top no-repeat !important; + content: "home-icon"; + text-indent: -9999em; + width: 95px; + height: 85px; + display: block; + float: left; + margin-right: 20px; } diff --git a/design/templates/base.html b/design/templates/base.html index 6f3dc0a..f84dffa 100644 --- a/design/templates/base.html +++ b/design/templates/base.html @@ -7,9 +7,6 @@ content="{% block metadescription %}Luxagraf: recording journeys around the world and just next door.{% endblock %}"> <meta name="author" content="Scott Gilbertson"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> - <!--[if IE]> - <script src="/js/html5css3ie.min.js"></script> - <![endif]--> <link rel="alternate" type="application/rss+xml" title="Luxagraf RSS feed" @@ -17,18 +14,21 @@ {%block stylesheet%}<link rel="stylesheet" href="/media/screenv8.css" media="screen">{%endblock%} - <!--[if IE]> + <!--[if lte IE 8]> <link rel="stylesheet" href="/media/iev8.css" media="screen"> <![endif]--> + <!--[if lt IE 9]> + <script src="/media/js/html5css3ie.min.js"></script> + <![endif]--> {%block extrahead%}{%endblock%} </head> <body {%block bodyid%}{%endblock%}{%block bodyevents%}{%endblock%}> <div class="wrapper"> <div class="header-wrapper"> <header role="banner"> - <h1><a id="logo" href="/" title="home">Luxagraf</a></h1> + <h1><a class="logo" id="logo" href="/" title="home">Luxagraf</a></h1> <h2>Walk Slowly</h2> </header> <nav role="navigation" class="bl"> |