User:Dragonfree97/wikia.css

/* Brighter chat background */ /* body { background-image: url("http://img4.wikia.nocookie.net/__cb20140831233150/animalcrossing/images/5/50/Wiki-background") !important; } */

/* Rail removal */ width:100% !important; }
 * 1) WikiaMainContent {

/* Roundy */

border-radius: 14px; }
 * 1) WikiaPageBackground {

margin-bottom: 12px; }
 * 1) WikiaHeader {

border-top-left-radius:14px; border-top-right-radius:14px; }
 * 1) EditPageHeader {

/* Font changer */ font: sans-serif!important; font-size: 14px; line-height: 1.5em;!important; }
 * 1) mw-content-text {

/* Category gallery display remover */ .category-gallery-form { display:none; }

/* Villager infobox jname/tmname color changer */ .villager-jname-box { background-color: #93d997 !important; }

/* Circular avatars */ img.avatar { border-radius:55555px; border:none; }

/* Masthead rounded edges */ border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; border-top-right-radius: 16px; border-top-left-radius: 16px; }
 * 1) UserProfileMasthead > div.masthead-info {

border-top-right-radius: 16px; border-top-left-radius: 16px; }
 * 1) UserProfileMasthead > div.masthead-info > hgroup {

/* Removing the bar */ display:none; }
 * 1) WikiaBar {

/* Search box modification */ border-radius: 8px; }
 * 1) WikiaSearch > input[type="text"]:nth-child(1) {

border-radius: 8px; }
 * 1) WikiaSearch > button {

/* RecentChanges tweaks */ border: 1px solid #7b3b0a !important; border-radius: 8px; }
 * 1) wikia-mediawiki-recentchangestext {

border-top: 1px solid #bbbbbb; margin-top: 5px; padding-top: 5px; }
 * 1) mw-content-text > fieldset > form {

display: none; }
 * 1) mw-content-text > fieldset > hr {

/* super duper circle chat */

span.username::after { display:none !important; }

.Rail .User img { left: 10px; border: 1px solid #bbbbbb !important; border-radius: 55555px; }

.Rail .User { padding-left: 40px; text-align: center; }

.Rail .User.away { padding-left: 40px; text-align: center; }

.User .username { margin-top: 4px; margin-right: 4px; }

.User.away .username { margin-top: 4px; opacity: 0.15; margin-right: 4px; }

.User.away > img { opacity: 0.15; }

.User.away .status { display: none !important; }

margin-top: 2px; }
 * 1) ChatHeader > div > img {

border-radius:55555px; }
 * 1) ChatHeader {

border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; border-radius:16px }
 * 1) WikiaPage {

border-bottom-right-radius: 16px; border-top-right-radius: 16px; border-left: 1px solid #c7bc9c; }
 * 1) Rail {

border: none; border-radius: 55555px; }
 * 1) Write > img {

border-bottom-left-radius: 16px; border-right: 1px solid #c7bc9c; }
 * 1) Write {

border-radius: 55555px; padding-left: 10px; padding-right: 10px; margin-right: 3px; background-color: #fff8e3; }
 * 1) Write > div.message {

background-color: #fff8e3; }
 * 1) Write > div.message > textarea {

border-top-left-radius: 16px; }
 * 1) Chat_214 {

text-align: center; }
 * 1) ChatHeader > div > span {

margin-bottom: 0px; }
 * 1) Rail > h1.private {

.unread > span.username { z-index: 2; color: black; position: relative; }

.unread > img { z-index: 1; }

.PrivateChatList .unread .splotch { width: 100%; border-radius: 0px; height: 100%; border: none; display: inline; position: absolute; top: 0px; right: 0px; font-size: 0px; z-index: 0; background-image: none; opacity: 0.6; background: red; -webkit-animation: mymove 0.4s infinite; /* Chrome, Safari, Opera */ animation: mymove 0.4s infinite; -webkit-animation-direction: alternate; /* Chrome, Safari, Opera */ animation-direction: alternate; -webkit-animation-timing-function: linear; animation-timing-function: linear; }

/* Chrome, Safari, Opera */ @-webkit-keyframes mymove { from {background-color: rgba(0, 0, 0, 0);} to {background-color: red;} }

/* Standard syntax */ @keyframes mymove { from {background-color: rgba(0, 0, 0, 0);} to {background-color: red;} }

.ChatWelcomeTable { background-image: url('http://img4.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-radius: 55555px; width: 60%; }
 * 1) Rail > div > a {

span#MsgCount_214.splotch { top: 55px; }

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

border-radius: 16px; border-color: #c7bc9c; -webkit-box-shadow: 0 0 12px 0px #c7bc9c; box-shadow: 0 0 12px 0px #c7bc9c; }
 * 1) UserStatsMenu {

.UserStatsMenu .info img { border-radius: 55555px; }

background: #EFE3BC; border-radius: 55555px; padding-left: 16px; padding-right: 16px; border: 1px solid #c7bc9c; padding-top: 3px; padding-bottom: 3px; position: relative; bottom: 4px; left: -4px; }
 * 1) ChatHeader > h1.public.wordmark > a:nth-child(2) > img {

border-radius: 32px; }
 * 1) ChatBanModal {

border-radius: 8px; }
 * 1) ChatBanModal > section > form > fieldset > div:nth-child(2) > input[type="text"] {

border-radius: 5px; }
 * 1) ChatBanModal > section > form > fieldset > div:nth-child(1) > select {

text-align: center; }
 * 1) ChatBanModal > header > h3 {

position: absolute; left: 90%; }
 * 1) ChatBanModal > header > a {

margin-left: auto; margin-right: auto; width: 100%; border-radius: 55555px; }
 * 1) ChatBanModal > footer > div > button.button.normal.primary {

width: 100%; margin-top: 3px; border-radius: 55555px; }
 * 1) ChatBanModal > footer > div > button.button.normal.secondary {

height: 66px }
 * 1) ChatBanModal > footer {

margin-left: 8px; position: absolute; bottom: -3px; }
 * 1) ChatHeader > h1.private {

div.Chat { border-top-left-radius: 16px; }

/* Mod highlighter */ .User.chat-mod > span { color: green; }

/* Invisible mod */ color: #3a3a3a; }
 * 1) ChatHeader > div > span, #user-Dragonfree97 > span, #user-Renacer > span, #user-Fang³ > span {

