User:Reggie Ozuna/common.css

/*Imports*/ @import url('https://fonts.googleapis.com/css?family=Beau+Rivage'); @import url('https://fonts.googleapis.com/css?family=Patua+One');

@import "/load.php?mode=articles&articles=u:dev:MediaWiki:TZclock.css|u:dev:MediaWiki:BalancedCategories.css|u:dev:MediaWiki:BalancedProfile.css|u:dev:MediaWiki:BalancedScrollbar.css|u:dev:MediaWiki:BalancedSearch.css|u:dev:MediaWiki:NewPagesModule.css|u:dev:MediaWiki:SpoilerBlur.css|u:dev:MediaWiki:MinifiedLeftTabs.css|u:dev:MediaWiki:UpgradedToolbar.css|u:dev:MediaWiki:InterlanguageFlags.css|u:dev:MediaWiki:LocalNavExploreIcons.css|u:dev:MediaWiki:ContribsButtons.css|u:dev:MediaWiki:BalancedTabber.css|u:dev:MediaWiki:ImprovedUserpages/minimalist.css|u:dev:MediaWiki:BalancedPageBottom.css|u:dev:MediaWiki:Global_Lua_Modules/Navbox.css&only=styles"; @import url('https://fonts.googleapis.com/css?family=Solitreo');

/**Backgrounds**/ @import url("/index.php?title=Template:ModInfo/background.css&action=raw&ctype=text/css"); @import url("/index.php?title=Template:Credits/background.css&action=raw&ctype=text/css");

/**Fonts**/ @font-face { font-family: 'PhantomMuff 1.5'; src: url('wiki/Special:FilePath/PhantomMuff_1.5_Regular.woff2') format('woff2'), url('wiki/Special:FilePath/PhantomMuff_1.5_Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: normal; } @font-face { font-family: 'Beau Rivage'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/beaurivage/v2/UcCi3FIgIG2bH4mMNWJUllgwP5s.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* latin */ @font-face { font-family: 'Patua One'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/patuaone/v20/ZXuke1cDvLCKLDcimxB44_lu.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } .page-header__title, .mw-headline { font-family: 'PhantomMuff 1.5', sans-serif; }

@font-face { font-family: 'Beau Rivage'; src: url('wiki/Special:FilePath/Genericreg.woff2') format('woff2'), url('wiki/Special:FilePath/Genericreg.woff') format('woff'); font-weight: normal; font-style: normal; font-display: normal;

}

@font-face { font-family: 'Eeymreg'; src: url('wiki/Special:FilePath/Eeymreg.woff2') format('woff2'), url('wiki/Special:FilePath/Eeymreg.woff') format('woff'); font-weight: normal; font-style: normal; font-display: normal;

}

a:hover { text-shadow: 0 0 3px #fc048c; } a[href$=":Reggie_Ozuna"], a[href$="/Reggie_Ozuna"] { color:#3904b5 !important; font-weight: bold !important; font-family: 'Patua One'; text-shadow:#6f03a1 0px 0px 5px, #6f03a1 0px 0px 5px !important;} /* Makes an inline dialogue */ .dialogue-block ul { list-style: none; margin: 0; padding: 0; }

.dialogue-line { line-height: 250%; }

.dialogue-speaker { font-weight: bold; }

.dialogue-action, .dialogue-mood { font-style: italic; }

.dialogue-character:after { content: ':'; }

/* The Discord Arm!*/ /* (added by w:c:dev:AddRailModule) */ .discord-arm { background-color: #f9f9f9; padding: 5px 20px; text-align: center; }

.theme-fandomdesktop-dark .discord-arm { background-color: #284c74; }

.discord-arm p { font-size: 13px; line-height: 20px; margin: 15px 0; }

.TeleportSites:hover { animation: spin 0.4s 1; } @keyframes spin { 100% {       transform: rotate(360deg); } }

/* The Customized Slider Section!*/

background: transparent; width: 100%; height: auto; 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; } margin: 0px; }
 * 1) SliderView {
 * 1) SliderWrapper {
 * 1) SliderWrapper, #SliderWrapper ul, #SliderWrapper li, #NavBtns, #NavBtns ul {
 * 1) NavBtns li {

.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: transparent; }
 * 1) NavBtns {

.nmLeft { height: 100%; left: 0px; background: linear-gradient(to right, rgba(61,61,61,0.8), rgba(61,61,61,0.8), transparent); } .nmLeft li { list-style: none; padding: 10px 100px 10px 10px; } .nmLeft li:hover { cursor: pointer; background: linear-gradient(to right, rgba(81,81,81,0.8), rgba(81,81,81,0.8), transparent); }

.nmRight { height: 100%; right: 0px; background: linear-gradient(to left, rgba(61,61,61,0.8), rgba(61,61,61,0.8), transparent); text-align: left; } .nmRight li { list-style: none; padding: 10px 10px 10px 100px; } .nmRight li:hover { cursor: pointer; background: linear-gradient(to left, rgba(81,81,81,0.8), rgba(81,81,81,0.8), transparent); }

.nmTop { width: 100%; top: 0px; background: linear-gradient(to bottom, rgba(61,61,61,0.8), rgba(61,61,61,0.8), transparent); 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, rgba(81,81,81,0.8), rgba(81,81,81,0.8), transparent); }

