MediaWiki:Fandomdesktop.css

/* == Global == */

/**Start Ryuu Link Color**/

a[href="/wiki/User:Just_Some_Guy_in_a_Nutshell"] {border:4px solid black;border-image: linear-gradient( 65.9deg, rgba(85,228,224,1) 5.5%, rgba(75,68,224,0.74) 54.2%, rgba(64,198,238,1) 55.2%, rgba(177,36,224,1) 98.4% );background:linear-gradient( 65.9deg,  rgba(85,228,224,1) 5.5%, rgba(75,68,224,0.74) 54.2%, rgba(64,198,238,1) 55.2%, rgba(177,36,224,1) 98.4% );color:white !important;  text-shadow: #00ffff 0 0 7px,#00ffff  0 0 7px, #00ffff 0 0 7px, #00ffff 0 0 7px, #00ffff 0 0 7px !important;} a[href*="Message_Wall:Just_Some_Guy_in_a_Nutshell"] {;border:4px solid black;border-image:linear-gradient( 65.9deg, rgba(85,228,224,1) 5.5%, rgba(75,68,224,0.74) 54.2%, rgba(64,198,238,1) 55.2%, rgba(177,36,224,1) 98.4% ) ;background:linear-gradient( 65.9deg,  rgba(85,228,224,1) 5.5%, rgba(75,68,224,0.74) 54.2%, rgba(64,198,238,1) 55.2%, rgba(177,36,224,1) 98.4% ); color:white !important;  text-shadow: #00ffff 0 0 7px,#00ffff  0 0 7px, #00ffff 0 0 7px, #00ffff 0 0 7px ,#00ffff  0 0 7px, #00ffff 0 0 7px !important;}

.comments li[data-user="Just Some Guy in a Nutshell"] blockquote {;border:4px solid black;border-image:linear-gradient( 65.9deg, rgba(85,228,224,1) 5.5%, rgba(75,68,224,0.74) 54.2%, rgba(64,198,238,1) 55.2%, rgba(177,36,224,1) 98.4% );background:linear-gradient( 65.9deg,  rgba(85,228,224,1) 5.5%, rgba(75,68,224,0.74) 54.2%, rgba(64,198,238,1) 55.2%, rgba(177,36,224,1) 98.4% ); color:white !important;  text-shadow: #00ffff 0 0 7px,#00ffff  0 0 7px, #00ffff 0 0 7px, #00ffff 0 0 7px ,#00ffff  0 0 7px, #00ffff 0 0 7px !important;}

/** End Ryuu Highlights **/

/**Start admin Link Color**/ /*Urere*/ a[href="/wiki/User:Urere"] { color:#5ad23e !important; } a[href*="Message_Wall:Urere"] { color:#5ad23e !important; }

/*PockyXX*/ a[href="/wiki/User:PockyXX"] { color:#ff8af3 !important; } a[href*="Message_Wall:PockyXX"] {color:#FF8AF3 !important; }

/**END Admin Link Color**/

/** Admin comments highlight in blogs **/

.comments li[data-user="Urere"] blockquote { background:#5ad23e !important; } /** End Admin Highlights **/

/* Wiki Links*/ .npage-preview { border: solid 1.3px #363521; box-shadow: 0 0 12px #F2669C; background: #653f03; } .npage-preview div { color: white; }

/* END Wiki Effects */

/* START Slider */ background: transparent; width: 100%; position: relative; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; text-align: center; } position: relative; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; -webkit-transition-timing-function: cubic-bezier(.67,.01,.23,1); -o-transition-timing-function: cubic-bezier(.67,.01,.23,1); transition-timing-function: cubic-bezier(.67,.01,.23,1); } margin: 0px; padding: 0px; } .Sld { height: auto; list-style: none; display: inline; float: left; } .SlideIMG { width: 100%; } .SlideIMG img { display: block; max-width: 100%; height: auto; min-width: 100%; min-height: 100%; position: relative; } position: absolute; display: block; } .NavBtn { position: relative; display: block; top: 0px; width: auto; height: auto; list-style: none; margin: 0px; background: #e50d72; text-align: center; color: blue; } /* Button Background */ .nmLeft { height: 100%; left: 0px; background: red; } .nmLeft li { list-style: none; padding: 10px 100px 10px 10px; } .nmLeft li:hover { cursor: pointer; background: linear-gradient(to right, #FFFFFF, blue, transparent); color: currentColor; } .nmRight { height: 100%; right: 0px; top: 10px; background: transparent; text-align: center; } .nmRight li { list-style: none; border-bottom: 3px solid transparent; border-top: 3px solid transparent; padding: 5px 15px 5px 15px; } .nmRight li:hover { cursor: pointer; background: blue; transition-duration: 0.2s; transition-timing-function: ease-out; color: currentColor; } .nmTop { width: 100%; top: 0px; background: #e50d72; text-align: left; } .nmTop li { display: inline-block; list-style: none; padding: 10px 10px 20px 10px; } .nmTop li:hover { cursor: pointer; background: linear-gradient(to bottom, red, #FFFFFF, transparent); color: currentColor; } .nmBottom { width: 100%; bottom: 0px; background: blue; text-align: left; } .nmBottom li { display: inline-block; list-style: none; padding: 20px 10px 10px 10px; } .nmBottom li:hover { cursor: pointer; background: linear-gradient(to top, red,#FFFFFF, transparent); color: currentColor; } .nbActiveLeft { background: blue; } .nbActiveRight { background: blue; color: red; } .nbActiveTop { background: blue; } .nbActiveBottom { background: blue; } /* Subtitle / Bottom Text */
 * 1) SliderView {
 * 1) SliderWrapper {
 * 1) SliderWrapper, #SliderWrapper ul, #SliderWrapper li, #NavBtns, #NavBtns ul {
 * 1) NavBtns {

.sl_info { position: relative; top: -25px; width: 100%; text-align: left; background: rgba(0, 65, 241, 0.8); color: white; padding: 10px; margin: -25px 0px -25px 0px; } /* END Slider */

/* Link Preview Design */ .npage-preview { border: solid 1px blue; box-shadow: 0 0 12px brown; background: brown; }

/* Start of Navbox stuff */ /* --- TABLE DESIGNS --- */ .mw-collapsible-toggle,.mw-collapsible-toggle-collapsed > a {color:inherit !important;} .mw-collapsible-toggle,.mw-collapsible-toggle-expanded > a {color:inherit !important;} /* default skin for navigation boxes */ table.navbox {           /* navbox container style */ border:1px solid #aaa; width:100%; margin:auto; clear:both; font-size:88%; text-align:center; padding:1px; } /* single pixel border between adjacent navboxes (doesn't work for IE6, but that's okay) */ table.navbox + table.navbox { margin-top:-1px; } .navbox-title, .navbox-abovebelow, table.navbox th { text-align:center;     /* title and above/below styles */ padding-left:1em; padding-right:1em; } .navbox-group {          /* group style */ white-space:nowrap; text-align:right; font-weight:bold; padding-left:1em; padding-right:1em; } .navbox, .navbox-subgroup { background:#6066a3; } .navbox-list { border-left:2px solid #6066a3; } .navbox-title, table.navbox th { background:#ccccff; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background:#ddddff; } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background:#e6e6ff; } .navbox-even { background:#333a89; } .navbox-odd { background:#495096; } @media print { .navbox { display: none; } } table.extrapadding td { padding-left: 4px; padding-right: 4px; } table.td-right td { text-align: right; } .alt { background-color: #e9e9ff; } table.zebra > tbody > tr:nth-child(2n+1) {background-color: #e9e9ff; } table .hover:hover { background-color: orange; } /* for occasions where a table element is class="hover": for legibility in larger tables */ /* Prevents line breaks in links, used for navboxes */ .nowraplinks a { white-space: nowrap; } /* --- NAVFRAME STUFF --- */ /* Standard Navigationsleisten, aka box hiding thingy from .de. */ /* Documentation at wikipedia:Wikipedia:NavFrame. */ div.Boxmerge, div.NavFrame { margin: 0px; padding: 4px; border: 1px solid #aaa; text-align: center; border-collapse: collapse; font-size: 95%; } div.Boxmerge div.NavFrame { border-style: none; border-style: hidden; } div.NavFrame + div.NavFrame { border-top-style: none; border-top-style: hidden; } div.NavPic { background-color: #fff; margin: 0px; padding: 2px; float: left; } div.NavFrame div.NavHead { height: 1.6em; font-weight: bold; background-color: #ccf; position:relative; } div.NavFrame p { font-size: 100%; } div.NavFrame div.NavContent { font-size: 100%; } div.NavFrame div.NavContent p { font-size: 100%; } div.NavEnd { margin: 0px; padding: 0px; line-height: 1px; clear: both; } a.NavToggle { position:absolute; top:0px; right:3px; font-weight:normal; font-size:smaller; }

/** DropDown **/ .custom-dropdown { padding: 1px 8px; } .custom-dropdown > :first-child:after { background-image: url("data:image/gif;base64,R0lGODlhAQABAIABAAAAAP///yH5BAEAAAEALAAAAAABAAEAQAICTAEAOw%3D%3D"); border-color: white transparent transparent; border-style: solid; border-width: 4px; content: ""; display: inline-block; height: 1px; margin-left: 4px; margin-top: 2px; position: relative; vertical-align: middle; width: 1px; } .custom-dropdown:hover { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; margin-bottom: -1px; padding-bottom: 2px; } .custom-dropdown ul { list-style: none outside none; min-width: 100%; top: 23px; } .custom-dropdown:hover ul { display: block; } .custom-dropdown li a { font-size: 12px; height: 14px; line-height: 14px; } /* End of Navbox stuff */

/* Rails */ .WikiaRail .rail-module, .WikiaRail .module { background:transparent ; color: #e6005c; border-bottom: 2px dotted #e6005c; border-top: 2px dotted #e6005c; border-right: 2px dotted #e6005c; border-left: 2px dotted #e6005c; margin: 0; padding: 15px; } .WikiaRail .module > h2, .WikiaRail .rail-module h2 { background: -webkit-linear-gradient(#b30047, #e6005c); border-color: #b30047; border-image: linear-gradient(to right, transparent 0%, #fd0000 30%, #bd0000 70%, #fd0000 90%, transparent 100%) 1 1 1 1; border-style: none none solid; border-width: 0 0 2px; color: #e6005c; font-size: 1.7em !important; line-height: 1em !important; margin-bottom: 15px; text-align: center; text-transform: uppercase; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .WikiaRail .module { background:transparent ; border-color: #e6005c; border-style: dotted; border-width: 2px; } /* End Rails */

/*Snow*/ .theme-fandomdesktop-light .main-container { background-image: url('https://images.wikia.nocookie.net/dev/images/4/4e/Snow.png'); background-attachment: fixed; -webkit-animation: snow 20s linear infinite; -moz-animation: snow 20s linear infinite; -ms-animation: snow 20s linear infinite; animation: snow 20s linear infinite; }

@keyframes snow { 0% {       background-position: 0px 0px; }   100% {        background-position: 500px 1000px, 400px 400px, 300px 300px, 0px 0px; } }

@-moz-keyframes snow { 0% {       background-position: 0px 0px; }   100% {        background-position: 500px 1000px, 400px 400px, 300px 300px, 0px 0px; } }

@-webkit-keyframes snow { 0% {       background-position: 0px 0px; }   100% {        background-position: 500px 1000px, 400px 400px, 300px 300px, 0px 0px; } }

.theme-fandomdesktop-dark .main-container { background-image: url('https://images.wikia.nocookie.net/dev/images/4/4e/Snow.png'); background-attachment: fixed; -webkit-animation: snow 20s linear infinite; -moz-animation: snow 20s linear infinite; -ms-animation: snow 20s linear infinite; animation: snow 20s linear infinite; }

@keyframes snow { 0% {       background-position: 0px 0px; }   100% {        background-position: 500px 1000px, 400px 400px, 300px 300px, 0px 0px; } }

@-moz-keyframes snow { 0% {       background-position: 0px 0px; }   100% {        background-position: 500px 1000px, 400px 400px, 300px 300px, 0px 0px; } }

@-webkit-keyframes snow { 0% {       background-position: 0px 0px; }   100% {        background-position: 500px 1000px, 400px 400px, 300px 300px, 0px 0px; } } /*end snow*/

/*background*/ .fandom-community-header__background { background: url('https://static.wikia.nocookie.net/the-saints-magic-power-is-omnipotent/images/d/d7/FandomdesktopBackground.png/revision/latest?cb=20210716165848&format=original') fixed repeat; height: 100%; }

.fandom-community-header__background:before { background-image: none; } /*end background*/

/*selection*/

/*Moz is for firefox users*/
 * -moz-selection {

color: white; background: #e6005c; }


 * selection {

color: white; background: #e6005c; }

/*end selection*/