MediaWiki:Wikia.css

/* common.css copied for compatibility with new Wikia skin */ /***** CSS placed here will be applied to all skins on the entire site. *****/ /* See also: MediaWiki:Monobook.css */ /* */


 * 1) editarea { font-size: 12px !important; }

/* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect { font-style: italic; } .watchlistredir { font-style: italic; }

/* Infobox template style */ .infobox { border: 1px solid #aaaaaa; background-color: #f9f9f9; color: black; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; } .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: larger; margin-left: inherit; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #aaaaaa; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; }

table.hover tr { background-color: transparent; }

/* Forum formatting (by -Algorithm & -Splaka) */ .forumheader { border: 1px solid #aaa; background-color: #f9f9f9; margin-top: 1em; padding: 12px; } .forumlist td.forum_edited a { color: black; text-decoration: none } .forumlist td.forum_title a { padding-left: 20px; } .forumlist td.forum_title a.forum_new { font-weight: bold; background: url(/images/4/4e/Forum_new.gif) center left no-repeat; padding-left: 20px; } .forumlist td.forum_title a.forum_new:visited { font-weight: normal; background: none; padding-left: 20px; } .forumlist th.forum_title { padding-left: 20px; }

table.linetable { background: #00bb00; border: 1px #183201 solid; border-collapse: collapse; } table.linetable th, table.linetable td { border: 1px #183201 solid; padding: 0.2em; } table.linetable th { background: #00bb00; text-align: center; } table.linetable caption { margin-left: inherit; margin-right: inherit; font-weight: bold; }

/* Recent changes byte indicators */ .mw-plusminus-pos { color: #006500; } .mw-plusminus-neg { color: #8B0000; } /* */

.tag.usergroup-bureaucrat { background-color: blue !important; color: white !important; }

div.ajax-poll { width:auto !important; }

/** * Highlight admin and bureacrat usernames in Special:RecentChanges and ?action=history. * Remember to replace spaces with underscores. * Non standard characters, anything that isn't a-z, numbers or basic symbols, need to be url-encoded. */ /* bureaucrats */ .diff a[href$="User:Dragonfree97"], .page-Special_RecentChanges a[href$="User:Dragonfree97"], .diff a[href$="User:MerrytonRyan"], .page-Special_RecentChanges a[href$="User:MerrytonRyan"], .diff a[href$="User:Minifig-me"], .page-Special_RecentChanges a[href$="User:Minifig-me"], .diff a[href$="User:Sailor_sofia"], .page-Special_RecentChanges a[href$="User:Sailor_sofia"], .diff a[href$="User:Tomasto1"], .page-Special_RecentChanges a[href$="User:Tomasto1"], .diff a[href$="User:Taliseth"], .page-Special_RecentChanges a[href$="User:Taliseth"], .diff a[href$="User:C-Star55"], .page-Special_RecentChanges a[href$="User:C-Star55"] { color: #008b8b; } /* admins */ .diff a[href$="User:Ilovesockmonkeys"], .page-Special_RecentChanges a[href$="User:Ilovesockmonkeys"], .diff a[href$="User:Fang%C2%B3"], .page-Special_RecentChanges a[href$="User:Fang%C2%B3"], .diff a[href$="User:AnimalCrossingFan12"], .page-Special_RecentChanges a[href$="User:AnimalCrossingFan12"], .diff a[href$="User:AgentCarmen12"], .page-Special_RecentChanges a[href$="User:AgentCarmen12"], .diff a[href$="User:Firefox Ahri"], .page-Special_RecentChanges a[href$="User:Firefox Ahri"], .diff a[href$="User:G-Bot"], .page-Special_RecentChanges a[href$="User:G-Bot"], .diff a[href$="User:CaikCat"], .page-Special_RecentChanges a[href$="User:CaikCat"], .diff a[href$="User:Lightning43"], .page-Special_RecentChanges a[href$="User:Lightning43"], .diff a[href$="User:BlueeCookie"], .page-Special_RecentChanges a[href$="User:BlueeCookie"] { color: #b8860b; }
 * 1) pagehistory a[href$="User:Dragonfree97"],
 * 1) pagehistory a[href$="User:MerrytonRyan"],
 * 1) pagehistory a[href$="User:Minifig-me"],
 * 1) pagehistory a[href$="User:Sailor_sofia"],
 * 1) pagehistory a[href$="User:Tomasto1"],
 * 1) pagehistory a[href$="User:Taliseth"],
 * 1) pagehistory a[href$="User:C-Star55"],
 * 1) pagehistory a[href$="User:Ilovesockmonkeys"],
 * 1) pagehistory a[href$="User:Fang%C2%B3"], /* Fang³ */
 * 1) pagehistory a[href$="User:AnimalCrossingFan12"],
 * 1) pagehistory a[href$="User:AgentCarmen12"],
 * 1) pagehistory a[href$="User:Firefox Ahri"],
 * 1) pagehistory a[href$="User:G-Bot"],
 * 1) pagehistory a[href$="User:CaikCat"],
 * 1) pagehistory a[href$="User:Lightning43"],
 * 1) pagehistory a[href$="User:BlueeCookie"],

