MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/

/* Fonts */ @import url('https://fonts.googleapis.com/css2?family=Girassol&family=Italianno&family=Lato&display=swap'); @import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css); /* Imports */ @import url("/load.php?mode=articles&only=styles&articles=MediaWiki:Mbox.css|MediaWiki:Quote.css|u:dev:MediaWiki:EditorSourceMinimal/light.css|u:dev:FandomizedBloglists/code.css|u:dev:MediaWiki:FandomizedLoadingScreens.css|u:dev:MediaWiki:FandomizedRailModules/code.css|u:dev:MediaWiki:FandomizedThemeDesigner.css|u:dev:MediaWiki:InterlanguageFlags.css|u:dev:MediaWiki:MinifiedLeftTabs/code.css|u:dev:MediaWiki:ModernWikiActivity.css|u:dev:MediaWiki:ModernCommentsSection.css|u:dev:MediaWiki:ModernProfile/Masthead.css|u:dev:MediaWiki:ModernProfile/Wall.css"); @import url("https://use.fontawesome.com/releases/v5.9.0/css/all.css"); @import url("/load.php?mode=articles&articles=u:dev:MediaWiki:FandomizedAchievementsSystems/code.css&only=styles"); @import "/index.php?title=MediaWiki:Common.css&action=raw&ctype=text/css";

/* Applying custom fonts to replace default */ font-family: 'Lato', sans-serif; }
 * 1) WikiaArticle, #WikiaRail {

.page-header__title, .WikiaArticle .mw-headline, .WikiaArticle h1, .WikiaArticle .mw-headline, .WikiaPageHeader h1, h2, h3 { font-family: 'Girassol', cursive; }

/* SU Wiki */ .WikiaPage { border: 1px solid #2c8187; border-top: 2px solid #2c8187 !important; }

.spoiler { color: #000 !important; background-color: #000 !important; border-radius: 0.25em; }

/** Link glow From The Promised Neverland Wiki**/ a:hover { text-shadow: skyblue 0 0 3px; color: #FFFFFF !important; text-decoration:gold; -webkit-transition: all .4s linear 0s; -moz-transition: all .4s linear 0s; -ms-transition: all .4s linear 0s; -o-transition: all .4s linear 0s; transition: all .4s linear 0s; } /* Thumb restyling */ .article-thumb, .gallerybox, .gallerybox div.thumb, .activityfeed-inserted-media li { -moz-border-radius:1ex; border-radius:1ex; border:1px solid #72b6d8; overflow:hidden; } figcaption { margin:0px; } .article-thumb figcaption .caption { margin:8px; font-size:13px; color:#111; } .WikiaArticle .article-thumb p:last-child, .WikiaArticle .article-thumb p + p:last-child { padding:0; } .article-thumb:hover, .gallerybox:hover { -moz-box-shadow: 0 0 2px #aaa; -webkit-box-shadow: 0 0 2px #aaa; box-shadow: 0 0 2px #aaa; } .gallerybox div.thumb { width:140px; } .picture-attribution { display:none !important; } /* TOC restyling */ .toc { -moz-border-radius:1ex; border-radius:1ex; } /* Gallery - Rounded Corners */ .wikia-gallery-border-small .thumb .gallery-image-wrapper { border-radius: 1ex !important; } /* Hides image attribution on articles */ div.picture-attribution { display:none !important; } /* RSW Module */ .WikiaRail .rail-module.rsw-custom-module#rsw-discord { text-align: center; background: #c7f8f9; margin: 0 0 20px 0; padding: 20px; } .WikiaRail .rail-module.rsw-custom-module#rsw-discord img { width: 180px; } .WikiaRail .rail-module.rsw-custom-module#rsw-discord p { margin: 15px 0; font-size: 13px; line-height: 20px; } .WikiaRail .rail-module.rsw-custom-module#rsw-discord .wds-button { background: #9ee0d8	; border-color: #9ee0d8	; text-decoration: none; } .WikiaRail .rail-module.rsw-custom-module#rsw-discord .wds-button:hover { background: #0088D1; border-color: #0088D1; }

/* Scroll bar */
 * -webkit-scrollbar {

width: 10px; box-shadow: 0 0 6px rgba(44, 129, 135,0.3); }
 * -webkit-scrollbar-track {

background: #fff !important; border: 1px solid #2c8187; }
 * -webkit-scrollbar-thumb {

background: #2c8187; border: 1px solid #2c8187; } /*Styling images*/ .icon { border-radius:50%; }

.icon2 > a > img { display: inline-block; overflow: hidden; background-image: url("https://hamehura-anime.com/wp/wp-content/themes/hamehura/assets/img/page/character/icon_bg.png"); background-repeat: no-repeat; background-position: bottom center; background-size: contain; filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.12)); transition: transform .4s ease; z-index: 0; border-color: #2c8187; }

/* Custom Tabber */ ul.tabbernav {font-family: 'Comfortaa', cursive !important; font-weight:bold !important; padding:5px 0px !important; border: none !important; }

ul.tabbernav li a {padding:5px 5px !important; margin-left:0px !important; border:0 !important; background: transparent !important; transition-duration: 1s !important; transition-timing-function: ease-out !important;}

ul.tabbernav li a:link {border-bottom: 2px solid #2c8187 !important; margin-right: 2px !important;}

ul.tabbernav li a:visited {border-bottom: 2px solid #2c8187 !important; margin-right: 2px !important;}

ul.tabbernav li a:hover {color:#2c8187 !important; border-bottom: 2px solid #2c8187 !important; background-color: transparent !important;  margin-right: 2px !important; transition-duration: 1s !important; transition-timing-function: ease-out !important;}

ul.tabbernav li.tabberactive a {color:#2c8187 !important; border-bottom: 2px solid #2c8187 !important; background-color: transparent !important;  margin-right: 2px !important;}

ul.tabbernav li.tabberactive a:hover {border-bottom: 2px solid #2c8187 !important;  margin-right: 2px !important;}

.tabberlive .tabbertab {border:0px solid transparent !important; border-top:0 !important;}