User:RonJoniak/wikia.css

/* Version 1.55 */ .ChatWindow { background: #000 !important; } .ChatWindow a { color: yellow !important; } .ChatHeader .private { color: white; } .ChatWindow [data-user="TibetPrime"] .username { text-shadow: 0 0 8px lightgreen; } .ChatWindow [data-user=TibetPrime] .message { color: #4db7ff; } .ChatWindow [data-user=Vanilladazzle] .username { color: lightblue; } .ChatWindow [data-user=Vanilladazzle] .username::after { color: #4C4CA6; } .ChatWindow [data-user=Vanilladazzle] .message { color: lemonchiffon; } .ChatWindow [data-user=HMcCoy] .username { text-shadow: 0 0 10px #666; } .ChatWindow [data-user=HMcCoy] .message { color: lemonchiffon; } .ChatWindow [data-user="Anthony Jacquez"] .username { color: red; text-shadow: -1px 1px 0 orange, -2px 2px 0 yellow, -3px 3px 0 green, -4px 4px 0 blue, -5px 5px 0 indigo, -6px 6px 0 violet; } .ChatWindow [data-user="Tariq Jabbar"] .username { color: black; text-shadow: 0 0 5px black; } .ChatWindow [data-user="The Eternal Swarm"] .username { text-indent: -9999px; } .ChatWindow [data-user="The Eternal Swarm"] .username::after { content: "The MLG Pro"; margin-left: 9864px; } .ChatWindow [data-user=Poohbear71102] .username { color: red; text-shadow: 0 0 8px blue; } .ChatWindow [data-user=Poohbear71102] .message { color: yellow; }  .ChatWindow [data-user=Vladimirr2002] .username { color: gold; text-shadow: 0 0 5px goldenrod; } .ChatWindow .WikiaPage { background: #222 !important; border: none !important; color: white !important; } .ChatWindow .Write { border: none !important; } .ChatWindow .Write img { border: none !important; } .ChatWindow .Write .message { border: none !important; height: 2.54em; } .ChatWindow .Write textarea { color: white !important; } .ChatWindow .User img { border: none !important; } .ChatWindow .Rail .public { box-shadow: inset 0 0 7px 0 #333; background: #444; } .ChatWindow .Rail .private { background-image: none; border: none; } .ChatWindow .Rail .selected { background: #444; } .ChatWindow .Rail .User:hover { background: #444; } .ChatWindow .UserStatsMenu { box-shadow: 0 0 12px 0 #222 !important; border: 3px solid #333 !important; background: #444 !important; } .ChatWindow .UserStatsMenu .info { background: #555 !important; } .ChatWindow .ChatHeader { color: #33cc33; border: none; } .ChatWindow .ChatHeader .User { border-left: 1px solid #fff !important; } .ChatWindow .ChatHeader .User .username { color: white; } .ChatWindow .wordmark { margin-top: 7px; } .ChatWindow .wordmark img { -webkit-filter: invert(100%); filter: invert(100%); } .ChatWindow .Chat { border: none !important; } .ChatWindow .Chat .inline-alert { color: lightgreen !important; } @keyframes animation { 0% {text-shadow: 0 0 20px #fefcc9, 10px -0.1rem 30px #feec85, -20px -0.2rem 40px #ffae34, 20px -0.4rem 50px #ec760c, -20px -0.6rem 60px #cd4606, 0 -0.8rem 70px #973716, 10px -0.9rem 80px #451b0e;} 100% {text-shadow: 0 0 20px #fefcc9, 10px -0.1rem 30px #fefcc9, -20px -0.2rem 40px #feec85, 22px -0.42rem 60px #ffae34, -22px -0.58rem 50px #ec760c, 0 -0.82rem 80px #cd4606, 10px -0.9rem 80px  #973716;} } .ChatWindow .Chat .avatar { border: 2px solid #e0e0e0; border-radius: 100px; -webkit-transition: -webkit-transform 1.1s cubic-bezier(.53,3,.42,.36); transition: transform 1.3s cubic-bezier(.53,3,.42,.36); } .ChatWindow .Chat .avatar:hover { -webkit-transform: rotate(70deg); -ms-transform: rotate(70deg); transform: rotate(70deg); -webkit-transition: -webkit-transform 1.2s cubic-bezier(.17,0,0,1); transition: transform 1.4s cubic-bezier(.17,0,0,1); } .ChatWindow .Chat .you { background: #444 !important; } .ChatWindow .Chat li[data-user="Kingcodefish"] { background: #80aaff !important; color: #fff; } .ChatWindow [data-user="Kingcodefish"] .username { font-family: "Orbitron",sans-serif; animation: animation 1s ease-in-out infinite alternate; color: darkred; } @font-face { font-family: 'Orbitron'; font-style: normal; font-weight: 400; src: local('Orbitron-Light'), local('Orbitron-Regular'), url(https://fonts.gstatic.com/s/orbitron/v7/HmnHiRzvcnQr8CjBje6GQnYhjbSpvc47ee6xR_80Hnw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } .ChatWindow [data-user="EytukanStudios"] .username { content: "Eytukan \b"; color: dodgerblue; font-family: "Orbitron", sans-serif; text-shadow: 1px 1px 0 green, 2px 2px 0 blue; font-weight: bold; }  @font-face { font-family: 'Iceland'; font-style: normal; font-weight: 400; src: local('Iceland'), local('Iceland-Regular'), url(https://fonts.gstatic.com/s/iceland/v5/3MJCdMdmaSZmdrTD7pNyygLUuEpTyoUstqEm5AMlJo4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } .ChatWindow [data-user="EytukanStudios"] .message{ font-family: "Iceland"; text-size: 30px; animation-name: Eytoucan; animation-duration: 3s; animation-iteration-count: infinite; } @keyframes Eytoucan{ 0%{text-shadow: 0 0 5px dodgerblue, 0 0 7px dodgerblue;} 50%{text-shadow: 0 0 5px white, 0 0 7px white;} 100%{text-shadow: 0 0 5px dodgerblue, 0 0 7px dodgerblue;} } @font-face { font-family: 'Poiret One'; font-style: normal; font-weight: 400; src: local('Poiret One'), local('PoiretOne-Regular'), url(https://fonts.gstatic.com/s/poiretone/v4/HrI4ZJpJ3Fh0wa5ofYMK8QzyDMXhdD8sAj6OAJTFsBI.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } @keyframes blazeprogramming { 0%{text-shadow: 0px 0px 15px rgb(3, 167, 255), 0px 0px 15px rgb(3, 167, 255), 0px 0px 15px rgb(3, 167, 255), 0px 0px 15px rgb(3, 167, 255);} 50%{text-shadow: 0px 0px 15px rgb(255, 255, 255), 0px 0px 15px rgb(255, 255, 255), 0px 0px 15px rgb(255, 255, 255), 0px 0px 15px rgb(255, 255, 255);} 100%{text-shadow: 0px 0px 15px rgb(3, 167, 255), 0px 0px 15px rgb(3, 167, 255), 0px 0px 15px rgb(3, 167, 255), 0px 0px 15px rgb(3, 167, 255);} } @-webkit-keyframes blazeprogramming{ 0%{text-shadow: 0px 0px 15px rgb(3, 167, 255), 0px 0px 15px rgb(3, 167, 255), 0px 0px 15px rgb(3, 167, 255), 0px 0px 15px rgb(3, 167, 255);} 50%{text-shadow: 0px 0px 15px rgb(255, 255, 255), 0px 0px 15px rgb(255, 255, 255), 0px 0px 15px rgb(255, 255, 255), 0px 0px 15px rgb(255, 255, 255);} 100%{text-shadow: 0px 0px 15px rgb(3, 167, 255), 0px 0px 15px rgb(3, 167, 255), 0px 0px 15px rgb(3, 167, 255), 0px 0px 15px rgb(3, 167, 255);} } @-o-keyframes blazeprogramming{ 0%{text-shadow: 0px 0px 15px rgb(3, 167, 255), 0px 0px 15px rgb(3, 167, 255), 0px 0px 15px rgb(3, 167, 255), 0px 0px 15px rgb(3, 167, 255);} 50%{text-shadow: 0px 0px 15px rgb(255, 255, 255), 0px 0px 15px rgb(255, 255, 255), 0px 0px 15px rgb(255, 255, 255), 0px 0px 15px rgb(255, 255, 255);} 100%{text-shadow: 0px 0px 15px rgb(3, 167, 255), 0px 0px 15px rgb(3, 167, 255), 0px 0px 15px rgb(3, 167, 255), 0px 0px 15px rgb(3, 167, 255);} } .ChatWindow [data-user=BlazeProgramming] .username { font-family: "Poiret One"; text-shadow: 0px 0px 15px rgb(255, 255, 255), 0px 0px 15px rgb(255, 255, 255); animation-name: blazeprogramming; animation-duration: 2s; animation-iteration-count: infinite; letter-spacing: 2px; color: white; } .ChatWindow [data-user="MicahAminot27"] .message{ color: green; font-size: 100; font-family: Chiller; } .ChatWindow [data-user="MicahAminot27"] .username{ color: green; font-size: 100; font-family: Chiller; } .ChatWindow .time::before { content: "This message was posted on " !important; } .ChatWindow .Chat .me-message { color: lightgreen; } .ChatWindow .Chat .time { color: lemonchiffon; }