Win / Conspiracies
Conspiracies
Sign In
DEFAULT COMMUNITIES All General AskWin Funny Technology Animals Sports Gaming DIY Health Positive Privacy
Reason: transition-delay + Dark Mode url added

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:

3 years ago
3 score
Reason: Text filter removal

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;
}
}
3 years ago
3 score
Reason: Text color

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;
}
}
3 years ago
3 score
Reason: Correct imgur direct url

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;
}
}
3 years ago
2 score
Reason: url swap

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;
}
}
3 years ago
2 score
Reason: Words

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;

}

}
3 years ago
2 score
Reason: Formatting #4

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;

}

}
3 years ago
2 score
Reason: Formatting #4

For anyone who wants to try or have it on their browser:

  1. CSS Injector:

  1. 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;
    

    }

    }

3 years ago
1 score
Reason: Formatting #3

For anyone who wants to try or have it on their browser:

  1. CSS Injector:

  1. 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;
    

    }

    }

3 years ago
1 score
Reason: Formatting #2

For anyone who wants to try or have it on their browser:

  1. CSS Injector:

  1. 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;

}

}
3 years ago
1 score
Reason: Original

For anyone who wants to try or have it on their browser:

  1. CSS Injector:

  1. 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; }

    }

3 years ago
1 score