.nmBottom { width: 100%; bottom: 0px; background: linear-gradient(to top, rgba(61,61,61,0.8), rgba(61,61,61,0.8), transparent); 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, rgba(81,81,81,0.8), rgba(81,81,81,0.8), transparent); }

.nbActiveLeft { background: linear-gradient(to right, rgba(111,111,111,0.8), rgba(111,111,111,0.8), transparent); } .nbActiveRight { background: linear-gradient(to left, rgba(111,111,111,0.8), rgba(111,111,111,0.8), transparent); } .nbActiveTop { background: linear-gradient(to bottom, rgba(111,111,111,0.8), rgba(111,111,111,0.8), transparent); } .nbActiveBottom { background: linear-gradient(to top, rgba(111,111,111,0.8), rgba(111,111,111,0.8), transparent); }

/* *  The following module converts links bold except infoboxes, table of contents and gallery * captions inside gallery tag instead of too many 3 single quotes. *  *  Thanks to HaiFire3344 for hunting the bugs. (Humbly taken from the Friday Night Funkin' wiki) .ns-0 .mw-parser-output a, .ns-4 .mw-parser-output a, .ns-14 .mw-parser-output a, .bold-link a { font-weight: bold; } .pi-data-value a, .reference a, .references a, .lightbox-caption a, .toc a, .refpopups-popup a, .no-bold-link a { font-weight: normal !important; }

/* Adjust base styles for Recent Wiki Activity rail module */ .edit-info-user::after { margin-left: 0; width: 12px; height: 12px; transform: translate(0px, -1px); }

/* (added by w:c:dev:AddRailModule) */ .discussions-arm { background: url(https://static.wikia.nocookie.net/fridaynightfunking/images/4/48/BOYFRIENDvpose.png/revision/latest) center/cover no-repeat; color: #fff; padding: 5px 20px; text-align: center; }

.discussions-arm p { font-size: 16px; font-weight: bold; margin: 15px 0; }

.discussions-arm p:first-child { text-shadow: #000 1px 2px 2px; }

/* Patch both */ .railModule.rail-module .wds-button { padding: 0; border: 0; }

.railModule.rail-module .wds-button a { display: inline-block; text-decoration: none; color: inherit; padding: 9px 19px; cursor: pointer; }

.fandom-community-header { background: rgba(var(--theme-accent-color--rgb), 0.7); color: var(--theme-accent-label-color); padding: 15px 20px 5px 20px; }

.page { margin-top: 0; }

/* Overrides the staff's color on mainspaces except main page. */ .ns-0:not(.mainpage) .mw-parser-output a[href*="User:"] { color: var(--theme-link-color) !important; text-shadow: inherit !important; }

/* */ .hatnote { font-style: italic; }

div.hatnote { /* @noflip */ padding-left: 1.6em; margin-bottom: 0.5em; }

.hatnote i { font-style: normal; }

.hatnote + link + .hatnote { margin-top: -0.5em; }