cinera__hero.css: :run

This commit is contained in:
Matt Mascarenhas 2017-12-30 23:19:01 +00:00
parent ee1a165899
commit 2b3420565e
1 changed files with 43 additions and 8 deletions

View File

@ -120,27 +120,62 @@
} }
/* Run */ /* Run */
/*
* Untinted colours:
*
* box-shadow: #228B22; (green)
* background-color: #6B4423; (brown)
*
*/
.cineraMenus.hero .filter_content.run {
background-color: #31241A;
box-shadow: inset 0px 0px 4px #228B22;
}
.cineraMenus.hero .filter_content.run.filter_content.focused {
background-color: #392C22;
}
.cineraMenus.hero .filter_content.run.off {
background-color: #1C1917;
box-shadow: inset 0px 0px 4px #193B19;
}
/* */
.cineraPlayerContainer .markers_container.hero > .marker.run > .cineraContent, .cineraPlayerContainer .markers_container.hero > .marker.run > .cineraContent,
.cineraPlayerContainer .markers_container.hero > .marker:hover.run > .cineraContent,
.cineraPlayerContainer .markers_container.hero > .marker.run > .progress .cineraContent, .cineraPlayerContainer .markers_container.hero > .marker.run > .progress .cineraContent,
.cineraPlayerContainer .markers_container.hero > .marker:hover.run > .faded .cineraContent { .cineraPlayerContainer .markers_container.hero > .marker:hover.run > .faded .cineraContent {
background: hsla(128, 16%, 64%, .2); box-shadow: inset 0px 0px 12px #228B22;
background-image: linear-gradient(to right, blue 4%, black 4%, black 96%, red 4%),
linear-gradient(to bottom, blue 4%, black 4%, black 96%, red 4%),
/*#236a58*/
} }
.cineraPlayerContainer .markers_container.hero > .marker.run > .cineraContent { .cineraPlayerContainer .markers_container.hero > .marker.run > .cineraContent {
color: #D7BA82; background-color: #31241A;
} }
.cineraPlayerContainer .markers_container.hero > .marker:hover.run > .cineraContent { .cineraPlayerContainer .markers_container.hero > .marker:hover.run > .cineraContent {
background: #111; background-color: #392C22;
} }
.cineraPlayerContainer .markers_container.hero > .marker.run > .progress .cineraContent { .cineraPlayerContainer .markers_container.hero > .marker.run > .progress .cineraContent {
color: #D7BA82; background-color: #803F23;
} }
.cineraPlayerContainer .markers_container.hero > .marker:hover.run > .faded .cineraContent { .cineraPlayerContainer .markers_container.hero > .marker:hover.run > .faded .cineraContent {
background: #111; background-color: #683720;
}
/* */
/* */
.cineraPlayerContainer .markers_container.hero > .marker.off_run > .cineraContent,
.cineraPlayerContainer .markers_container.hero > .marker:hover.off_run > .cineraContent,
.cineraPlayerContainer .markers_container.hero > .marker.off_run > .progress .cineraContent,
.cineraPlayerContainer .markers_container.hero > .marker:hover.off_run > .faded .cineraContent {
box-shadow: inset 0px 0px 12px #193B19;
}
.cineraPlayerContainer .markers_container.hero > .marker.off_run > .cineraContent {
background-color: #1C1917;
} }