Commit d56ff303 authored by Eric Bremner's avatar Eric Bremner
Browse files

FDSU-1821: Ensuring faculty colours on homepage banners.

parent 256a087e
......@@ -87,7 +87,6 @@
transition-property: opacity;
position: absolute;
bottom: 1.5rem;
background-color: rgba(0, 0, 0, 0.8);
transition-delay: 0s;
transition-duration: 0.3s;
transition-property: color, background-color, border-color, opacity;
......@@ -98,4 +97,320 @@
.uw-homepage-banners-figure picture {
padding: 0;
margin: 0;
position: relative;
top: 10px;
}
.uw-homepage-banners-figure h2 {
font-size: 2.02729rem;
padding: 0;
margin: 0;
}
.uw-homepage-banners-figure p {
font-size: 1.125rem;
}
.homepage-banners-top-wrapper {
position: relative;
padding: 0;
margin: 0;
bottom: -10px;
}
/****** HOMEPAGE BANNERS TITLE (h2) ******/
.homepage-banners-top-wrapper.default h2 {
color: #E4B429;
}
.homepage-banners-top-wrapper.default p {
color: #ffffff;
}
.homepage-banners-top-wrapper.arts h2,
.homepage-banners-top-wrapper.arts p {
color: #FFD5A5;
}
.homepage-banners-top-wrapper.ahs h2,
.homepage-banners-top-wrapper.ahs p {
color: #97DFEF;
}
.homepage-banners-top-wrapper.engineering h2,
.homepage-banners-top-wrapper.engineering p {
color: #D0B4EF;
}
.homepage-banners-top-wrapper.environment h2,
.homepage-banners-top-wrapper.environment p {
color: #DAF582;
}
.homepage-banners-top-wrapper.math h2,
.homepage-banners-top-wrapper.math p{
color: #FFBEEF;
}
.homepage-banners-top-wrapper.science h2,
.homepage-banners-top-wrapper.science p {
color: #B4D5FF;
}
.homepage-banners-top-wrapper.cgc h2,
.homepage-banners-top-wrapper.cgc p {
color: #FFA5AA;
}
.homepage-banners-top-wrapper.ren h2,
.homepage-banners-top-wrapper.ren p {
color: #FFA5AA;
}
.homepage-banners-top-wrapper.stj h2,
.homepage-banners-top-wrapper.stj p {
color: #FFA5AA;
}
.homepage-banners-top-wrapper.stp h2,
.homepage-banners-top-wrapper.stp p {
color: #FFA5AA;
}
/***** SLIDESHOW BUTTONS *****/
button.slideshow-control.pause::before {
content: "\e001";
}
button.slideshow-control.play::before {
content: "\e000";
}
/***** HOMEPAGE BANNERS CAPTION TEXT ******/
.homepage-banners-top-wrapper.default .banner-caption {
color: #97DFEF;
background-color: rgba(0,0,0,.8);
}
.homepage-banners-top-wrapper.arts .banner-caption {
color: #97DFEF;
background-color: rgba(217,63,0,.8);
}
.homepage-banners-top-wrapper.ahs .banner-caption {
color: #97DFEF;
background-color: rgba(0,89,99,.8);
}
.homepage-banners-top-wrapper.math .banner-caption {
color: #97DFEF;
background-color: rgba(198,0,120,.8);
}
.homepage-banners-top-wrapper.engineering .banner-caption {
color: #97DFEF;
background-color: rgba(87,5,139,.8);
}
.homepage-banners-top-wrapper.environment .banner-caption {
color: #97DFEF;
background-color: rgba(96,112,0,.8);
}
.homepage-banners-top-wrapper.science .banner-caption {
color: #97DFEF;
background-color: rgba(0,51,190,.8);
}
.homepage-banners-top-wrapper.cgc .banner-caption {
color: #FFA5AA;
background-color: rgba(128,0,31,.8);
}
.homepage-banners-top-wrapper.ren .banner-caption {
color: #FFA5AA;
background-color: rgba(128,0,31,.8);
}
.homepage-banners-top-wrapper.stj .banner-caption {
color: #FFA5AA;
background-color: rgba(128,0,31,.8);
}
.homepage-banners-top-wrapper.stp .banner-caption {
color: #FFA5AA;
background-color: rgba(128,0,31,.8);
}
/****** HOMEPAGE BANNERS SLIDESHOW CONTROLS ******/
.homepage-banners-top-wrapper.default button.slideshow-control {
color: #E4B429;
background-color: #000000;
}
.homepage-banners-top-wrapper.arts button.slideshow-control {
color: #FFD5A5;
background-color: #D93F00;
}
.homepage-banners-top-wrapper.ahs button.slideshow-control {
color: #97DFEF;
background-color: #005963;
}
.homepage-banners-top-wrapper.engineering button.slideshow-control {
color: #D0B4EF;
background-color: #57058B;
}
.homepage-banners-top-wrapper.environment button.slideshow-control {
color: #DAF582;
background-color: #607000;
}
.homepage-banners-top-wrapper.math button.slideshow-control {
color: #FFBEEF;
background-color: #C60078;
}
.homepage-banners-top-wrapper.science button.slideshow-control {
color: #B4D5FF;
background-color: #0033BE;
}
.homepage-banners-top-wrapper.cgc button.slideshow-control {
color: #FFA5AA;
background-color: #80001F;
}
.homepage-banners-top-wrapper.ren button.slideshow-control {
color: #FFA5AA;
background-color: #80001F;
}
.homepage-banners-top-wrapper.stj button.slideshow-control {
color: #FFA5AA;
background-color: #80001F;
}
.homepage-banners-top-wrapper.stp button.slideshow-control {
color: #FFA5AA;
background-color: #80001F;
}
/****** HOMEPAGE BANNERS SLIDESHOW CONTROLS HOVER STATE ******/
.homepage-banners-top-wrapper.default button.slideshow-control:hover {
color: #000000;
background-color: #E4B429;
}
.homepage-banners-top-wrapper.arts button.slideshow-control:hover {
color: #D93F00;
background-color: #FFD5A5;
}
.homepage-banners-top-wrapper.ahs button.slideshow-control:hover {
color: #005963;
background-color: #97DFEF;
}
.homepage-banners-top-wrapper.engineering button.slideshow-control:hover {
color: #57058B;
background-color: #D0B4EF;
}
.homepage-banners-top-wrapper.environment button.slideshow-control:hover {
color: #607000;
background-color: #DAF582;
}
.homepage-banners-top-wrapper.math button.slideshow-control:hover {
color: #C60078;
background-color: #FFBEEF;
}
.homepage-banners-top-wrapper.science button.slideshow-control:hover {
color: #0033BE;
background-color: #B4D5FF;
}
.homepage-banners-top-wrapper.cgc button.slideshow-control:hover {
color: #80001F;
background-color: #FFA5AA;
}
.homepage-banners-top-wrapper.ren button.slideshow-control:hover {
color: #80001F;
background-color: #FFA5AA;
}
.homepage-banners-top-wrapper.stj button.slideshow-control:hover {
color: #80001F;
background-color: #FFA5AA;
}
.homepage-banners-top-wrapper.stp button.slideshow-control:hover {
color: #80001F;
background-color: #FFA5AA;
}
button.slideshow-control {
left: 1.5rem;
bottom: 3.5rem;
position: absolute;
font-family: iconic;
font-style: normal;
padding: 0.5rem;
cursor: pointer;
-moz-appearance: none;
-moz-user-select: none;
border: medium none;
cursor: pointer;
display: inline-block;
font-size: 1.125rem;
letter-spacing: 0.055rem;
margin: 0 auto;
max-width: 18.125rem;
text-decoration: none;
text-transform: uppercase;
vertical-align: middle;
white-space: nowrap;
}
.tabs-previous, .tabs-next {
background-color: transparent;
color: #fdd54f;
font-size: 4.10989rem;
width: 3rem;
font-family: Typ1451-Regular,verdana,sans-serif;
font-weight: 200;
height: auto;
padding: 0 0 0.5rem;
position: absolute;
top: 30%;
-moz-appearance: none;
-moz-user-select: none;
border: medium none;
cursor: pointer;
display: inline-block;
letter-spacing: 0.055rem;
margin: 0 auto;
max-width: 18.125rem;
text-decoration: none;
text-transform: uppercase;
vertical-align: middle;
white-space: nowrap;
}
.tabs-previous:hover, .tabs-next:hover {
background-color: rgba(253, 213, 79, 0.9);
color: #000;
}
.tabs-previous {
left: 0;
}
.tabs-next {
right: 0;
}
......@@ -99,7 +99,7 @@ function uw_virtual_site_homepage_page_alter(&$page) {
// If there is a title, set the caption.
if($page['uw-virtual-site-homepage']['field_uw_home_page_banners'][$index]['#item']['title'] !== "") {
$html .= '<div class="banner-caption-wrapper">';
$html .= '<div class="banner-caption"><strong>' . $page['uw-virtual-site-homepage']['field_uw_home_page_banners'][$index]['#item']['title'] . '</strong>';
$html .= '<div class="banner-caption"><h2>' . $page['uw-virtual-site-homepage']['field_uw_home_page_banners'][$index]['#item']['title'] . '</h2>';
if($page['uw-virtual-site-homepage']['field_uw_home_page_banners'][0]['#item']['image_field_caption']) {
$html .= '<span>' . $page['uw-virtual-site-homepage']['field_uw_home_page_banners'][0]['#item']['image_field_caption']['value'] . '</span>';
}
......
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