User:MetallicMakarov/wikia.css

.ChatWindow { background: #000 !important; } .ChatWindow a { color: yellow !important; } .ChatWindow [data-user="TibetPrime"] .username { text-shadow: 0 0 8px lightgreen; } .ChatWindow [data-user=TibetPrime] .message { color: #4db7ff; } .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 .WikiaPage { background: #222 !important; border: none !important; color: white !important; } .ChatWindow .Write { border: none !important; } .ChatWindow .Write img { border: none !important; } .ChatWindow .Write .message { background-color: #444 !important; 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 .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; background-color: #444; 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; } /* latin */ @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 dodger blue, 0 0 7px dodger blue;} 50%{text-shadow: 0 0 5px white, 0 0 7px white;} 100%{text-shadow: 0 0 5px dodger blue, 0 0 7px dodger blue;} } .ChatWindow [data-user="Kingcodefish"] .username { font-family: "Orbitron",sans-serif; animation: animation 1s ease-in-out infinite alternate; color: darkred; } @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);} } .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: 3s; animation-iteration-count: infinite; letter-spacing: 2px; color: white; } .ChatWindow [data-user="MicahAmiot27"] .message{ color: green; font-size: 100; font-family: Chiller; } .ChatWindow [data-user="MicahAmiot27"] .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; } @font-face { font-family: 'Germania One'; font-style: normal; font-weight: 400; src: local('Germania One'), local('GermaniaOne-Regular'), url(https://fonts.gstatic.com/s/germaniaone/v4/3_6AyUql_-FbDi1e68jHdBampu5_7CjHW5spxoeN3Vs.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="MetallicMakarov"] .username { color: red; font-family: "Germania One"; } .ChatWindow [data-user="MetallicMakarov"] .message { font-family: "Germania One"; } .ChatWindow [data-user="SimplifiedBanana101"] .username { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; cursor: pointer; border: none; font: normal normal bold 1em/normal "Zapfino", "Vivaldi", Helvetica, sans-serif; color: rgb(0, 0, 0); -o-text-overflow: clip; text-overflow: clip; text-shadow: 3px 0 0 rgb(217,31,38), 6px 0 0 rgb(226,91,14) , 9px 0 0 rgb(245,221,8) , 12px 0 0 rgb(5,148,68) , 15px 0 0 rgb(2,135,206) , 18px 0 0 rgb(4,77,145) , 21px 0 0 rgb(42,21,113) ; -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } .ChatWindow [data-user="SimplifiedBanana101"] .username:hover { text-shadow: -3px 0 0 rgb(217,31,38), -6px 0 0 rgb(226,91,14) , -9px 0 0 rgb(245,221,8) , -12px 0 0 rgb(5,148,68) , -15px 0 0 rgb(2,135,206) , -18px 0 0 rgb(4,77,145) , -21px 0 0 rgb(42,21,113) ; -webkit-transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } .ChatWindow .Chat .time { color: lemonchiffon; }