Add support for rotating banners, add banners for SOTM, SOTMUS

This commit is contained in:
Bryan Housel 2016-06-20 18:09:55 -04:00
parent ee1cc2aa51
commit 5e27978d3c
7 changed files with 99 additions and 11 deletions

View file

@ -173,6 +173,7 @@ small, aside {
.icon.clipboard { background-position: -160px 0; }
.icon.link { background-position: -180px 0; }
.icon.close { background-position: -200px 0; }
.close-wrap:hover .icon.close,
.icon.close:hover { background-position: -200px -20px; }
.icon.check { background-position: -220px 0; }
.icon.note { background-position: -240px 0; }
@ -546,6 +547,13 @@ body.compact {
background: #fff;
font-size: 12px;
> div {
position: relative;
float: left;
clear: both;
width: 100%;
}
h2 {
padding: $lineheight $lineheight $lineheight/2;
}
@ -556,9 +564,24 @@ body.compact {
font-size: 13px;
}
.close-wrap {
cursor: pointer;
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 60px;
.icon.close {
pointer-events: none;
position: absolute;
right: 20px;
top: 20px;
}
}
.icon.close {
float: right;
cursor: pointer;
}
p.error {
@ -568,25 +591,25 @@ body.compact {
}
}
.welcome {
display: none;
}
.overlay-sidebar #sidebar {
position: absolute;
z-index: 1000;
height: auto;
border-bottom-right-radius: 5px;
overflow: hidden;
.welcome {
display: block;
}
#sidebar_content {
display: none;
}
}
.welcome {
display: none;
padding-bottom: 5px;
p {
padding: $lineheight/2 $lineheight $lineheight;
font-size: 110%;
@ -607,6 +630,15 @@ body.compact {
}
}
#banner {
display: block;
img {
display: block;
width: $sidebarWidth;
}
}
#map {
height: 100%;
overflow: hidden;