cinera__hero.css: :run
This commit is contained in:
parent
ee1a165899
commit
2b3420565e
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue