MediaWiki:Fandomdesktop.css

/*selection*/

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

color: white; background: #e6005c; }


 * selection {

color: white; background: #e6005c; }

/*end selection*/

/* 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 */

/* Discord Widget design*/ .discord-widget .widget-header { background-color: #e0005d; border-bottom: 3px ridge #e0005d; } .discord-widget .widget-footer { border-top: 3px ridge #e0005d; } .discord-widget .widget-body { background-image: url(https://static.wikia.nocookie.net/mamahaha-no-tsurego-ga-motokano-datta/images/f/f2/LN_3_Illustrations_2.webp/revision/latest?cb=20210723143013); background-position: top; background-size: cover; } .discord-widget .widget-member-avatar img { border: 2px solid #e0005d; background-color: #e0005d; } .discord-widget .widget-member .widget-member-name { background-color: #e0005d; } .discord-widget .widget-btn-connect { color: #e00013; background-color: #eb9915; border: 1px solid #e0005d; } .discord-widget .widget-btn-connect:hover { opacity: 1; background: #e0005d; border: 1px solid #e0005d; text-decoration: none; } .discord-widget .widget-role-name { color: #fff; text-shadow: 0 0 5px #fff; background: #9c641f url(https://static.wikia.nocookie.net/mamahaha-no-tsurego-ga-motokano-datta/images/f/f2/LN_3_Illustrations_2.webp/revision/latest?cb=20210723143013) no-repeat right; background-size: 20px; padding: 5px; border-radius: 5px; } .discord-widget .widget-body::-webkit-scrollbar { width: 10px; } .discord-widget .widget-body::-webkit-scrollbar-track { background: transparent; margin: 3px 0; } .discord-widget .widget-body::-webkit-scrollbar-thumb { background: red; border: 3px solid orange; border-radius: 10px; }