element.style { background: transparent; color: transparent; }

a:hover { text-shadow: 0 0 1em brown, 0 0 0.2em brown; color:white; }

a.topiclink:hover { text-shadow: 0 0 1em brown, 0 0 0.2em brown; color:white !important; }

.outline {   color: white; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; vertical-align: center !important; } /* remove image attribution */ .WikiaArticle .picture-attribution {display:none;}

/* a[href*="wiki/Message_Wall:Dragonfree97"], a[href*="wiki/Message_Wall:Taliseth"], a[href*="wiki/Message_Wall:Fang³"] a[href*="wiki/Message_Wall:Lightning43"] {   color: #008b8b; }

/* gallery style */ div[id^="gallery-"] > .wikia-gallery-item > .thumb { width: 100%; padding: 4px !important; margin: 5px !important; background: #f9f9f9; border: 1px solid #cccccc; } div[id^="gallery-"] > .wikia-gallery-item > .thumb a.image.lightbox { width: 100% !important; } div[id^="gallery-"] > .wikia-gallery-item > .thumb > .gallery-image-wrapper.accent { background: transparent; border: none; } div[id^="gallery-"] > .wikia-gallery-item > .lightbox-caption { margin-top: 2px !important; font-size: 0.92em !important; }

/* cutting down on the usage of Template:Roundy with div and table classes for use in larger pages. */ .roundy { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -icab-border-radius: 10px; -o-border-radius: 10px; }

.roundytl { border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; -icab-border-top-left-radius: 10px; -o-border-top-left-radius: 10px; }

.roundytr { border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; -icab-border-top-right-radius: 10px; -o-border-top-right-radius: 10px; }

.roundybl { border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; -icab-border-bottom-left-radius: 10px; -o-border-bottom-left-radius: 10px; }

.roundybr { border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; -icab-border-bottom-right-radius: 10px; -o-border-bottom-right-radius: 10px; }

.roundybottom { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-left-radius: 10px; -khtml-border-bottom-right-radius: 10px; -icab-border-bottom-left-radius: 10px; -icab-border-bottom-right-radius: 10px; -o-border-bottom-left-radius: 10px; -o-border-bottom-right-radius: 10px; }

.roundytop { border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-left-radius: 10px; -khtml-border-top-right-radius: 10px; -icab-border-top-left-radius: 10px; -icab-border-top-right-radius: 10px; -o-border-top-left-radius: 10px; -o-border-top-right-radius: 10px; }

.roundyleft { border-top-left-radius: 10px; border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-top-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; -icab-border-top-left-radius: 10px; -icab-border-bottom-left-radius: 10px; -o-border-top-left-radius: 10px; -o-border-bottom-left-radius: 10px; }

.roundyright { border-bottom-right-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-topright: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; -khtml-border-top-right-radius: 10px; -icab-border-bottom-right-radius: 10px; -icab-border-top-right-radius: 10px; -o-border-bottom-right-radius: 10px; -o-border-top-right-radius: 10px; }

/* test */ fieldset.rcoptions { border: 1px solid #7b3b0a; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -icab-border-radius: 10px; -o-border-radius: 10px; }
 * 1) videosModule { display:none; }

.spring-bg-image { background-image:url('https://images.wikia.nocookie.net/__cb20131107162135/animalcrossing/images/c/c4/Grass_spring.png'); } .autumn-bg-image { background-image:url('https://images.wikia.nocookie.net/__cb20131107162459/animalcrossing/images/5/5b/Grass_autumn.png'); } .summer-bg-image { background-image:url('https://images.wikia.nocookie.net/__cb20131107162135/animalcrossing/images/8/8f/Grass_summer.png'); } .winter-bg-image { background-image:url('https://images.wikia.nocookie.net/__cb20131107162135/animalcrossing/images/8/8c/Grass_winter.png'); }

.RelatedForumDiscussions { display:none; } .RelatedForumDiscussion { display:none; }

.Chat::-webkit-scrollbar{width: 12px!important; height: 12px!important;} .Chat::-webkit-scrollbar-track{background: rgba(0, 0, 0, 0.1)!important;} .Chat::-webkit-scrollbar-thumb{background: rgba(128, 128, 128, 0.5)!important;} .Rail::-webkit-scrollbar{width: 12px!important; height: 12px!important;} .Rail::-webkit-scrollbar-track{background: rgba(0, 0, 0, 0.1)!important;} .Rail::-webkit-scrollbar-thumb{background: rgba(128, 128, 128, 0.5)!important;} .Write::-webkit-scrollbar{width: 12px!important; height: 12px!important;} .Write::-webkit-scrollbar-track{background: rgba(0, 0, 0, 0.1)!important;} .Write::-webkit-scrollbar-thumb{background: rgba(128, 128, 128, 0.5)!important;}

border-radius: 16px; }
 * 1) WikiaFooter > section {

a.topiclink { color: #a15b26 !important; }

background: #EFE3BC !important; }
 * 1) UserStatsMenu > div.info {

.ChatWelcomeTable { background-image: url('https://images.wikia.nocookie.net/__cb20140904212907/animalcrossing/images/6/6a/64px-isabelle.png') !important; background-size: 64px !important; background-repeat: no-repeat !important; background-position: 98% -10% !important; padding-right: 100px !important; border-left-width: 6px !important; border-right-width: 6px !important; }

img.stafficon { display: none; } img.modicon { display: none; } span.username > img { display: none; }

margin-left: auto; margin-right: auto; display: block; margin-top: 8px; margin-bottom: 8px; border-radius: 55555px; }
 * 1) Rail > select {

div.chattopic { top: -2px; }

div.layout-mainpanel { width: 95.6%; margin: 0 auto 15px auto; border: none; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; padding-top: 10px 0px; -webkit-box-shadow: 0 1px 5px 0 rgb(140,140,255); -moz-box-shadow: 0 1px 5px 0 rgb(140,140,255); -ms-box-shadow: 0 1px 5px 0 rgb(140,140,255); -o-box-shadow: 0 1px 5px 0 rgb(140,140,255); box-shadow: 0 1px 5px 0 rgb(140,140,255); }

/* -- Template:HeadingMain -- */ div.headingmain { background: url("https://vignette.wikia.nocookie.net/animalcrossing/images/c/c4/Grass_spring.png/revision/latest?cb=20150228173559"); border: none; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; height: 20px; margin: 0 5px 12px 12px; padding: 0 10px; color: White; font-size: 100%; font-weight: bold; text-align: center; line-height: 18px; -webkit-box-shadow: 0 2px 5px #BBBBFF; -moz-box-shadow: 0 2px 5px #BBBBFF; -ms-box-shadow: 0 2px 5px #BBBBFF; -o-box-shadow: 0 2px 5px #BBBBFF; box-shadow: 0 2px 5px #BBBBFF; } div.headingmain span a { color: White; } div.headingmain span a:hover { color: #FFFFFF; text-decoration: none; }

/* -- Template:IdkWhatToCallThis -- */ .bgi-gloss { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(255,255,255,0.9)), color-stop(5%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.8))) !important; background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(255,255,255,0) 5px, rgba(255,255,255,0) 50%, rgba(255,255,255,0.8)) !important; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(255,255,255,0) 5px, rgba(255,255,255,0) 50%, rgba(255,255,255,0.8)) !important; background-image: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(255,255,255,0) 5px, rgba(255,255,255,0) 50%, rgba(255,255,255,0.8)) !important; background-image: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(255,255,255,0) 5px, rgba(255,255,255,0) 50%, rgba(255,255,255,0.8)) !important; background-image: linear-gradient(to bottom, rgba(255,255,255,0.9), rgba(255,255,255,0) 5px, rgba(255,255,255,0) 50%, rgba(255,255,255,0.8)) !important; }

