MediaWiki:Common.css

/***** TABLE OF CONTENTS *****/ /*** Gradient Keyframes and Texts ***/ /*** User Colors And Message Wall Mock Titles ***/ /*** Comments Tags ***/ /*** Link Gradients ***/ /*** Leaderboard Customization ***/

/** Gradient Texts **/ /* Rainbow Text */ .text-rainbow { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #D68AB0), color-stop(0.25, #D8CE5D), color-stop(0.5, #6BD85D), color-stop(0.75, #5DB9D8), color-stop(1, #D85DCB)); background-image: -webkit-linear-gradient(left, #D68AB0 0%, #D8CE5D 25%, #6BD85D 50%, #5DB9D8 75%, #D85DCB 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Rainbow 4s infinite; color: #33cccc; /* Non Webkit Users*/ white-space: nowrap; } @keyframes Text-Rainbow { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* HappyTheApple Text (Webkit only!) */ .text-happytheapple { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), color-stop(0.25, #8B0000), color-stop(0.5, #FF0000), color-stop(0.75, #FFFF00), color-stop(1, #FF0000)); background-image: -webkit-linear-gradient(left, #000000 0%, #8B0000 25%, #FF0000 50%, #FFFF00 75%, #FF0000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-HappyTheApple 5s infinite; color: #FF0000; /* non-webkit users */ white-space: nowrap; } @keyframes Text-HappyTheApple { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Golden Text (Webkit only!) */ .text-golden { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7d6900), color-stop(0.25, #f7ce00), color-stop(0.5, #ffe038), color-stop(0.75, #CCAC00), color-stop(1, #7d6900)); background-image: -webkit-linear-gradient(left, #7d6900 0%, #CCAC00 25%, #ffe038 50%, #CCAC00 75%, #7d6900 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Golden 4s infinite; color: #f7ce00; /* non-webkit browsers */ white-space: nowrap; } @keyframes Text-Golden { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Aquamarine Text (Webkit only!) */ .text-aquamarine { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ffffff), color-stop(0.25, #91fdff), color-stop(0.5, #52f7fa), color-stop(0.75, #00b3ff), color-stop(1, #0037ff)); background-image: -webkit-linear-gradient(left, #ffffff 0%, #91fdff 25%, #52f7fa 50%, #00b3ff 75%, #0037ff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Aquamarine 4s infinite; color: #52f7fa; /*non-webkit browsers */ white-space: nowrap; } @keyframes Text-Aquamarine { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Dave Villager Author Text (Webkit only!) */ .text-authordave { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #291600), color-stop(0.25, #704b00), color-stop(0.5, #704b00), color-stop(0.75, #381400), color-stop(1, #291600)); background-image: -webkit-linear-gradient(left, #291600 0%, #ffffff 25%, #704b00 50%, #381400 75%, #291600 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-animation: Text-authordave 4s infinite; -webkit-text-fill-color: transparent; color: #704b00; /*non-webkit browsers */ white-space: nowrap; } @keyframes Text-authordave { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Ocean Text (Webkit only!) */ .text-ocean { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #000230), color-stop(0.25, #000bff), color-stop(0.5, #a6aaff), color-stop(0.75, #5d5f85), color-stop(1, #000bff)); background-image: -webkit-linear-gradient(left, #000230 0%, #000bff 25%, #a6aaff 50%, #5d5f85 75%, #000bff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Ocean 4s infinite; color: #a6aaff; /*non-webkit browsers */ white-space: nowrap; } @keyframes Text-Ocean { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Hyper Text (Webkit only!) */ .text-hyper { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #691d1d), color-stop(0.25, #9dff00), color-stop(0.5, #04b7c7), color-stop(0.75, #8f94ff), color-stop(1, #de02f2)); background-image: -webkit-linear-gradient(left, #691d1d 0%, #9dff00 25%, #04b7c7 50%, #8f94ff 75%, #de02f2 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Hyper 1s infinite; color: #04b7c7; /*non-webkit browsers */ white-space: nowrap; } @keyframes Text-Hyper { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Fan Text (Webkit only!) */ .text-fan { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), color-stop(0.25, #ff0000), color-stop(0.5, #ff6f00), color-stop(0.75, #ffffff), color-stop(1, #ffffff)); background-image: -webkit-linear-gradient(left, #000000 0%, #ff0000 25%, #ff6f00 50%, #ffffff 75%, #ffffff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Fan 3s infinite; color: #ff6f00; /*non-webkit browsers */ white-space: nowrap; } @keyframes Text-Fan { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Forest Text (Webkit only!) */ .text-forest { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #1eff00), color-stop(0.25, #179606), color-stop(0.5, #0037ff), color-stop(0.75, #b8a800), color-stop(1, #179606)); background-image: -webkit-linear-gradient(left, #1eff00 0%, #179606 25%, #0037ff 50%, #b8a800 75%, #179606 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Forest 4s infinite; color: #0037ff; /*non-webkit browsers */ white-space: nowrap; } @keyframes Text-Forest { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Christmas Text (Webkit only!) */ .text-christmas { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ff0000), color-stop(0.25, #44ff00), color-stop(0.5, #1c6900), color-stop(0.75, #ff0000), color-stop(1, #690000)); background-image: -webkit-linear-gradient(left, #ff0000 0%, #44ff00 25%, #1c6900 50%, #ff0000 75%, #690000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Christmas 4s infinite; color: #0037ff; /*non-webkit browsers */ white-space: nowrap; } @keyframes Text-Christmas { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Star Text (Webkit only!) */ .text-star { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0e0117), color-stop(0.25, #42056e), color-stop(0.5, #7a6f0a), color-stop(0.75, #f5dd02), color-stop(1, #4b02ab)); background-image: -webkit-linear-gradient(left, #190238 0%, #42056e 25%, #676905 50%, #a0a307 75%, #f7c200 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Star 4s infinite; color: #af00fa; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Star { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Burnt Text (Webkit only!) */ .text-burnt { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #8c0000), color-stop(0.25, #d03636), color-stop(0.5, #fa8484), color-stop(0.75, #d03636), color-stop(1, #8c0000)); background-image: -webkit-linear-gradient(left, #8c0000 0%, #d03636 25%, #fa8484 50%, #d03636 75%, #8c0000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Burnt 2s infinite; color: #ff0000; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Burnt { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Dave Text (Webkit only!) */ .text-dave { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #f5eabf), color-stop(0.25, #00db12), color-stop(0.5, #009bd9), color-stop(0.75, #94e0ff), color-stop(1, #8c0000)); background-image: -webkit-linear-gradient(left, #f5eabf 0%, #00db12 25%, #009bd9 50%, #d03636 75%, #009bd9 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Dave 4s infinite; color: #94e0ff; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Dave { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Rebbelman Text (Webkit only!) */ .text-rebbel { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #8f8f8f), color-stop(0.25, #06ba00), color-stop(0.5, #ff0000), color-stop(0.75, #fbff00), color-stop(1, #ff8c00)); background-image: -webkit-linear-gradient(left, #8f8f8f 0%, #06ba00 25%, #ff0000 50%, #fbff00 75%, #ff8c00 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Rebbel 4s infinite; color: #94e0ff; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Rebbel { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* User Colours */ a[href$="/wiki/User:Creepyenderpig"], a[href$=":Creepyenderpig"], a[href$="/Creepyenderpig"] { font-family: 'Comic Sans MS'; color: lime !important; text-shadow: 1px 1px 2px green !important; }

.Wall .edited-by a.subtle[href$="Wall:Creepyenderpig"]:after{ color: lime !important; text-shadow: 1px 1px 8px #03b500; content: "Founder Da Guy" !important; }

a[href$="/wiki/User:HappyDappyWasTaken"]:not(.extiw):not(.external), a[href$="/wiki/Message_Wall:HappyDappyWasTaken"]:not(.extiw):not(.external), a[href$="/wiki/User_blog:HappyDappyWasTaken"]:not(.extiw):not(.external), a[href="/wiki/User:HappyDappyWasTaken"], a[href="/User:HappyDappyWasTaken"] a[href="https://the-legend-of-dave-the-villager.wikia.com/wiki/User:HappyDappyWasTaken"], a[href="/wiki/Message_Wall:HappyDappyWasTaken"], a[href="/Message_Wall:HappyDappyWasTaken"], a[href="https://the-legend-of-dave-the-villager.wikia.com/wiki/Message_Wall:HappyDappyWasTaken"], a[href="/wiki/User_blog:HappyDappyWasTaken"], a[href="User_Blog:HappyDappyWasTaken"], a[href="https://the-legend-of-dave-the-villager.wikia.com/wiki/User_blog:HappyDappyWasTaken"], a[href="/wiki/Special:Editcount/HappyDappyWasTaken"], a[href="/Special:Editcount/HappyDappyWasTaken"], a[href="https://the-legend-of-dave-the-villager.wiki.com/wiki/Special:Editcount/HappyDappyWasTaken"], a[href="/wiki/Special:Contributions/HappyDappyWasTaken"], a[href="/Special:Contributions/HappyDappyWasTaken"], a[href="https://the-legend-of-dave-the-villager.wikia.com/wiki/Special:Contributions/HappyDappyWasTaken"], a[href="/f/u/45064351"], a[href="https://the-legend-of-dave-the-villager.wikia.com/f/u/45064351"], a[href="https://the-legend-of-dave-the-villager.fandom.com/wiki/User:HappyDappyWasTaken/Sandbox"], a[href="/User:HappyDappyWasTaken/Sandbox"] { font-family: 'Comic Sans MS'; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #8c0000), color-stop(0.25, #d03636), color-stop(0.5, #fa8484), color-stop(0.75, #d03636), color-stop(1, #8c0000)); background-image: -webkit-linear-gradient(left, #8c0000 0%, #d03636 25%, #fa8484 50%, #d03636 75%, #8c0000 100%); background-size: 1000% 1000%; background-image: url(https://vignette.wikia.nocookie.net/darkclan-and-brightclan/images/1/1f/Alakazam.gif/revision/latest?cb=20200920000444) !important; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Burnt 4s infinite; color: #FF0000; /* non-webkit browsers */ font-weight: bold !important; white-space: nowrap; }

body[class*="HappyDappyWasTaken"] .masthead-info-lower .tally em, body[class*="HappyDappyWasTaken"] .masthead-info-lower .tally span { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #8c0000), color-stop(0.25, #d03636), color-stop(0.5, #fa8484), color-stop(0.75, #d03636), color-stop(1, #8c0000)); background-image: -webkit-linear-gradient(left, #8c0000 0%, #d03636 25%, #fa8484 50%, #d03636 75%, #8c0000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Burnt 4s infinite; color: #FF0000; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

a[href$="/wiki/User:Fan123456789101112"]:not(.extiw):not(.external), a[href$="/wiki/Message_Wall:Fan123456789101112"]:not(.extiw):not(.external), a[href$="/wiki/User_blog:Fan123456789101112"]:not(.extiw):not(.external), a[href="/wiki/User:Fan123456789101112"], a[href="/User:Fan123456789101112"] a[href="https://the-legend-of-dave-the-villager.wikia.com/wiki/User:Fan123456789101112"], a[href="/wiki/Message_Wall:Fan123456789101112"], a[href="/Message_Wall:Fan123456789101112"], a[href="https://the-legend-of-dave-the-villager.wikia.com/wiki/Message_Wall:Fan123456789101112"], a[href="/wiki/User_blog:Fan123456789101112"], a[href="User_Blog:Fan123456789101112"], a[href="https://the-legend-of-dave-the-villager.wikia.com/wiki/User_blog:Fan123456789101112"], a[href="/wiki/Special:Editcount/Fan123456789101112"], a[href="/Special:Editcount/Fan123456789101112"], a[href="https://the-legend-of-dave-the-villager.wiki.com/wiki/Special:Editcount/Fan123456789101112"], a[href="/wiki/Special:Contributions/Fan123456789101112"], a[href="/Special:Contributions/Fan123456789101112"], a[href="https://the-legend-of-dave-the-villager.wikia.com/wiki/Special:Contributions/Fan123456789101112"], a[href="/f/u/45707968"], a[href="https://the-legend-of-dave-the-villager.wikia.com/f/u/45707968"], a[href="https://the-legend-of-dave-the-villager.fandom.com/wiki/User:Fan123456789101112/Sandbox"], a[href="/User:Fan123456789101112/Sandbox"] { font-family: 'Comic Sans MS'; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), color-stop(0.25, #ff0000), color-stop(0.5, #ff6f00), color-stop(0.75, #ffffff), color-stop(1, #ffffff)); background-image: -webkit-linear-gradient(left, #000000 0%, #ff0000 25%, #ff6f00 50%, #ffffff 75%, #ffffff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Fan 4s infinite; color: #ff6f00; /* non-webkit browsers */ font-weight: bold !important; white-space: nowrap; }

body[class*="_Fan123456789101112"] .masthead-info-lower .tally em, body[class*="_Fan123456789101112"] .masthead-info-lower .tally span { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), color-stop(0.25, #ff0000), color-stop(0.5, #ff6f00), color-stop(0.75, #ffffff), color-stop(1, #ffffff)); background-image: -webkit-linear-gradient(left, #000000 0%, #ff0000 25%, #ff6f00 50%, #ffffff 75%, #ffffff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Fan 4s infinite; color: #ff6f00; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

a[href$="/wiki/User:Noname1201"]:not(.extiw):not(.external), a[href$="/wiki/Message_Wall:Noname1201"]:not(.extiw):not(.external), a[href$="/wiki/User_blog:Noname1201"]:not(.extiw):not(.external), a[href="/wiki/User:Noname1201"], a[href="/User:Noname1201"] a[href="https://the-legend-of-dave-the-villager.wikia.com/wiki/User:Noname1201"], a[href="/wiki/Message_Wall:Noname1201"], a[href="/Message_Wall:Noname1201"], a[href="https://the-legend-of-dave-the-villager.wikia.com/wiki/Message_Wall:Noname1201"], a[href="/wiki/User_blog:Noname1201"], a[href="User_Blog:Noname1201"], a[href="https://the-legend-of-dave-the-villager.wikia.com/wiki/User_blog:Noname1201"], a[href="/wiki/Special:Editcount/Noname1201"], a[href="/Special:Editcount/Noname1201"], a[href="https://the-legend-of-dave-the-villager.wiki.com/wiki/Special:Editcount/Noname1201"], a[href="/wiki/Special:Contributions/Noname1201"], a[href="/Special:Contributions/Noname1201"], a[href="https://the-legend-of-dave-the-villager.wikia.com/wiki/Special:Contributions/Noname1201"], a[href="/f/u/45677001"], a[href="https://the-legend-of-dave-the-villager.wikia.com/f/u/45677001"], a[href="https://the-legend-of-dave-the-villager.fandom.com/wiki/User:Noname1201/Sandbox"], a[href="/User:Noname1201/Sandbox"] { font-family: 'Comic Sans MS'; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #1eff00), color-stop(0.25, #179606), color-stop(0.5, #0037ff), color-stop(0.75, #b8a800), color-stop(1, #179606)); background-image: -webkit-linear-gradient(left, #1eff00 0%, #179606 25%, #0037ff 50%, #b8a800 75%, #179606 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Fan 4s infinite; color: #0037ff; /* non-webkit browsers */ font-weight: bold !important; white-space: nowrap; }

body[class*="_Noname1201"] .masthead-info-lower .tally em, body[class*="_Noname1201"] .masthead-info-lower .tally span { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #1eff00), color-stop(0.25, #179606), color-stop(0.5, #0037ff), color-stop(0.75, #b8a800), color-stop(1, #179606)); background-image: -webkit-linear-gradient(left, #1eff00 0%, #179606 25%, #0037ff 50%, #b8a800 75%, #179606 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Forest 4s infinite; color: #0037ff; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

.comments li[data-user="Noname1201"] .edited-by::after { border-radius: 5px; border: 1px solid lime; box-shadow: 0 1px 10px green; content: "NOPE NAME"; font-family: 'Comic Sans MS'; font-size: xx-small; font-weight: bold; margin-left: 3px; padding: 1px 5px; position: relative; text-transform: uppercase; top: -1px;}

.comments li[data-user="HappyTheApple"] .edited-by::after { border-radius: 5px; border: 1px solid #ff0000; box-shadow: 0 1px 10px #943d0f; content: "H A P P Y"; font-family: 'Comic Sans MS'; font-size: xx-small; font-weight: bold; margin-left: 3px; padding: 1px 5px; position: relative; text-transform: uppercase; top: -1px;}

.comments li[data-user="Fan123456789101112"] .edited-by::after { border-radius: 5px; border: 1px solid #7e00de; box-shadow: 0 1px 10px #420075; content: "A FAN"; font-family: 'Comic Sans MS'; font-size: xx-small; font-weight: bold; margin-left: 3px; padding: 1px 5px; position: relative; text-transform: uppercase; top: -1px;}

/* Avatar Borders */ .masthead-avatar:hover img { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); border-radius: 200%; box-shadow: 0 0 20px #78a9ff; transform: rotate(360deg); }