SCP Trans Pride Theme

Link to article: SCP Trans Pride Theme.

/* epic trans moment - CSS by Orison*/
 
div#container-wrap{
    background: url("https://scp-wiki.wdfiles.com/local--files/theme%3Ascp-trans-pride/Trans-CSS-File.png") top left repeat-x;
}
 
#container-wrap-wrap{
    color: #fff;
    background: #F7A8B8;
    background: linear-gradient(-45deg, #55CDFC, #F7A8B8, #FFFFFF, #F7A8B8, #55CDFC,  #F7A8B8, #FFFFFF, #F7A8B8, #55CDFC, #F7A8B8, #FFFFFF, #F7A8B8, #55CDFC,  #F7A8B8, #FFFFFF, #F7A8B8, #55CDFC);
    background-size: 400% 200%;
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation: Gradient 15s ease infinite;
    animation: Gradient 15s ease infinite;
}
 
#container{
    background: linear-gradient(180deg, rgba(0,0,0,0) 400px,rgba(0,0,0,0) 1px, rgba(255,255,255,1) 0px);
    color: #222;
}
 
@-webkit-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
 
@-moz-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
 
@keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
 
/* epic trans moment - CSS by Uncle Nicolini from here*/
 
#header {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Ascp-trans-pride/TransSCPlogo.png) !important;
}
 
#license-area {
    font-size: x-small;
    background: #5bcefa;
    color: black;
}
 
#license-area a {
    color: #056c94;
}
 
/* you are my sunshine, my only sunshine */
 
#footer {
    font-size: x-small;
    background: #ffafc7;
    color: black;
}
 
#footer a {
    color: #e51f47;
}

/* epic trans moment - CSS by Orison*/
 
div#container-wrap{
    background: url("https://scp-wiki.wdfiles.com/local--files/theme%3Ascp-trans-pride/Trans-CSS-File.png") top left repeat-x;
}
 
#container-wrap-wrap{
    color: #fff;
    background: #F7A8B8;
    background: linear-gradient(-45deg, #55CDFC, #F7A8B8, #FFFFFF, #F7A8B8, #55CDFC,  #F7A8B8, #FFFFFF, #F7A8B8, #55CDFC, #F7A8B8, #FFFFFF, #F7A8B8, #55CDFC,  #F7A8B8, #FFFFFF, #F7A8B8, #55CDFC);
    background-size: 400% 200%;
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation: Gradient 15s ease infinite;
    animation: Gradient 15s ease infinite;
}
 
#container{
    background: linear-gradient(180deg, rgba(0,0,0,0) 400px,rgba(0,0,0,0) 1px, rgba(255,255,255,1) 0px);
    color: #222;
}
 
@-webkit-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
 
@-moz-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
 
@keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

#header {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Ascp-trans-pride/TransSCPlogo.png) !important;
}

/* epic trans moment - CSS by Uncle Nicolini from here*/
 
#license-area {
    font-size: x-small;
    background: #5bcefa;
    color: black;
}
 
#license-area a {
    color: #056c94;
}
 
/* you are my sunshine, my only sunshine */
 
#footer {
    font-size: x-small;
    background: #ffafc7;
    color: black;
}
 
#footer a {
    color: #e51f47;
}

(none)

(none)

(none)

[[iftags +theme]]

[[module CSS]]
/* epic trans moment - CSS by Orison*/
 
div#container-wrap{
    background: url("https://scp-wiki.wdfiles.com/local--files/theme%3Ascp-trans-pride/Trans-CSS-File.png") top left repeat-x;
}
 
#container-wrap-wrap{
    color: #fff;
    background: #F7A8B8;
    background: linear-gradient(-45deg, #55CDFC, #F7A8B8, #FFFFFF, #F7A8B8, #55CDFC,  #F7A8B8, #FFFFFF, #F7A8B8, #55CDFC, #F7A8B8, #FFFFFF, #F7A8B8, #55CDFC,  #F7A8B8, #FFFFFF, #F7A8B8, #55CDFC);
    background-size: 400% 200%;
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation: Gradient 15s ease infinite;
    animation: Gradient 15s ease infinite;
}
 
