User:DuckeyD/wikia.css

@import url("/index.php?title=User:Zazme_Yakuza/wikia.css/Profile.css&action=raw&ctype=text/css"); @import url("/index.php?title=User:Zazme_Yakuza/wikia.css/Others.css&action=raw&ctype=text/css"); @import url("/index.php?title=User:Zazme_Yakuza/wikia.css/MPCode.css&action=raw&ctype=text/css"); .i18ndoc { background-color: white; border-bottom: 1px solid lightgrey; font-family: Lobster; font-size: 8pt; height: 140px; overflow: auto; padding: 3px; } .comments li[data-user="Zazme_Yakuza"] .edited-by:after, body.ns-1201 .edited-by > a.subtle[href="http://clashofclans.wikia.com/wiki/Message_Wall:Zazme_Yakuza"]:after { content: "Vanguard"; color: #ff0004; border-radius: 6px; font-family: CCBackBeat-Light !important; padding: 0 5px; margin-left: 3px; background: color; } ul.tabs li { width: 25%; } ul.tabs li[data-id="following"] { display: none }   font-family:CCBackBeat-Light !important; color:black; font-size:16px; } ul.tabs li a { font-family: ClashOfClans, Arial, sans serif; background: red !important; background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #000), color-stop(0.15, #111), color-stop(0.3, #222), color-stop(0.45, #333), color-stop(0.6, #444),color-stop(0.75, #444), color-stop(0.9, #ff2), color-stop(1, #000) ) !important; background-image: -ms-linear-gradient( left, #000 0%, #111 15%, #222 30%, #333 45%, #444 60%, #444 75%, #555 90%, #000 100%) !important; color: transparent !important; -webkit-background-clip: text !important; background-image: linear-gradient( to right, #000 0%, #111 15%, #222 30%, #333 45%, #444 60%, #444 75%, #555 90%, #000 100%) !important; color: transparent !important; -webkit-background-clip: text !important; font-family: ClashOfClans, Arial, sans serif; } .tabs { border: none; position: relative; height: 48px; background-color: #b20000; margin: 0 auto !important; padding: 0; width: 100%; white-space: nowrap; } .tabs li { display: block; float: center; text-align: center; height: 48px; padding: 0; margin: 0; text-transform: uppercase; letter-spacing: .8px; width: 15%; } .tabs li a { text-decoration: none !important; font-weight: bold !important; padding: 0; line-height: 48px; top: 0; background: none !important; border: none !important; border-radius: 0 !important; font-size: 15px; font-family: CCBackBeat-Light; color: white !important; display: block; width: 100%; height: 100%; -webkit-transition: color .28s ease; -moz-transition: color .28s ease; -o-transition: color .28s ease; -ms-transition: color .28s ease; transition: color .28s ease; } .tabs li:first-child a { margin-left: -1px; } .tabs .selected { background: #b20000; box-shadow: inset 0px -3px black; } .NavFrame { background: white; } @font-face { font-family: CCBackBeat-Light; src: local('CCBackBeat-Light'), url(http://img4.wikia.nocookie.net/__cb20150113234615/clashofclans/images/9/9a/CCBackBeat-Light.ttf) format('truetype'); } /* Article h2's */ .WikiaPage .page-header h2 { font-family: CCBackBeat-Light; letter-spacing: 1px; } /* Poll Styling */ .pollAnswerVotes div { background: -ms-linear-gradient(left, #ff0004 0%, #000000 100%) !important; background: -moz-linear-gradient(left, #ff0004 0%, #000000 100%) !important; background: -o-linear-gradient(left, #ff0004 0%, #000000 100%) !important; background: -webkit-gradient(linear, left top, right top, color-stop(0, #ff0004), color-stop(1, #000000)) !important; background: -webkit-linear-gradient(left, #ff0004 0%, #000000 100%) !important; background: linear-gradient(To Right, #ff0004 0%, #000000 100%) !important; } .pollAnswerVotes { color: black; } img.avatar[alt="Zazme Yakuza"], img.avatar[alt="Zegaloft12"], img.avatar[alt="ChiefDrewClash"], img.avatar[alt="T-Bacon"], img.avatar[alt="MagmaHound"], img.avatar[alt="Stan890"] { -webkit-animation-name: spin; -webkit-animation-duration: 4000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 4000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 4000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: spin; animation-duration: 4000ms; animation-iteration-count: infinite; animation-timing-function: linear; } @-moz-keyframes spin { from { -moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); }   to { -moz-transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); }   to { -webkit-transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg); } } @keyframes spin { from { transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg); }   to { transform:rotateX(360deg) rotateY(360deg) rotateZ(360deg); } }   /* User Profile - Profile Avatar + Hover Edit Button */ .UserProfileMasthead .masthead-avatar .avatar { margin-top: 20px; border: 5px solid #027 !important; border-radius: 15px !important; } .UserProfileMasthead .masthead-avatar span { position: absolute; left: 35px; white-space: nowrap; } /* User Profile - Profile Avatar + Hover Edit Button */ .UserProfileMasthead .masthead-avatar .avatar { margin-top: 20px; border: 5px solid black !important; border-radius: 15px !important; } .UserProfileMasthead .masthead-avatar span { position: absolute; left: 35px; white-space: nowrap; } /* User Profile - Infobox Container + Header + Item + Tally + Bubble Stem */ .UserProfileMasthead { min-height: 190px; margin: 15px 10px; border: 3px solid black; border-radius: 30px; } .UserProfileMasthead .masthead-info hgroup {border-radius: 15px 15px 0 0;} .UserProfileMasthead > div.masthead-info { margin-top: 20px; border-radius: 15px !important; background: white; } /* Tabber Container */ .tabberlive { margin: 10px 0; overflow: hidden; } /* Tabber Header + Links + Hovers + Selected */ .tabbernav { padding: 5px 15px 0 0 !important; font: inherit !important; font-weight: bold !important; border: none !important; border-radius: 15px 15px 0 0; background-color: #555; background: linear-gradient(to bottom, #555, #555); } .tabbernav li a { display: inline-block; margin-left: 15px !important; padding: 5px 10px !important; color: #FFF !important; border: none !important; background: none !important; } .tabbernav li a:hover { margin-left: 15px; padding: 5px 10px; color: #333 !important; border-radius: 10px 10px 0 0; background-color: rgba(105, 105, 105, 0.6) !important; } .tabbernav li.tabberactive a { margin-left: 15px; padding: 5px 10px; color: #FFF !important; border: none !important; border-radius: 10px 10px 0 0; background-color: rgba(105, 105, 105, 0.6) !important; box-shadow: 0px 5px 10px -5px #000 inset; } /* Tabber Body */ .tabberlive .tabbertab { padding: 5px 15px 10px !important; border: none !important border-radius: 0 0 15px 15px; overflow: hidden; background-color: rgba(255, 255, 255, 0.6); } img.avatar[alt='Zazme Yakuza'] { -webkit-animation-name: pulsate-avatar-rollback; -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-rollback; 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='Zazme Yakuza'] { -webkit-animation-name: pulsate-avatar-small-rollback; -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-rollback; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; } div.masthead-avatar.rollback img.avatar { -webkit-animation-name: pulsate-avatar-large-rollback; -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-rollback; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; } @-webkit-keyframes pulsate-avatar-rollback { from { -webkit-box-shadow: 0px 0px 1px 2px Black; -moz-box-shadow: 0px 0px 1px 2px Black; box-shadow: 0px 0px 1px 2px Black; }   to { -webkit-box-shadow: 0px 0px 8px 6px Black; -moz-box-shadow: 0px 0px 8px 6px Black; box-shadow: 0px 0px 8px 6px Black; } } @keyframes pulsate-avatar-rollback { from { -webkit-box-shadow: 0px 0px 1px 2px Black; -moz-box-shadow: 0px 0px 1px 2px Black; box-shadow: 0px 0px 1px 2px Black; }   to { -webkit-box-shadow: 0px 0px 8px 6px Black; -moz-box-shadow: 0px 0px 8px 6px Black; box-shadow: 0px 0px 8px 6px Black; } } @-webkit-keyframes pulsate-avatar-small-rollback { from { -webkit-box-shadow: 0px 0px 1px 2px Black; -moz-box-shadow: 0px 0px 1px 2px Black; box-shadow: 0px 0px 1px 2px Black; }   to { -webkit-box-shadow: 0px 0px 4px 3px Black; -moz-box-shadow: 0px 0px 4px 3px Black; box-shadow: 0px 0px 4px 3px Black; } } @keyframes pulsate-avatar-small-rollback { from { -webkit-box-shadow: 0px 0px 1px 2px Black; -moz-box-shadow: 0px 0px 1px 2px Black; box-shadow: 0px 0px 1px 2px Black; }   to { -webkit-box-shadow: 0px 0px 4px 3px Black; -moz-box-shadow: 0px 0px 4px 3px Black; box-shadow: 0px 0px 4px 3px Black; } } @-webkit-keyframes pulsate-avatar-large-rollback { from { -webkit-box-shadow: 0px 0px 1px 2px Black; -moz-box-shadow: 0px 0px 1px 2px Black; box-shadow: 0px 0px 1px 2px Black; }   to { -webkit-box-shadow: 0px 0px 12px 9px Black; -moz-box-shadow: 0px 0px 12px 9px Black; box-shadow: 0px 0px 12px 9px Black; } } @keyframes pulsate-avatar-large-rollback { from { -webkit-box-shadow: 0px 0px 1px 2px Black; -moz-box-shadow: 0px 0px 1px 2px Black; box-shadow: 0px 0px 1px 2px Black; }   to { -webkit-box-shadow: 0px 0px 12px 9px Black; -moz-box-shadow: 0px 0px 12px 9px Black; box-shadow: 0px 0px 12px 9px Black; } } /* Username */ a[href$=":Zazme_Yakuza"] { background: red !important; background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #000), color-stop(0.15, #111), color-stop(0.3, #a80000), color-stop(0.45, #d80606), color-stop(0.6, #e50000),color-stop(0.75, #e50000), color-stop(0.9, #ff0004), color-stop(1, #e81212) ) !important; background-image: -ms-linear-gradient( left, #000 0%, #111 15%, #a80000 30%, #d80606 45%, #e50000 60%, #e50000 75%, #ff0004 90%, #e81212 100%) !important; color: transparent !important; -webkit-background-clip: text !important; background-clip: text !important; background-image: linear-gradient( to right, #000 0%, #111 15%, #a80000 30%, #d80606 45%, #e50000 60%, #e50000 75%, #ff0004 90%, #e81212 100%) !important; color: transparent !important; -webkit-background-clip: text !important; background-clip: text !important; font-family:CCBackBeat-Light, Arial, sans serif; } /* Cursor */ body { cursor: url('http://emojipedia.org/wp-content/uploads/2013/07/202-pigface.png'); pointer; }
 * 1) WikiaPage {