MediaWiki:Wikia.css

/**********************************************/ /************** Table of Contents *************/ /**********************************************/ /* */ /* SECTION A — MISCELLANEOUS * A.1 — Navboxes */ /* SECTION B — RECURRING CODE * B.1 — User Tags Setup * B.2 — Individual Tags */ /************** Section A: Miscellaneous *************/ /**A.1 — Navboxes**/ /*Multi-sectional Collapsable Navbox*/ .navbox { width: 100%; font-size: 240%; } .parent-navbox { width: calc(100% - 14px); margin: 2em 7px 1em 7px; font-size: 160%; border-radius: 12px; box-shadow: 0 2px 7px rgba(0,0,0,.4); background-color: #3884ff; padding: 0.3em; } .navbox-header { margin: 0.5em 0.3em 0 0.3em; border-radius: 12px 12px 0 0; background: #00007F; padding: 0.2em 0.5em; color: white; } .navbox { width: 100%; font-size: 100%; } .parent-navbox { width: calc(100% - 14px); margin: 2em 7px 1em 7px; font-size: 100%; border-radius: 12px; box-shadow: 0 2px 7px rgba(0,0,0,.4); background-color: #3884ff; padding: 0.3em; } .navbox-header { margin: 0.5em 0.3em 0 0.3em; border-radius: 12px 12px 0 0; background: #00007F; padding: 0.2em 0.5em; color: white; } .navbox-header a { color: white; } .parent-navbox-header { border-radius: 12px; } .navbox-label { background: #00007F; color: white; padding-left: 0.5em; padding-right: 0.5em; } .mw-collapsed > tbody > tr > .navbox-header { border-radius: 12px; }

/************** Section B: Recurring Code*************/ /**B1 — Animated Gradient Fonts**/ /*Rainbow Font*/ .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 3s infinite; color: #33cccc; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Rainbow { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/*Supertalker Font*/ .text-supertalker { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0000FF), color-stop(0.25, #FFFF00), color-stop(0.5, #FF0000), color-stop(0.75, #00FF00), color-stop(1, #FFFFFF)); background-image: -webkit-linear-gradient(left, #0000FF 0%, #FFFF00 25%, #FF0000 50%, #00FF00 75%, #FFFFFF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Supertalker 4s infinite; color: #FF8E8C; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Supertalker { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/**B2 — User Profile Customizations**/ /*Bureaucrats*/ a[href$="/wiki/User:SuperTalker101"]:not(.extiw):not(.external), a[href$="/wiki/Message_Wall:SuperTalker101"]:not(.extiw):not(.external), a[href$="/wiki/User_blog:SuperTalker101"]:not(.extiw):not(.external), a[href$="/wiki/Special:Contributions/SuperTalker101"]:not(.extiw):not(.external), a[href="/wiki/User:SuperTalker101"], a[href="https://bncs-wiki-intelligence-agency.fandom.com/wiki/User:SuperTalker101"], a[href="/wiki/Message_Wall:SuperTalker101"], a[href="https://bncs-wiki-intelligence-agency.fandom.com/wiki/Message_Wall:SuperTalker101"], a[href="/wiki/User_blog:SuperTalker101"], a[href="https://bncs-wiki-intelligence-agency.fandom.com/wiki/User_blog:SuperTalker101"], a[href="/wiki/Special:Contributions/SuperTalker101"], a[href="https://bncs-wiki-intelligence-agency.fandom.com/wiki/Special:Contributions/SuperTalker101"], a[href="/wiki/Special:Editcount/SuperTalker101"], a[href="https://bncs-wiki-intelligence-agency.fandom.com/wiki/Special:Editcount/SuperTalker101"], a[href="/f/u/45728330"], a[href="https://bncs-wiki-intelligence-agency.fandom.com/f/u/45728330"], a[href="/wiki/User:SuperTalker101/Sandbox"], a[href="https://bncs-wiki-intelligence-agency.fandom.com/wiki/User:SuperTalker101/Sandbox"] { font-weight: bold !important; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0000FF), color-stop(0.25, #FFFF00), color-stop(0.5, #FF0000), color-stop(0.75, #00FF00), color-stop(1, #FFFFFF)); background-image: -webkit-linear-gradient(left, #0000FF 0%, #FFFF00 25%, #FF0000 50%, #00FF00 75%, #FFFFFF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Supertalker 4s infinite; color: #FF8E8C; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Supertalker { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } body[class*="_SuperTalker101"] .masthead-info-lower .tally em, body[class*="_SuperTalker101"] .masthead-info-lower .tally span { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0000FF), color-stop(0.25, #FFFF00), color-stop(0.5, #FF0000), color-stop(0.75, #00FF00), color-stop(1, #FFFFFF)); background-image: -webkit-linear-gradient(left, #0000FF 0%, #FFFF00 25%, #FF0000 50%, #00FF00 75%, #FFFFFF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Supertalker 2s infinite; color: #FF8E8C; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Supertalker { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Avatar borders */ img.avatar[alt='SuperTalker101'] { -webkit-animation-name: pulsate-avatar-bureaucrat; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; animation-name: pulsate-avatar-bureaucrat; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; } ul.AccountNavigation li a img.avatar[alt='SuperTalker101'] { -webkit-animation-name: pulsate-avatar-small-bureaucrat; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; animation-name: pulsate-avatar-small-bureaucrat; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; } @-webkit-keyframes pulsate-avatar-bureaucrat { from { -webkit-box-shadow: 0px 0px 1px 2px #E37D3D; -moz-box-shadow: 0px 0px 1px 2px #E37D3D; box-shadow: 0px 0px 1px 2px #E37D3D; }   to { -webkit-box-shadow: 0px 0px 8px 6px #E37D3D; -moz-box-shadow: 0px 0px 8px 6px #E37D3D; box-shadow: 0px 0px 8px 6px #E37D3D; } } @keyframes pulsate-avatar-bureaucrat { from { -webkit-box-shadow: 0px 0px 1px 2px #E37D3D; -moz-box-shadow: 0px 0px 1px 2px #E37D3D; box-shadow: 0px 0px 1px 2px #E37D3D; }   to { -webkit-box-shadow: 0px 0px 8px 6px #E37D3D; -moz-box-shadow: 0px 0px 8px 6px #E37D3D; box-shadow: 0px 0px 8px 6px #E37D3D; } } @-webkit-keyframes pulsate-avatar-small-bureaucrat { from { -webkit-box-shadow: 0px 0px 1px 2px #E37D3D; -moz-box-shadow: 0px 0px 1px 2px #E37D3D; box-shadow: 0px 0px 1px 2px #E37D3D; }   to { -webkit-box-shadow: 0px 0px 8px 6px #E37D3D; -moz-box-shadow: 0px 0px 8px 6px #E37D3D; box-shadow: 0px 0px 8px 6px #E37D3D; } } @keyframes pulsate-avatar-small-bureaucrat { from { -webkit-box-shadow: 0px 0px 1px 2px #E37D3D; -moz-box-shadow: 0px 0px 1px 2px #E37D3D; box-shadow: 0px 0px 1px 2px #E37D3D; }   to { -webkit-box-shadow: 0px 0px 8px 6px #E37D3D; -moz-box-shadow: 0px 0px 8px 6px #E37D3D; box-shadow: 0px 0px 8px 6px #E37D3D; } } @-webkit-keyframes pulsate-avatar-large-bureaucrat { from { -webkit-box-shadow: 0px 0px 1px 2px #E37D3D; -moz-box-shadow: 0px 0px 1px 2px #E37D3D; box-shadow: 0px 0px 1px 2px #E37D3D; }   to { -webkit-box-shadow: 0px 0px 16px 12px #E37D3D; -moz-box-shadow: 0px 0px 16px 12px #E37D3D; box-shadow: 0px 0px 16px 12px #E37D3D; } } @keyframes pulsate-avatar-large-bureaucrat { from { -webkit-box-shadow: 0px 0px 1px 2px #E37D3D; -moz-box-shadow: 0px 0px 1px 2px #E37D3D; box-shadow: 0px 0px 1px 2px #E37D3D; }   to { -webkit-box-shadow: 0px 0px 16px 12px #E37D3D; -moz-box-shadow: 0px 0px 16px 12px #E37D3D; box-shadow: 0px 0px 16px 12px #E37D3D; } }

/*Administrators*/ a[href$="/wiki/User:Positive_Elixir_Trade"]:not(.extiw):not(.external), a[href$="/wiki/Message_Wall:Positive_Elixir_Trade"]:not(.extiw):not(.external), a[href$="/wiki/User_blog:Positive_Elixir_Trade"]:not(.extiw):not(.external), a[href$="/wiki/Special:Contributions/Positive_Elixir_Trade"]:not(.extiw):not(.external), a[href="/wiki/User:Positive_Elixir_Trade"], a[href="https://bncs-wiki-intelligence-agency.fandom.com/wiki/User:Positive_Elixir_Trade"], a[href="/wiki/Message_Wall:Positive_Elixir_Trade"], a[href="https://bncs-wiki-intelligence-agency.fandom.com/wiki/Message_Wall:Positive_Elixir_Trade"], a[href="/wiki/User_blog:Positive_Elixir_Trade"], a[href="https://bncs-wiki-intelligence-agency.fandom.com/wiki/User_blog:Positive_Elixir_Trade"], a[href="/wiki/Special:Contributions/Positive_Elixir_Trade"], a[href="https://bncs-wiki-intelligence-agency.fandom.com/wiki/Special:Contributions/Positive_Elixir_Trade"], a[href="/wiki/Special:Editcount/Positive_Elixir_Trade"], a[href="https://bncs-wiki-intelligence-agency.fandom.com/wiki/Special:Editcount/Positive_Elixir_Trade"], a[href="/f/u/31513065"], a[href="https://bncs-wiki-intelligence-agency.fandom.com/f/u/31513065"], a[href="/wiki/User:Positive_Elixir_Trade/Sandbox"], a[href="https://bncs-wiki-intelligence-agency.fandom.com/wiki/User:Positive_Elixir_Trade/Sandbox"] { font-weight: bold !important; 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; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Rainbow { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } body[class*="_Positive_Elixir_Trade"] .masthead-info-lower .tally em, body[class*="_Positive_Elixir_Trade"] .masthead-info-lower .tally span { 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; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Rainbow { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

.comments li[data-user='Positive_Elixir_Trade'] > blockquote:after { 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; /* Fallback color for non-webkit browsers */ white-space: nowrap; } .comments li[data-user='Positive_Elixir_Trade'] > blockquote div { 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; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

/* Avatar borders */ img.avatar[alt='Positive Elixir Trade'] { -webkit-animation-name: pulsate-avatar-admin; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; animation-name: pulsate-avatar-admin; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; } ul.AccountNavigation li a img.avatar[alt='Positive Elixir Trade'] { -webkit-animation-name: pulsate-avatar-small-admin; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; animation-name: pulsate-avatar-small-admin; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; }   -webkit-animation-name: pulsate-avatar-large-admin; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; animation-name: pulsate-avatar-large-admin; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; } @-webkit-keyframes pulsate-avatar-admin { from { -webkit-box-shadow: 0px 0px 1px 2px #60C156; -moz-box-shadow: 0px 0px 1px 2px #60C156; box-shadow: 0px 0px 1px 2px #60C156; }   to { -webkit-box-shadow: 0px 0px 12px 9px #60C156; -moz-box-shadow: 0px 0px 12px 9px #60C156; box-shadow: 0px 0px 12px 9px #60C156; } } @keyframes pulsate-avatar-admin { from { -webkit-box-shadow: 0px 0px 1px 2px #60C156; -moz-box-shadow: 0px 0px 1px 2px #60C156; box-shadow: 0px 0px 1px 2px #60C156; }   to { -webkit-box-shadow: 0px 0px 12px 9px #60C156; -moz-box-shadow: 0px 0px 12px 9px #60C156; box-shadow: 0px 0px 12px 9px #60C156; } } @-webkit-keyframes pulsate-avatar-small-admin { from { -webkit-box-shadow: 0px 0px 1px 2px #60C156; -moz-box-shadow: 0px 0px 1px 2px #60C156; box-shadow: 0px 0px 1px 2px #60C156; }   to { -webkit-box-shadow: 0px 0px 8px 6px #60C156; -moz-box-shadow: 0px 0px 8px 6px #60C156; box-shadow: 0px 0px 8px 6px #60C156; } } @keyframes pulsate-avatar-small-admin { from { -webkit-box-shadow: 0px 0px 1px 2px #60C156; -moz-box-shadow: 0px 0px 1px 2px #60C156; box-shadow: 0px 0px 1px 2px #60C156; }   to { -webkit-box-shadow: 0px 0px 8px 6px #60C156; -moz-box-shadow: 0px 0px 8px 6px #60C156; box-shadow: 0px 0px 8px 6px #60C156; } } @-webkit-keyframes pulsate-avatar-large-admin { from { -webkit-box-shadow: 0px 0px 1px 2px #60C156; -moz-box-shadow: 0px 0px 1px 2px #60C156; box-shadow: 0px 0px 1px 2px #60C156; }   to { -webkit-box-shadow: 0px 0px 16px 12px #60C156; -moz-box-shadow: 0px 0px 16px 12px #60C156; box-shadow: 0px 0px 16px 12px #60C156; } } @keyframes pulsate-avatar-large-admin { from { -webkit-box-shadow: 0px 0px 1px 2px #60C156; -moz-box-shadow: 0px 0px 1px 2px #60C156; box-shadow: 0px 0px 1px 2px #60C156; }   to { -webkit-box-shadow: 0px 0px 16px 12px #60C156; -moz-box-shadow: 0px 0px 16px 12px #60C156; box-shadow: 0px 0px 16px 12px #60C156; } }
 * 1) UserProfileMasthead:not(.usergroup-founder) div.masthead-avatar.admin img.avatar {