/* Logged-in user avatar changer div.User > img:nth-child(1) { border-radius: 55555px; }

/* Spoiler button rounder */ input.spoilerbutton { border-radius: 55555px; }

/* Firefox bugfixes */

@-moz-document url-prefix { .Chat { border-top-right-radius: 2px; }   #WikiaPage { border-top-right-radius: 2px; } }

/* "Pill" input field */

border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; border-top-left-radius: 32px; border-bottom-left-radius: 32px; border: 1px solid #c7bc9c; }
 * 1) Write > img {

border-top-left-radius: 2px; border-bottom-left-radius: 2px; border-top-right-radius: 32px; border-bottom-right-radius: 32px; left: -6px; padding-left: 5px; } /* FLIP CHAT TO LEFT
 * 1) Write > div.message {

REMOVE THIS SECTION IF YOU WANT TO KEEP RIGHT-HAND CHAT



left: 0; z-index: 2; border-bottom-left-radius: 16px; border-top-left-radius: 16px; border-left: none; border-right: 1px solid #c7bc9c; border-bottom-right-radius: 0px; border-top-right-radius: 0px; }
 * 1) Rail {

right: 0; margin-left: 150px; border-right: 0px; border-bottom-right-radius: 16px; }
 * 1) Write {

.Chat { border-top-right-radius: 16px; right: 0; margin-left: 150px; border-top-left-radius: 0px !important; }

left: 151px; width: 220px !important; }
 * 1) UserStatsMenu {

border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-left: none; }
 * 1) ChatHeader > h1.public.wordmark > a:nth-child(2) > img {

position: absolute; right: 149px !important; border: none; top: -4px; width: 34px; }
 * 1) chatPluginsButton {

float: left; padding: 2px; left: 0; border: 1px solid #c7bc9c; background: #efe3bc; border-top-left-radius: 16px; border-bottom-left-radius: 16px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-right: none; }
 * 1) chatPluginsButton > img {

float: left; left: 5px; border-left: none; border-right: 1px solid #c7bc9c; padding-right: 0px; }
 * 1) ChatHeader > div {

display: block; float: right; border-top-left-radius: 55555px; border-top-right-radius: 55555px; border-bottom-right-radius: 55555px; border-bottom-left-radius: 55555px; border: 1px solid rgb(199, 188, 156); background: #EFE3BC; bottom: 1px; height: 36px; padding-right: 16px; padding-left: 16px; right: 1px; }
 * 1) ChatHeader > h1.private {

left: 8px; width: 8px; }
 * 1) MsgCount_214 {

margin-right: 0px !important; }
 * 1) ChatHeader > h1.public.wordmark {

float: right; z-index: 2; right: -3px; }
 * 1) ChatHeader > h1.public.wordmark > a:nth-child(2) {

text-align: left; left: 160px; width: 600px; }
 * 1) ChatHeader > h1.public.wordmark > div {