.bgi-gloss-lite { background-image:       -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(255,255,255,0.5)), color-stop(5%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.3))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0) 5px, rgba(255,255,255,0) 50%, rgba(255,255,255,0.3)) !important; background-image:   -moz-linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0) 5px, rgba(255,255,255,0) 50%, rgba(255,255,255,0.3)) !important; background-image:    -ms-linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0) 5px, rgba(255,255,255,0) 50%, rgba(255,255,255,0.3)) !important; background-image:     -o-linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0) 5px, rgba(255,255,255,0) 50%, rgba(255,255,255,0.3)) !important; background-image:  linear-gradient(to bottom, rgba(255,255,255,0.5), rgba(255,255,255,0) 5px, rgba(255,255,255,0) 50%, rgba(255,255,255,0.3)) !important; } .bgi-matte { background-image:       -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(255,255,255,0.9)), color-stop(80%,rgba(255,255,255,0))) !important; background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(255,255,255,0) 80%) !important; background-image:   -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(255,255,255,0) 80%) !important; background-image:    -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(255,255,255,0) 80%) !important; background-image:     -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(255,255,255,0) 80%) !important; background-image:  linear-gradient(to bottom, rgba(255,255,255,0.9), rgba(255,255,255,0) 80%) !important; } .bgi-matte-lite { background-image:       -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(255,255,255,0.6)), color-stop(80%,rgba(255,255,255,0))) !important; background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.6), rgba(255,255,255,0) 80%) !important; background-image:   -moz-linear-gradient(top, rgba(255,255,255,0.6), rgba(255,255,255,0) 80%) !important; background-image:    -ms-linear-gradient(top, rgba(255,255,255,0.6), rgba(255,255,255,0) 80%) !important; background-image:     -o-linear-gradient(top, rgba(255,255,255,0.6), rgba(255,255,255,0) 80%) !important; background-image:  linear-gradient(to bottom, rgba(255,255,255,0.6), rgba(255,255,255,0) 80%) !important; } .bgi-glow { background-image:       -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.9))) !important; background-image: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.9)) !important; background-image:   -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.9)) !important; background-image:    -ms-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.9)) !important; background-image:     -o-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.9)) !important; background-image:  linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.9)) !important; }