#container{
    background: linear-gradient(180deg, rgba(0,0,0,0) 400px,rgba(0,0,0,0) 1px, rgba(255,255,255,1) 0px);
    color: #222;
}
 
@-webkit-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
 
@-moz-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
 
@keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
 
/* epic trans moment - CSS by Uncle Nicolini from here*/
 
#header {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Ascp-trans-pride/TransSCPlogo.png) !important;
}
 
#license-area {
    font-size: x-small;
    background: #5bcefa;
    color: black;
}
 
#license-area a {
    color: #056c94;
}
 
/* you are my sunshine, my only sunshine */
 
#footer {
    font-size: x-small;
    background: #ffafc7;
    color: black;
}
 
#footer a {
    color: #e51f47;
}
[[/module]]

**Animated header by Orison
Trans Pride Logo and footer by [[*user uncle nicolini]]
[[*user Ellie3]] is just the shmuck who tossed it all together!**

------

If you would like to use the theme as a whole, insert the following code at the top of your article:

> {{[[@@include :scp-wiki:theme:scp-trans-pride |trans-pride-animated-header= --] |trans-pride-logo= --] |trans-pride-footer= --@@]]]}}

------

If you would like to use only the SCP Trans Pride Logo (and the footer) insert the following code at the top of your article:

> {{[[@@include :scp-wiki:theme:scp-trans-pride |trans-pride-logo= --] |trans-pride-footer= --@@]]]}}

------

If you would like to use only the SCP Trans Pride Animated Header (and the footer) insert the following code at the top of your article:

> {{[[@@include :scp-wiki:theme:scp-trans-pride |@@trans-pride-animated-header= --@@] |trans-pride-footer= --@@]]]}}

------

If (for some reason) you would not like to use the footer, simply delete the following code from any of the above code: 

> {{@@ |trans-pride-footer= --@@]}}

------

[[=]]
+++ → [http://www.scp-wiki.net/component:pride-highlighter Check out Woedenaz's Pride Highlighter Theme as well!] ←
[[/=]]

------
[[/iftags]]


[!-- {$trans-pride-animated-header}
[[module css]]
/* epic trans moment - CSS by Orison*/
 
div#container-wrap{
    background: url("https://scp-wiki.wdfiles.com/local--files/theme%3Ascp-trans-pride/Trans-CSS-File.png") top left repeat-x;
}
 
#container-wrap-wrap{
    color: #fff;
    background: #F7A8B8;
    background: linear-gradient(-45deg, #55CDFC, #F7A8B8, #FFFFFF, #F7A8B8, #55CDFC,  #F7A8B8, #FFFFFF, #F7A8B8, #55CDFC, #F7A8B8, #FFFFFF, #F7A8B8, #55CDFC,  #F7A8B8, #FFFFFF, #F7A8B8, #55CDFC);
    background-size: 400% 200%;
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation: Gradient 15s ease infinite;
    animation: Gradient 15s ease infinite;
}
 
#container{
    background: linear-gradient(180deg, rgba(0,0,0,0) 400px,rgba(0,0,0,0) 1px, rgba(255,255,255,1) 0px);
    color: #222;
}
 
@-webkit-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
 
@-moz-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
 
@keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
[[/module]]
[!----]

[!-- {$trans-pride-logo}
[[module css]]
#header {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Ascp-trans-pride/TransSCPlogo.png) !important;
}
[[/module]]
[!----]

[!-- {$trans-pride-footer}
[[module css]]
/* epic trans moment - CSS by Uncle Nicolini from here*/
 
#license-area {
    font-size: x-small;
    background: #5bcefa;
    color: black;
}
 
#license-area a {
    color: #056c94;
}
 
/* you are my sunshine, my only sunshine */
 
#footer {
    font-size: x-small;
    background: #ffafc7;
    color: black;
}
 
#footer a {
    color: #e51f47;
}
[[/module]]
[!----]

SCP Trans Pride Theme

Module Styles

Inline Styles

Includes

CSS Classes

Page Source