User:Dragonfree97/wikia.css/RoundyChat.css

/* 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; border-radius: 55555px; }
 * 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; }
 * 1) Write > div.message {