User:White the Popopo/chat.css

span.username::after { display:none !important; } div.info { border-top-left-radius: 13px; border-top-right-radius: 13px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .Rail .User img { left: 10px; border: 1px solid #bbbbbb; 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; }   border-radius:55555px; }   border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; border-radius:16px }   border-bottom-right-radius: 16px; border-top-right-radius: 16px; border-left: 1px solid #c7bc9c; }   border: none; border-radius: 55555px; }   border-bottom-left-radius: 16px; border-right: 1px solid #c7bc9c; }   border-radius: 55555px; padding-left: 10px; padding-right: 10px; margin-right: 3px; }   border-top-left-radius: 16px; }   text-align: center; }   margin-bottom: 0px; } .unread > span.username { z-index: 2; color: black; position: relative; } .unread > img { z-index: 1; } /* 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; }   border-radius: inherit; background: #EFE3BC; }   border-radius: 16px; border-color: #c7bc9c; -webkit-box-shadow: 0 0 12px 0px #c7bc9c; box-shadow: 0 0 12px 0px #c7bc9c; } .UserStatsMenu .info img, .Chat .avatar { 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; }   margin-right: 0px !important; }   border-radius: 32px; }   border-radius: 8px; }   border-radius: 5px; }   text-align: center; }   position: absolute; left: 90%; }   margin-left: auto; margin-right: auto; width: 100%; border-radius: 55555px; }   width: 100%; margin-top: 3px; border-radius: 55555px; }   height: 66px }   position: absolute; bottom: -3px; } div.Chat { border-top-left-radius: 16px; } /* Sidebar tweaks */ margin-bottom: 0px; } /* Mod highlighter */ li.User.chat-mod > span.username { color: green !important; } /* Logged-in user avatar changer div.User > img:nth-child(1) { border-radius: 55555px; } /* Spoiler button rounder */ input.spoilerbutton { border-radius: 55555px; } /* "Pill" input field */ border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 32px; border-bottom-left-radius: 32px; border: 1px solid #c7bc9c; }   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; } .Chat { border-top-right-radius: 16px; } .stylechanger { border-radius: 32px; }
 * 1) ChatHeader > div > img {
 * 1) ChatHeader {
 * 1) WikiaPage {
 * 1) Rail {
 * 1) Write > img {
 * 1) Write {
 * 1) Write > div.message {
 * 1) Chat_214 {
 * 1) ChatHeader > div > span {
 * 1) Rail > h1.private {
 * 1) Rail > div > a {
 * 1) UserStatsMenu > div.info {
 * 1) UserStatsMenu {
 * 1) ChatHeader > h1.public.wordmark > a:nth-child(2) > img {
 * 1) ChatHeader > h1.public.wordmark > a {
 * 1) ChatBanModal {
 * 1) ChatBanModal > section > form > fieldset > div:nth-child(2) > input[type="text"] {
 * 1) ChatBanModal > section > form > fieldset > div:nth-child(1) > select {
 * 1) ChatBanModal > header > h3 {
 * 1) ChatBanModal > header > a {
 * 1) ChatBanModal > footer > div > button.button.normal.primary {
 * 1) ChatBanModal > footer > div > button.button.normal.secondary {
 * 1) ChatBanModal > footer {
 * 1) ChatHeader > h1.private {
 * 1) Rail > h1.public.wordmark.selected, #Rail > h1.public.wordmark {
 * 1) Write > img {
 * 1) Write > div.message {