Skip to content

GitLab

Commit 2b00dae7 authored by Eric Bremner's avatar Eric Bremner
Browse files

Branding: Fixing homepage banners at narrow width.

parent 1f2be383
Hide whitespace changes
Inline Side-by-side
Showing with 142 additions and 37 deletions
css/uw_virtual_site_homepage.css
View file @ 2b00dae7
......@@ -72,28 +72,6 @@
max-width: 63.125rem;
}
.banner-caption {
text-align:center;
padding: 1rem 2.5rem;
border: none;
width: 100%;
color: #fff;
display: block;
padding-top: 1rem;
padding-bottom: 1rem;
text-align: center;
transition-delay: 0s;
transition-duration: 0.2s;
transition-property: opacity;
position: absolute;
bottom: 1.5rem;
transition-delay: 0s;
transition-duration: 0.3s;
transition-property: color, background-color, border-color, opacity;
height: auto;
opacity: 1;
}
.uw-homepage-banners-figure picture {
padding: 0;
margin: 0;
......@@ -134,11 +112,6 @@ button.slideshow-control.play::before {
color: #E4B429;
}
.homepage-banners-top-wrapper.default .uw-homepage-banners-figure .banner-caption,
.homepage-banners-top-wrapper.default button.slideshow-control {
background-color: rgba(0,0,0,.8);
}
.homepage-banners-top-wrapper.default .uw-homepage-banners-figure a:hover .banner-caption,
.homepage-banners-top-wrapper.default button.slideshow-control:hover,
.homepage-banners-top-wrapper.default .tabs-previous:hover,
......@@ -154,11 +127,6 @@ button.slideshow-control.play::before {
color: #FFD5A5;
}
.homepage-banners-top-wrapper.arts .uw-homepage-banners-figure .banner-caption,
.homepage-banners-top-wrapper.arts button.slideshow-control {
background-color: rgba(217, 63, 0, .8);
}
.homepage-banners-top-wrapper.arts .uw-homepage-banners-figure a:hover .banner-caption,
.homepage-banners-top-wrapper.arts button.slideshow-control:hover,
.homepage-banners-top-wrapper.arts .tabs-previous:hover,
......@@ -294,17 +262,14 @@ button.slideshow-control.play::before {
color: #FFA5AA;
}
.homepage-banners-top-wrapper.ren .uw-homepage-banners-figure .banner-caption,
.homepage-banners-top-wrapper.ren button.slideshow-control {
background-color: rgba(128, 0, 31, .8);
}
.homepage-banners-top-wrapper.ren .uw-homepage-banners-figure a:hover .banner-caption,
.homepage-banners-top-wrapper.ren button.slideshow-control:hover,
.homepage-banners-top-wrapper.ren .tabs-previous:hover,
.homepage-banners-top-wrapper.ren .tabs-next:hover {
color: #80001F;
background-color: rgba(255,165,170,.8);
background-color: rgba(255,165,170,1);
}
.homepage-banners-top-wrapper.stj .uw-homepage-banners-figure .banner-caption,
......@@ -405,3 +370,143 @@ button.slideshow-control {
.boxes-box-content {
margin-bottom: 0.3rem;
}
@media screen and (min-width: 1rem) {
.banner-caption {
text-align:center;
border: none;
width: 100%;
color: #fff;
display: block;
padding-top: 1rem;
padding-bottom: 1rem;
text-align: center;
bottom: 1.5rem;
max-height: 15rem;
max-width: 63.125rem;
}
.homepage-banners-top-wrapper.default .uw-homepage-banners-figure .banner-caption,
.homepage-banners-top-wrapper.default button.slideshow-control {
background-color: rgba(0,0,0,1);
}
.homepage-banners-top-wrapper.arts .uw-homepage-banners-figure .banner-caption,
.homepage-banners-top-wrapper.arts button.slideshow-control {
background-color: rgba(217, 63, 0, 1);
}
.homepage-banners-top-wrapper.ren .uw-homepage-banners-figure .banner-caption,
.homepage-banners-top-wrapper.ren button.slideshow-control {
background-color: rgba(128, 0, 31, 1);
}
}
@media screen and (min-width: 40.0625rem) {
.banner-caption {
text-align:center;
border: none;
width: 100%;
color: #fff;
display: block;
padding-top: 1rem;
padding-bottom: 1rem;
text-align: center;
bottom: 1.5rem;
max-height: 15rem;
max-width: 63.125rem;
}
.homepage-banners-top-wrapper.default .uw-homepage-banners-figure .banner-caption,
.homepage-banners-top-wrapper.default button.slideshow-control {
background-color: rgba(0,0,0,1);
}
.homepage-banners-top-wrapper.arts .uw-homepage-banners-figure .banner-caption,
.homepage-banners-top-wrapper.arts button.slideshow-control {
background-color: rgba(217, 63, 0, 1);
}
.homepage-banners-top-wrapper.ren .uw-homepage-banners-figure .banner-caption,
.homepage-banners-top-wrapper.ren button.slideshow-control {
background-color: rgba(128, 0, 31, 1);
}
}
@media screen and (min-width: 48.0625rem) {
.banner-caption {
text-align:center;
padding: 1rem 2.5rem;
border: none;
width: 100%;
color: #fff;
display: block;
padding-top: 1rem;
padding-bottom: 1rem;
text-align: center;
transition-delay: 0s;
transition-duration: 0.2s;
transition-property: opacity;
position: absolute;
bottom: 1.5rem;
transition-delay: 0s;
transition-duration: 0.3s;
transition-property: color, background-color, border-color, opacity;
height: auto;
opacity: 1;
}
.homepage-banners-top-wrapper.default .uw-homepage-banners-figure .banner-caption,
.homepage-banners-top-wrapper.default button.slideshow-control {
background-color: rgba(0,0,0,.8);
}
.homepage-banners-top-wrapper.arts .uw-homepage-banners-figure .banner-caption,
.homepage-banners-top-wrapper.arts button.slideshow-control {
background-color: rgba(217, 63, 0, .8);
}
.homepage-banners-top-wrapper.ren .uw-homepage-banners-figure .banner-caption,
.homepage-banners-top-wrapper.ren button.slideshow-control {
background-color: rgba(128, 0, 31, .8);
}
}
@media screen and (min-width: 63.1875rem) {
.banner-caption {
text-align:center;
padding: 1rem 2.5rem;
border: none;
width: 100%;
color: #fff;
display: block;
padding-top: 1rem;
padding-bottom: 1rem;
text-align: center;
transition-delay: 0s;
transition-duration: 0.2s;
transition-property: opacity;
position: absolute;
bottom: 1.5rem;
transition-delay: 0s;
transition-duration: 0.3s;
transition-property: color, background-color, border-color, opacity;
height: auto;
opacity: 1;
}
.homepage-banners-top-wrapper.default .uw-homepage-banners-figure .banner-caption,
.homepage-banners-top-wrapper.default button.slideshow-control {
background-color: rgba(0,0,0,.8);
}
.homepage-banners-top-wrapper.arts .uw-homepage-banners-figure .banner-caption,
.homepage-banners-top-wrapper.arts button.slideshow-control {
background-color: rgba(217, 63, 0, .8);
}
.homepage-banners-top-wrapper.ren .uw-homepage-banners-figure .banner-caption,
.homepage-banners-top-wrapper.ren button.slideshow-control {
background-color: rgba(128, 0, 31, .8);
}
}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment