No edit summary |
mNo edit summary |
||
| Line 241: | Line 241: | ||
border-left: 1px solid #54B3D8; |
border-left: 1px solid #54B3D8; |
||
border-right: 1px solid #54B3D8; |
border-right: 1px solid #54B3D8; |
||
| − | background: #ffb1d3 url("https://vignette.wikia.nocookie.net/yokaiwatch/images/ |
+ | background: #ffb1d3 url("https://vignette.wikia.nocookie.net/yokaiwatch/images/f/fc/Main_light_background.PNG"); |
} |
} |
||
| Line 414: | Line 414: | ||
.main {background: #ffb1d3 url("https://vignette.wikia.nocookie.net/yokaiwatch/images/3/3d/Main.PNG") repeat; |
.main {background: #ffb1d3 url("https://vignette.wikia.nocookie.net/yokaiwatch/images/3/3d/Main.PNG") repeat; |
||
| + | } |
||
| + | |||
| + | .mainlight {background: #ffb1d3 url("https://vignette.wikia.nocookie.net/yokaiwatch/images/f/fc/Main_light_background.PNG") repeat; |
||
} |
} |
||
Revision as of 15:31, 23 June 2018
@import url("/load.php?mode=articles&articles=MediaWiki:Themes.css&only=styles");
/* Instant collapsible animation when needed */
@import url('https://fonts.googleapis.com/css?family=Changa One');
.instant-collapsible .mw-collapsed {
display: none !important;
}
/* Tabber */
.tabbernav { border-color: #fff !important; }
.tabbernav li.tabberactive a {
background: #fff !important;
color: #e84191 !important;
border-bottom: none !important;
border-color:#fff;
border-top-left-radius:5px;
border-top-right-radius:5px;
padding-bottom:4px;
}
.tabbernav li a {
background: #fff !important;
color: #ffb1d3 !important;;
border-color:#fff !important;
border-top-left-radius:5px;
border-top-right-radius:5px;
}
.tabbernav li a:hover{
background: #fff !important;
border-color: #fff !important;
color: #ffb1d3 !important;
}
.tabbernav li:not(.tabberactive) {
margin-right: -20px;
transition: .3s;
}
.tabbernav li:hover { margin: 0 !important; }
.tabberlive .tabbertab {
border-color: #fff !important;
background: linear-gradient(to bottom, rgba(255,255,255, 0.8) 0%,rgba(255,255,255, 0.8) 100%); /* W3C */
}
/* cutting down on the usage of Template:Roundy with div and table classes for use in larger pages. */
.roundy { border-radius: 10px;}
.roundytl { border-top-left-radius: 10px;}
.roundytr { border-top-right-radius: 10px;}
.roundybl {border-bottom-left-radius: 10px;}
.roundybr { border-bottom-right-radius: 10px;}
.roundybottom { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.roundytop { border-top-left-radius: 10px; border-top-right-radius: 10px;}
.roundyleft { border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.roundyright { border-bottom-right-radius: 10px; border-top-right-radius: 10px;}
/** Hide siderail and expand content area in MediaWiki namespace
* makes it easier to read JavaScript/CSS/other code pages
* From Terraria Wiki
*/
body.ns-8.wikia-grid #WikiaMainContent,
body.ns-8.wikia-grid #WikiaMainContent {
width: 1010px;
}
body.ns-8.wikia-grid #WikiaRail {
display: none;
}
/* FileInfo CSS loaded on special pages, for upload preview */
.fileinfo {
width:740px;
background-color:#ffb1d3;
border:1px solid #feb4d5;
margin: 1em auto;
border-radius:10px;
font-size:12px;
}
.fileinfo th{
width:60px;
border:none;
text-align:left;
padding:4px;
}
.fileinfo td{
border-radius:10px;
border:1px solid #feb4d5;
background-color:#ffd2e6;
padding:4px;
}
/*========================================================*
* Edit button fixes *
* Some of these codes does not work on Internet Explorer *
* and Firefox. Keep that in mind. *
*========================================================*/
.edit-pencil { display: none !important; }
.WikiaArticle .editsection {
display: inline !important;
float: right !important;
font-weight: normal !important;
}
/*========================================================*
* Picture attribution *
*========================================================*/
.picture-attribution {
display: none !important;
}
/*========================================================*
* Checker background *
* Only visible if the image has transparent background. *
*========================================================*/
#file img {
background: url("https://images.wikia.nocookie.net/central/images/5/5d/Checker-16x16.png") repeat;
}
/*========================================================*
* Wikia activity module background *
*========================================================*/
.WikiaRail .rail-module {
margin: 0 0 30px 0;
padding: 20px 15px 15px;
border: 1px solid #54B3D8 !important;
background: white url(https://vignette.wikia.nocookie.net/yokaiwatch/images/b/bc/Box_image.PNG/revision/latest?cb=20160131014217) 0 0 / cover no-repeat;
border-radius: 10px;
}
/*========================================================*
* Yo-kai Watch text font around the wiki. *
*========================================================*/
.WikiaArticle {
font-family: "Avenir", Avenir, Arial;
font-size:13px;
line-height:21px !important;
}
h1 {
font-family:"Avenir", Avenir, Arial;
}
/*========================================================*
* Opacity to images that are on Yo-kai Watch Wiki. *
*========================================================*/
.opacity img {
opacity: 0.5;
filter: alpha(opacity=50);
}
.opacity img:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.text a, .text a:hover{
display: block;
color: #a48ec6 !important;
font-size: 150%;
}
/*========================================================*
* Administrator coloring. *
*========================================================*/
a[href="/wiki/User:KidProdigy"] { color:#e84191; font-weight:bold !important; }
a[href="/wiki/User:Joker-Man"] { color:#e84191; font-weight:bold !important; }
a[href="/wiki/User:KurobinaYuki"] { color:#e84191; font-weight:bold !important; }
/*========================================================*
* Mod coloring. *
*========================================================*/
a[href="/wiki/User:Jibanyanyw"] { color:#f972b3; font-weight:bold !important; }
/*========================================================*
* Admin tag. *
*========================================================*/
/* ADMIN Code */
.WikiaPage a[href$="User:KidProdigy"]:after, .WikiaPage a[href$="User:Joker-Man"]:after, .WikiaPage a[href$="User:KurobinaYuki"]:after {
background-color: #e5227f;
border: 1px solid #e5227f;
color: #fff;
content: "ADMIN";
font-weight: bold;
margin-left: 2px;
padding: 0 2px;
border-radius:2px;
}
/*========================================================*
* Mod tag. *
*========================================================*/
/* MOD Code */
.WikiaPage a[href$="User:Jibanyanyw"]:after {
background-color: #f972b3;
border: 1px solid #f972b3;
color: #fff;
content: "MOD";
font-weight: bold;
margin-left: 2px;
padding: 0 2px;
border-radius:2px;
}
/*========================================================*
* Wikia Page design. *
*========================================================*/
.WikiaPage {
border: 1px solid #54B3D8;
box-shadow: 0 0 20px #3BAECE;
}
.WikiaArticle h2 {
border-bottom:1px solid #54B3D8;
margin-bottom:0.5em;
margin-top:20px;
}
body {
color: #000000;
}
#toc {
border-radius: 10px;
border-top: 1px solid #54B3D8;
border-bottom: 1px solid #54B3D8;
border-left: 1px solid #54B3D8;
border-right: 1px solid #54B3D8;
background: #ffb1d3 url("https://vignette.wikia.nocookie.net/yokaiwatch/images/f/fc/Main_light_background.PNG");
}
/*========================================================*
* Image thumb restyling. *
*========================================================*/
.article-thumb, .gallerybox, .gallerybox div.thumb, .activityfeed-inserted-media li {
border:1px solid #54B3D8;
overflow:hidden;
}
figcaption {
margin:0px;
}
.article-thumb figcaption .caption {
margin:8px;
font-size:13px;
color:#54B3D8;
}
.WikiaArticle .article-thumb p:last-child, .WikiaArticle .article-thumb p + p:last-child {
padding:0;
}
.gallerybox div.thumb {
width:140px;
}
/*========================================================*
* User profile designs. *
*========================================================*/
.UserProfileMasthead .masthead-avatar {
border-radius: 10px;
}
.avatar {
border-radius: 10px;
background: #ffb1d3;
}
.WikiaUserPagesHeader {
background-color: #FFF;
background-image: linear-gradient(#FFF, #FEFEFE);
}
.UserProfileMasthead .masthead-info {
background: #FFF url("https://vignette.wikia.nocookie.net/yokaiwatch/images/a/ad/UserInfo.PNG") bottom right no-repeat;
overflow:hidden;
box-shadow:0 4px 6px 1px rgba(255, 133, 190, 0.14);
}
.masthead-avatar {
box-shadow: 0px 2px 10px 0 rgba(0,0,0,0.25);
}
/*========================================================*
* Twitter portal. *
*========================================================*/
#portal_twitter .twtr-hd { display: none !important; } /* removes header */
#portal_twitter .twtr-ft { display: none !important; } /* removes footer */
#portal_twitter .twtr-tweet { border-bottom-color: #DCDCDC !important; }
/* changes the dividing dotted lines to red */
/*#portal_twitter ul li { border-top: 0px !important; border-bottom: 1px dotted rgb(220,220,220) !important; padding: 0.2em 0; list-style: none; } change it from a bulleted list into a unbulleted list */
/*#portal_twitter ul { margin-left: 0em !important; } */
/*========================================================*
* Infobox background design. *
* Important designs for the infoboxes around the wiki. *
*========================================================*/
.request {background: #96c5e3 url("https://vignette.wikia.nocookie.net/yokaiwatch/images/6/60/Quest_background.PNG") repeat;
}
.requestbox {background: #b8d1e0 url("https://vignette.wikia.nocookie.net/yokaiwatch/images/1/1e/Questbox_background.PNG") repeat;
}
.favors {background: #ffe09d url("https://vignette.wikia.nocookie.net/yokaiwatch/images/6/60/Quest_background.PNG") repeat;
}
.favorsbox {background: #ffd988 url("https://vignette.wikia.nocookie.net/yokaiwatch/images/1/1e/Questbox_background.PNG") repeat;
}
.unknown {background: #42423b url("https://vignette.wikia.nocookie.net/yokaiwatch/images/a/a8/Unknown.PNG") repeat;
}
.unknownbox {background: #42423b url("https://vignette.wikia.nocookie.net/yokaiwatch/images/f/f6/Unknownbox.PNG") repeat;
}
.brave {background: #521b1b url("https://vignette.wikia.nocookie.net/yokaiwatch/images/5/54/Brave.PNG") repeat;
}
.bravebox {background: #521b1b url("https://vignette.wikia.nocookie.net/yokaiwatch/images/5/50/Bravebox.PNG") repeat;
}
.mysterious {background: #ffae00 url("https://vignette.wikia.nocookie.net/yokaiwatch/images/1/1b/Mysterious.PNG") repeat;
}
.mysteriousbox {background: #ffae00 url("https://vignette.wikia.nocookie.net/yokaiwatch/images/e/e2/Mysteriousbox.PNG") repeat;
}
.tough {background: #ab3500 url("https://vignette.wikia.nocookie.net/yokaiwatch/images/6/6d/Tough.PNG") repeat;
}
.toughbox {background: #ab3500 url("https://vignette.wikia.nocookie.net/yokaiwatch/images/1/1f/Toughbox.PNG") repeat;
}
.charming {background: #d82274 url("https://vignette.wikia.nocookie.net/yokaiwatch/images/a/a4/Charming.PNG") repeat;
}
.charmingbox {background: #d82274 url("https://vignette.wikia.nocookie.net/yokaiwatch/images/a/a2/Charmingbox.PNG") repeat;
}
.heartful {background: #467c4c url("https://vignette.wikia.nocookie.net/yokaiwatch/images/9/9d/Heartful.PNG") repeat;
}
.heartfulbox {background: #467c4c url("https://vignette.wikia.nocookie.net/yokaiwatch/images/6/62/Heartfulbox.PNG") repeat;
}
.shady {background: #466487 url("https://vignette.wikia.nocookie.net/yokaiwatch/images/5/5b/Shady.PNG") repeat;
}
.shadybox {background: #466487 url("https://vignette.wikia.nocookie.net/yokaiwatch/images/8/8d/Shadybox.PNG") repeat;
}
.eerie {background: #6a5272 url("https://vignette.wikia.nocookie.net/yokaiwatch/images/d/d3/Eerie.PNG") repeat;
}
.eeriebox {background: #6a5272 url("https://vignette.wikia.nocookie.net/yokaiwatch/images/6/6d/Eeriebox.PNG") repeat;
}
.slippery {background: #3d9498 url("https://vignette.wikia.nocookie.net/yokaiwatch/images/6/6c/Slippery.PNG") repeat;
}
.slipperybox {background: #3d9498 url("https://vignette.wikia.nocookie.net/yokaiwatch/images/7/7f/Slipperybox.PNG") repeat;
}
.hagure {background: #003388 url("https://vignette.wikia.nocookie.net/yokaiwatch/images/0/0a/Hagure.PNG") repeat;
}
.hagurebox {background: #003388 url("https://vignette.wikia.nocookie.net/yokaiwatch/images/1/1b/Hagurebox.PNG") repeat;
}
.standard {background: #ffb1d3 url("https://vignette.wikia.nocookie.net/yokaiwatch/images/d/de/Standard.PNG") repeat;
}
.standardbox {background: #ffb1d3 url("https://vignette.wikia.nocookie.net/yokaiwatch/images/8/8a/Standardbox.PNG") repeat;
}
.wicked {background: #ffb1d3 url("https://vignette.wikia.nocookie.net/yokaiwatch/images/d/dd/Wicked.PNG") repeat;
}
.wickedbox {background: #ffb1d3 url("https://vignette.wikia.nocookie.net/yokaiwatch/images/d/d4/Wickedbox.PNG") repeat;
}
.boss {background: #ffb1d3 url("https://vignette.wikia.nocookie.net/yokaiwatch/images/6/60/Boss.PNG") repeat;
}
.bossbox {background: #ffb1d3 url("https://vignette.wikia.nocookie.net/yokaiwatch/images/b/b4/Bossbox.PNG") repeat;
}
.king {background: #252323 url("https://vignette.wikia.nocookie.net/yokaiwatch/images/e/e3/King.PNG") repeat;
}
.kingbox {background: #252323 url("https://vignette.wikia.nocookie.net/yokaiwatch/images/f/f5/Kingbox.PNG") repeat;
}
.chapter {background: #828080 url("https://vignette.wikia.nocookie.net/yokaiwatch/images/3/3a/Chapterbox.PNG") repeat;
}
.chapterbox {background: #afaeae url("https://vignette.wikia.nocookie.net/yokaiwatch/images/1/1e/Questbox_background.PNG") repeat;
}
.main {background: #ffb1d3 url("https://vignette.wikia.nocookie.net/yokaiwatch/images/3/3d/Main.PNG") repeat;
}
.mainlight {background: #ffb1d3 url("https://vignette.wikia.nocookie.net/yokaiwatch/images/f/fc/Main_light_background.PNG") repeat;
}
.shadowside {background:#828080 url("https://vignette.wikia.nocookie.net/yokaiwatch/images/3/3a/Chapterbox.PNG") repeat;border:1px solid #444;
}
.shadowside a {color:#777}
/*========================================================*
* Wikitabber designs. *
*========================================================*/
table.wikitable,
table.prettytable {
margin: 1em 1em 1em 0;
background-color: transparent;
border: 1px solid #54B3D8;
color: #ed157c;
}
table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
background: transparent;
border: 1px solid #54B3D8;
}
table.wikitable th,
table.prettytable th {
background: #ffd2e6;
text-align: center;
}
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td{
border: 1px solid #54B3D8;
padding: 0.4em;
}
table.wikitable > tr > th, table.wikitable > * > tr > th {
background: #fcdfec;
}
table.wikitable caption,
table.prettytable caption {
margin-left: inherit;
margin-right: inherit;
font-weight: bold;
}
/*========================================================*
* Yo-kai Watch Wiki: Forum designs. *
*========================================================*/
.Forum .board {
background: #ffb1d3 url("https://vignette.wikia.nocookie.net/yokaiwatch/images/8/8a/Standardbox.PNG");
border: 1px solid #54B3D8;
border-radius: 10px 10px 10px 10px;
margin: 0 0 1em;
padding: 12px;
position: relative;
transition: 0.5s;
}
.Forum .board:first-child {
border-top: 1px solid #54B3D8;
}
.Forum .board:hover {
border-left: 15px solid #54B3D8;
}
.Forum .board .heading h4 a {
color: #54B3D8;
}
.Forum .activity {
right: 0.5em;
}
.Forum .ThreadList .thread {
background: #ffb1d3 url("https://vignette.wikia.nocookie.net/yokaiwatch/images/8/8a/Standardbox.PNG");
border: 1px solid #54B3D8;
border-radius: 10px;
margin-bottom: 0.5em;
}
/*========================================================*
* Navbar Text Color *
*========================================================*/
.WikiHeader > nav li a {
color: black;
}
.WikiHeader > nav li.marked > a {
color: white;
}
.WikiHeader .accent a {
color: white;
}
/*========================================================*
* Navigation bar rounding *
*========================================================*/
.WikiHeader > nav .subnav-3 li a:hover,.WikiHeader > nav .subnav-2 li.marked2 .subnav-2a:hover,.WikiaMenuElement li:hover,.wikia-menu-button ul a:hover {
background-color: #ff8aa8;
color: #fff;
}
.WikiHeader .navbackground, .WikiHeader > nav .subnav-2 {
border-radius: 0 0 0.85em 0.85em;
}
.WikiHeader > nav li:first-child {
border-radius: 0.85em 0 0 0;
}
.WikiHeader > nav li:last-child {
border-radius: 0 0.85em 0 0;
}
.WikiHeader nav li.marked, .WikiHeader > nav .subnav-2 li.marked2 .subnav-2a {
border-radius: 0.85em 0.85em 0 0;
}
.WikiHeader nav {
border-radius: 1em 1em 0 0;
}
.WikiHeader > nav li.marked > a {
border-top: none;
}
.WikiHeader > nav .subnav-3 {
border-radius: 0 0.85em 0.85em 0.85em;
}
.GlobalNavigation .subnav {
border-radius: 0 0 0.85em 0.85em;
border-color: #0A1700;
}
.WikiHeader nav {
background-color:rgba(250, 250, 250, 0.5);
width:auto;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 0.85em 0.85em 0 0;
-khtml-border-radius: 2px;
}
/*========================================================*
* Background near header. *
*========================================================*/
.skin-oasis .WikiaPageBackground {
background: url("https://vignette.wikia.nocookie.net/yokaiwatch/images/3/31/Header_background.PNG") repeat center;
height: 104px;
}
.skin-oasis .WikiHeader {
background: url("https://vignette.wikia.nocookie.net/yokaiwatch/images/6/68/Header_image.PNG") no-repeat top right;
}
.skin-oasis .WikiaPage {
background: #fff;
}
/*========================================================*
* Main Page background. *
*========================================================*/
.mainbox {
padding:5px; margin:5px; border-radius:5px; background: #ffc1df; border: 2px solid #54B3D8;
box-sizing: border-box;
}
.maintitle, .maintitle a, a.maintitle {
color:black !important;
}
/*========================================================*
* Personal tabs/Games/Lyrics. *
* Credits: Zelda Wiki.org *
*========================================================*/
.tabcontainer .tab {
background-color: #ff5baa;
background-image: linear-gradient(top, #ff77b9, #ff3094);
border:2px solid #54B3D8;
border-radius:2px;
cursor:pointer;
float:left;
margin:0 1px -2px;
padding:3px;
text-align:center;
white-space:nowrap;
}
.tabcontainer .tab:hover {
background-color: #d63e87;
background-image: linear-gradient(top, #f771b2, #54B3D8);
color: #000;
}
.tabcontainer .tab.active {
background-color: #54B3D8 !important;
background-image: linear-gradient(top, #e560a0, #54B3D8);
border-bottom: 2px solid #54B3D8;
color: #000;
}