.homebutton { width: 100%; margin: 10px auto; text-align: center; } .homebutton > div { width: 14%; margin: 0 -2px; display: inline-block; padding: 0; font-weight: bold; text-align: center; vertical-align: bottom; font-size: 12px; border: 1px solid #FFFFFF; transition-timing-function: ease-out; -webkit-transition-property: background-color, border; -moz-transition-property: background-color, border; -ms-transition-property: background-color, border; -o-transition-property: background-color, border; transition-property: background-color, border; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .homebutton-spring { background-color: #CCFFCC; } .homebutton-spring:hover { background-color: #AAFFAA; border: 1px solid #66FF66; } .homebutton div a, .homebutton div strong { display: block; width: 100%; padding: 2px 0; } .homebutton div a:hover { text-decoration: none; } .homebutton .homebutton-img-wrapper { height: 80px; } .homebutton .homebutton-img-wrapper a { height: 100%; line-height: 80px; }

.homebutton-summer { background-color: #B8E6B8; } .homebutton-summer:hover { background-color: #88CC88; border: 1px solid #6DA36D; } .homebutton div a, .homebutton div strong { display: block; width: 100%; padding: 2px 0; } .homebutton div a:hover { text-decoration: none; } .homebutton .homebutton-img-wrapper { height: 80px; } .homebutton .homebutton-img-wrapper a { height: 100%; line-height: 80px; }

.homebutton-autumn { background-color: #F9ECC3; } .homebutton-autumn:hover { background-color: #DBA774; border: 1px solid #C28D5B; } .homebutton div a, .homebutton div strong { display: block; width: 100%; padding: 2px 0; } .homebutton div a:hover { text-decoration: none; } .homebutton .homebutton-img-wrapper { height: 80px; } .homebutton .homebutton-img-wrapper a { height: 100%; line-height: 80px; }

.homebutton-winter { background-color: #D4E6F7; } .homebutton-winter:hover { background-color: #8EC8FF; border: 1px solid #62B1FF; } .homebutton div a, .homebutton div strong { display: block; width: 100%; padding: 2px 0; } .homebutton div a:hover { text-decoration: none; } .homebutton .homebutton-img-wrapper { height: 80px; } .homebutton .homebutton-img-wrapper a { height: 100%; line-height: 80px; }

.homebutton-pc { background-color: #3fa693; } .homebutton-pc:hover { background-color: #389485; border: 1px solid #318175; } .homebutton div a { display: inline; } .homebutton div strong { display: block; width: 100%; padding: 2px 0; } .homebutton div a:hover { text-decoration: none; } .homebutton .homebutton-img-wrapper { height: 80px; } .homebutton .homebutton-img-wrapper a { height: 100%; line-height: 80px; }

/*===================================OGG===================================*/ .ogg_custom div { display: inline; } .ogg_custom, .ogg_custom:hover { opacity: 1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; } .ogg_custom:hover { opacity: 1; } .ogg_custom button>img, .ogg_custom .image img { display: none; } .ogg_custom button { border: none !important; } .ogg_custom .image, .ogg_custom .ogg-player-options+a:after { content:""; height: 30px; background-size: 10%; display: inline-block; } .ogg_custom audio { border-radius:4px } .ogg_custom .ogg-player-options { margin-left: 3px; } div.ogg_player .ogg-player-options { background: white !important; } .ogg_player>div+div:hover .ogg-player-options { display: inline-block !important; position: absolute; z-index: 2; }