For anyone who wants to try it on their browser:
CSS Injector:
Import as new theme:
@-moz-document domain("conspiracies.win") {
/*Additions
Without symbols:
https://media.conspiracies.win/post/beCVAQvq.png
*/
.header .bg
{
background:
url("https://i.imgur.com/99Rsb3a.jpeg")
50% 50%/cover no-repeat;
/*padding: 41px 0px 0px;*/
}
/*Text Visibility*/
.header .bg .title,
.header .bg .description
{
color: #000 !important;
}
/* ========== Optional Filters (Delete to disable) ========== */
.header .bg
{
filter: grayscale(1) brightness(.75);
transition: 3s;
transition-delay: 1.5s;
}
.header .bg:hover
{
filter: grayscale(0) brightness(1);
/*padding: 41px 0px 0px;*/
transition: 1s;
}
}
Separate Dark Mode Banner:
For anyone who wants to try it on their browser: CSS Injector:
Import as new theme:
@-moz-document domain("conspiracies.win") {
/*Additions
Without symbols:
https://media.conspiracies.win/post/beCVAQvq.png
*/
.header .bg
{
background:
url("https://i.imgur.com/99Rsb3a.jpeg")
50% 50%/cover no-repeat;
/*padding: 41px 0px 0px;*/
}
/*Text Visibility*/
.header .bg .title,
.header .bg .description
{
color: #000 !important;
}
/* =============== Optional Filters (Delete to disable) =============== */
.header .bg
{
filter: grayscale(1) brightness(.75);
transition: 1s;
}
.header .bg:hover
{
filter: grayscale(0) brightness(1);
/*padding: 41px 0px 0px;*/
transition: 1s;
}
}
For anyone who wants to try it on their browser: CSS Injector:
Import as new theme:
@-moz-document domain("conspiracies.win") {
/*Additions
Without symbols:
https://media.conspiracies.win/post/beCVAQvq.png
*/
.header .bg
{
background:
url("https://i.imgur.com/99Rsb3a.jpeg")
50% 50%/cover no-repeat;
/*padding: 41px 0px 0px;*/
}
/*Text Visibility*/
.header .bg .title:hover,
.header .bg .description:hover
{
filter: grayscale(0) brightness(1);
color: #000;
}
/* =============== Optional Filters (Delete to disable) =============== */
.header .bg
{
filter: grayscale(1) brightness(.75);
transition: 1s;
}
.header .bg:hover
{
filter: grayscale(0) brightness(1);
/*padding: 41px 0px 0px;*/
transition: 1s;
}
}
For anyone who wants to try it on their browser: CSS Injector:
Import as new theme:
@-moz-document domain("conspiracies.win") {
/*Additions
Without symbols:
https://media.conspiracies.win/post/beCVAQvq.png
*/
.header .bg
{
background:
url("https://i.imgur.com/99Rsb3a.jpeg")
50% 50%/cover no-repeat;
/*padding: 41px 0px 0px;*/
}
/* ===================== Optional Filters ===================== */
.header .bg
{
filter: grayscale(1) brightness(.75);
transition: 1s;
}
.header .bg:hover
{
filter: grayscale(0) brightness(1);
/*padding: 41px 0px 0px;*/
transition: 1s;
}
/*Text Visibility - Hover*/
.header .bg .title:hover,
.header .bg .description:hover
{
filter: grayscale(0) brightness(1);
background-color: #191919;
}
}
For anyone who wants to try it on their browser:
CSS Injector:
Import as new theme:
@-moz-document domain("conspiracies.win") {
/*Additions
Without symbols:
https://media.conspiracies.win/post/beCVAQvq.png
*/
.header .bg
{
background:
url("https://imgur.com/99Rsb3a")
50% 50%/cover no-repeat;
/*padding: 41px 0px 0px;*/
}
/* ===================== Optional Filters ===================== */
.header .bg
{
filter: grayscale(1) brightness(.75);
transition: 1s;
}
.header .bg:hover
{
filter: grayscale(0) brightness(1);
/*padding: 41px 0px 0px;*/
transition: 1s;
}
/*Text Visibility - Hover*/
.header .bg .title:hover,
.header .bg .description:hover
{
filter: grayscale(0) brightness(1);
background-color: #191919;
}
}
For anyone who wants to try it on their browser:
CSS Injector:
Import as new theme:
@-moz-document domain("conspiracies.win") {
/*Additions
With symbols:
https://imgur.com/99Rsb3a
*/
.header .bg
{
background:
url("https://media.conspiracies.win/post/beCVAQvq.png")
50% 50%/cover no-repeat;
/*padding: 41px 0px 0px;*/
}
/* ===================== Optional Filters ===================== */
.header .bg
{
filter:grayscale(1)brightness(.75);
transition:1s;
}
.header .bg:hover
{
filter: grayscale(0) brightness(1);
/*padding: 41px 0px 0px;*/
transition: 1s;
}
/*Text Visibility - Hover*/
.header .bg .title:hover,
.header .bg .description:hover
{
filter: grayscale(0) brightness(1);
background-color: #191919;
}
}
For anyone who wants to try or have it on their browser:
CSS Injector:
Import as new theme:
@-moz-document domain("conspiracies.win") {
/*Additions
With symbols:
https://imgur.com/99Rsb3a
*/
.header .bg
{
background:
url("https://media.conspiracies.win/post/beCVAQvq.png")
50% 50%/cover no-repeat;
/*padding: 41px 0px 0px;*/
}
/* ===================== Optional Filters ===================== */
.header .bg
{
filter:grayscale(1)brightness(.75);
transition:1s;
}
.header .bg:hover
{
filter: grayscale(0) brightness(1);
/*padding: 41px 0px 0px;*/
transition: 1s;
}
/*Text Visibility - Hover*/
.header .bg .title:hover,
.header .bg .description:hover
{
filter: grayscale(0) brightness(1);
background-color: #191919;
}
}
For anyone who wants to try or have it on their browser:
- CSS Injector:
-
Import as new theme:
@-moz-document domain("conspiracies.win") {
/*Additions
With symbols: https://imgur.com/99Rsb3a
*/
.header .bg
{
background: url("https://media.conspiracies.win/post/beCVAQvq.png") 50% 50%/cover no-repeat; /*padding: 41px 0px 0px;*/
}
/* ===================== Optional Filters ===================== */
.header .bg
{
filter:grayscale(1)brightness(.75); transition:1s;
}
.header .bg:hover
{
filter:grayscale(0)brightness(1); /*padding: 41px 0px 0px;*/ transition:1s;
}
/Text Visibility - Hover/
.header .bg .title:hover,
.header .bg .description:hover
{
filter:grayscale(0)brightness(1); background-color: #000;
}
}
For anyone who wants to try or have it on their browser:
- CSS Injector:
-
Import as new theme:
@-moz-document domain("conspiracies.win") {
/*Additions
With symbols: https://imgur.com/99Rsb3a
*/
.header .bg
{
background: url("https://media.conspiracies.win/post/beCVAQvq.png") 50% 50%/cover no-repeat; /*padding: 41px 0px 0px;*/
}
/* ===================== Optional Filters ===================== */
.header .bg
{
filter:grayscale(1)brightness(.75); transition:1s;
}
.header .bg:hover
{
filter:grayscale(0)brightness(1); /*padding: 41px 0px 0px;*/ transition:1s;
}
/Text Visibility - Hover/
.header .bg .title:hover,
.header .bg .description:hover
{
filter:grayscale(0)brightness(1); background-color: #000;
}
}
For anyone who wants to try or have it on their browser:
- CSS Injector:
- Import as new theme:
@-moz-document domain("conspiracies.win") {
/*Additions
With symbols:
https://imgur.com/99Rsb3a
*/
.header .bg
{
background:
url("https://media.conspiracies.win/post/beCVAQvq.png")
50% 50%/cover no-repeat;
/*padding: 41px 0px 0px;*/
}
/* ===================== Optional Filters ===================== */
.header .bg
{
filter:grayscale(1)brightness(.75);
transition:1s;
}
.header .bg:hover
{
filter:grayscale(0)brightness(1);
/*padding: 41px 0px 0px;*/
transition:1s;
}
/*Text Visibility - Hover*/
.header .bg .title:hover,
.header .bg .description:hover
{
filter:grayscale(0)brightness(1);
background-color: #000;
}
}
For anyone who wants to try or have it on their browser:
- CSS Injector:
-
Import as new theme:
@-moz-document domain("conspiracies.win") { /*Additions
With symbols: https://imgur.com/99Rsb3a
*/
.header .bg { background:
url("https://media.conspiracies.win/post/beCVAQvq.png") 50% 50%/cover no-repeat; /*padding: 41px 0px 0px;*/
}
/* ===================== Optional Filters ===================== */
.header .bg { filter:grayscale(1)brightness(.75); transition:1s; } .header .bg:hover { filter:grayscale(0)brightness(1); /padding: 41px 0px 0px;/ transition:1s; }
/Text Visibility - Hover/ .header .bg .title:hover, .header .bg .description:hover { filter:grayscale(0)brightness(1); background-color: #000; }
}