$("#menu-icon").on("click", function() {
$("header").toggleClass("closed");
});
-
- $('#ad .close').on("click", function() { $('#ad').remove(); });
});
}
}
-a#ad {
- width: 100%;
- display: block;
- background: rgb(240,151,53);
- z-index: 999;
- padding: 1px $lineheight;
- color: #fff;
- font-size: 11px;
- text-transform: uppercase;
- span.close {
- float: right;
- color: #fff;
- font-size: 10px;
- line-height: 18px;
- opacity: .5;
- text-transform: none;
- &:hover { opacity: .9; }
- }
- &:hover {
- background: rgb(220,151,53);
- text-decoration: none;
- }
-}
-
#compact-secondary-nav {
display: none;
ul li a {
background: none;
width: 78%;
}
-
- a#ad {
- margin: 0 $lineheight;
- width: 64%;
- padding: 0 6px;
- border-radius: 3px;
- }
}
#map {
}
}
-#ad + #sidebar_content {
- top: 70px;
-}
-
#sidebar_content {
position: absolute;
top: 50px;
</div>
<% end %>
- <a id="ad" href="#">
- <span class="ad-content">State of the Map 2014</span>
- <span class="close">dismiss</span>
- </a>
-
<div id="sidebar_content">
<% if STATUS == :database_offline or STATUS == :api_offline %>
<p class="error"><%= t 'layouts.osm_offline' %></p>