Skip to content
This repository has been archived by the owner. It is now read-only.

Commit

Permalink
Browse files Browse the repository at this point in the history
Update to metaslider color options
  • Loading branch information
briandunnigan authored and briandunnigan committed Jun 26, 2015
1 parent fe3d4b4 commit a0f2f69
Show file tree
Hide file tree
Showing 3 changed files with 84 additions and 22 deletions.
2 changes: 2 additions & 0 deletions .gitignore
View file
@@ -0,0 +1,2 @@

css/variables.css
39 changes: 32 additions & 7 deletions css/ece.css
View file
Expand Up @@ -9134,18 +9134,17 @@ ol.uc-cal-list {
margin-bottom: 1em;
}

.metaslider .caption-wrap {
#page-blank .metaslider .caption-wrap, #page-page .metaslider .caption-wrap {
opacity: 1 !important;
background-color: rgba(65, 178, 60, 0.8) !important;
}
.metaslider .caption-wrap .caption {
#page-blank .metaslider .caption-wrap .caption, #page-page .metaslider .caption-wrap .caption {
padding: 7px 12px;
font-size: 12px;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
line-height: 1.3em;
}

.ie8 .metaslider .caption-wrap {
#page-blank .ie8 .metaslider .caption-wrap, #page-page .ie8 .metaslider .caption-wrap {
background-color: #41b23c;
}

Expand All @@ -9159,7 +9158,7 @@ body.home .panel-grid:nth-child(2) .panel-grid-cell:nth-child(1) p {
body.home .metaslider .caption-wrap {
top: 0;
width: 45%;
background-color: rgba(65, 178, 60, 0.7);
background-color: rgba(242, 234, 14, 0.8);
opacity: 1;
}
@media (max-width: 991px) {
Expand All @@ -9185,8 +9184,8 @@ body.home .metaslider .caption-wrap h1 {
font-family: 'bebas_neue_regularregular', helvetica, arial, sans-serif;
font-size: 45px;
letter-spacing: 0.5px;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.6);
color: white;
color: #333;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
line-height: 1em;
}
@media (max-width: 991px) {
Expand All @@ -9197,6 +9196,8 @@ body.home .metaslider .caption-wrap h1 {
body.home .metaslider .caption-wrap p {
line-height: 1.5em;
font-size: 15px;
color: #333;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}
body.home .metaslider .caption-wrap a.btn {
margin-top: 20px !important;
Expand Down Expand Up @@ -9382,21 +9383,45 @@ body.home .hentry {
}

/* ----------------------------- Metaslider Colors ----------------------------- */
.slider-green .caption-wrap {
background-color: rgba(65, 178, 60, 0.7) !important;
}
.slider-green .caption-wrap h1, .slider-green .caption-wrap p {
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.6) !important;
color: white !important;
}

.slider-red .caption-wrap {
background-color: rgba(197, 17, 46, 0.8) !important;
}
.slider-red .caption-wrap h1, .slider-red .caption-wrap p {
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.6) !important;
color: white !important;
}

.slider-purple .caption-wrap {
background-color: rgba(128, 0, 128, 0.8) !important;
}
.slider-purple .caption-wrap h1, .slider-purple .caption-wrap p {
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.6) !important;
color: white !important;
}

.slider-teal .caption-wrap {
background-color: rgba(0, 168, 177, 0.8) !important;
}
.slider-teal .caption-wrap h1, .slider-teal .caption-wrap p {
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.6) !important;
color: white !important;
}

.slider-orange .caption-wrap {
background-color: rgba(247, 138, 17, 0.8) !important;
}
.slider-orange .caption-wrap h1, .slider-orange .caption-wrap p {
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.6) !important;
color: white !important;
}

.slider-right .caption-wrap {
right: 0;
Expand Down
65 changes: 50 additions & 15 deletions sass/ece.scss
View file
Expand Up @@ -382,22 +382,24 @@ ol.uc-cal-list {



.metaslider .caption-wrap {
opacity:1 !important;
background-color:rgba(65, 178, 60,0.8) !important;
#page-blank, #page-page {
.metaslider .caption-wrap {
opacity:1 !important;
background-color:rgba(65, 178, 60,0.8) !important;

.caption {
padding:7px 12px;
font-size:12px;
text-shadow: 0px 1px 0px rgba(0,0,0,0.5);
line-height:1.3em;
}
}

.caption {
padding:7px 12px;
font-size:12px;
text-shadow: 0px 1px 0px rgba(0,0,0,0.5);
line-height:1.3em;
.ie8 .metaslider .caption-wrap {
background-color:$green;
}
}

.ie8 .metaslider .caption-wrap {
background-color:$green;
}


/* ---------------------------- Home Page Specific Styles ------------------------------- */

Expand All @@ -415,7 +417,7 @@ body.home {
.metaslider .caption-wrap {
top:0;
width:45%;
background-color:rgba(65, 178, 60,0.7);
background-color:rgba(242,234,14,0.8);
opacity:1;

@media (max-width:991px) {
Expand All @@ -440,8 +442,8 @@ body.home {
font-family: 'bebas_neue_regularregular', helvetica, arial, sans-serif;
font-size:45px;
letter-spacing:0.5px;
text-shadow: 0px 1px 0px rgba(0,0,0,0.6);
color:white;
color:#333;
text-shadow:0 1px 0 rgba(255,255,255,0.7);
line-height: 1em;

@media (max-width:991px) {
Expand All @@ -452,6 +454,8 @@ body.home {
p {
line-height: 1.5em;
font-size:15px;
color:#333;
text-shadow:0 1px 0 rgba(255,255,255,0.7);
}

a.btn {
Expand Down Expand Up @@ -677,27 +681,58 @@ body.home {

/* ----------------------------- Metaslider Colors ----------------------------- */

.slider-green {
.caption-wrap {
background-color:rgba(65, 178, 60,0.7)!important;

h1, p {
text-shadow: 0px 1px 0px rgba(0,0,0,0.6) !important;;
color:white !important;;
}
}
}

.slider-red {
.caption-wrap {
background-color:rgba(197, 17, 46, 0.8) !important;

h1, p {
text-shadow: 0px 1px 0px rgba(0,0,0,0.6) !important;;
color:white !important;;
}
}
}

.slider-purple {
.caption-wrap {
background-color:rgba(128, 0, 128, 0.8) !important;

h1, p {
text-shadow: 0px 1px 0px rgba(0,0,0,0.6) !important;
color:white !important;
}
}
}

.slider-teal {
.caption-wrap {
background-color:rgba(0, 168, 177, 0.8) !important;

h1, p {
text-shadow: 0px 1px 0px rgba(0,0,0,0.6) !important;;
color:white !important;;
}
}
}

.slider-orange {
.caption-wrap {
background-color:rgba(247, 138, 17, 0.8) !important;

h1, p {
text-shadow: 0px 1px 0px rgba(0,0,0,0.6) !important;;
color:white !important;;
}
}
}

Expand Down

0 comments on commit a0f2f69

Please sign in to comment.