User:MLPlover2011/common.css

/*Font Imports for Admins*/ @import url('https://fonts.googleapis.com/css?family=Finger+Paint'); @import url('https://fonts.googleapis.com/css?family=New+York+Times'); @import url('https://fonts.googleapis.com/css?family=Courier+New'); @import url('https://fonts.googleapis.com/css?family=Special+Elite'); @import url('https://fonts.googleapis.com/css?family=Dancing+Script'); @import url('https://fonts.googleapis.com/css?family=Lobster'); @import url('https://fonts.googleapis.com/css?family=Homemade+Apple'); @import url('https://fonts.googleapis.com/css?family=Soup+of+Justice'); @import url('https://fonts.googleapis.com/css?family=Teko'); @import url('https://fonts.googleapis.com/css?family=Pangolin'); @import url('https://fonts.googleapis.com/css?family=Gugi'); @import url(https://fonts.googleapis.com/css?family=Audiowide); /* End Font Imports for Admins */

/* Start Tabber Header Display*/ .tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { display:block !important; } /* End Tabber Header Display*/

/***** Custom cursor *****/ /* Global cursor */ body{ cursor: url('https://vignette.wikia.nocookie.net/bendy-and-the-ink-machine/images/9/99/Fingerpoint.png/revision/latest?cb=20180816161602') 2 2, auto; } a:hover{ cursor: url('https://vignette.wikia.nocookie.net/bendy-and-the-ink-machine/images/0/01/Ink-fingerprint.png/revision/latest?cb=20180816161848') 11 1, pointer; } a:active{ cursor: url('https://vignette.wikia.nocookie.net/bendy-and-the-ink-machine/images/0/01/Ink-fingerprint.png') 11 1, pointer; } /***** End of Custom cursor *****/

/*Admin Font Stuff*/

a[href$=":KingAlex105X"], a[href$="/KingAlex105X"]{ color: transparent !important; font-family: 'Finger Paint', cursive; font-weight: bold !important; font-size: 121%; background: -webkit-linear-gradient(left, #34A834, #228B22, #075507 ); text-shadow: #34A834, #228B22, #075507 0 0 14px !important; opacity: 100; box-shadow: #000 0em 0em 0em; -webkit-background-clip: text } a[href$=":GJ-Lewis_X"], a[href$="/GJ-Lewis_X"]{ color: transparent !important; font-family: 'New York Times', serif; font-weight: bold !important; font-size: 121%; background: -webkit-linear-gradient(left, #FF8000, #FF5733); text-shadow:#FF8000, #FF5733 0 0 14px !important; opacity: 100; box-shadow: #000 0em 0em 0em; -webkit-background-clip: text; } a[href$=":EnderDragonCrystal"], a[href$="/EnderDragonCrystal"]{ color: transparent !important; font-family: 'Courier New', serif; font-weight: bold !important; font-size: 121%; background: -webkit-linear-gradient(left, #FF1493, #FF1490); text-shadow:#FF1493, #FF1490 0 0 14px !important; opacity: 100; box-shadow: #000 0em 0em 0em; -webkit-background-clip: text; } a[href$=":BettyTheDemon"], a[href$="/BettyTheDemon"]{ color: transparent !important; font-family: 'Soup of Justice', serif; font-weight: bold !important; font-size: 121%; background: -webkit-linear-gradient(left, #000000, #FFFFFF); text-shadow:#000000, #484848 0 0 14px !important; opacity: 100; box-shadow: #000 0em 0em 0em; -webkit-background-clip: text; } a[href$=":Rocksnotch"], a[href$="/Rocksnotch"]{ color: transparent !important; font-family: 'Lobster', cursive; font-weight: bold !important; font-size: 121%; background: #00FFFF; opacity: 100; box-shadow: #000 0em 0em 0em; -webkit-background-clip: text; }

a[href$=":Santademon"], a[href$="/Santademon"] { color: #4f9f00 !important; font-family: 'Fixedsys', regular; font-weight: bold !important; font-size: 121%; background: -webkit-linear-gradient(left, #4f9f00, #234701); opacity: 100; box-shadow:#000 0em 0em 0em; -webkit-background-clip: text; }

a[href$=":Matheusroyale09"], a[href$="/Matheusroyale09"]{ color: transparent !important; font-family: 'Teko', sans-serif; font-weight: bold !important; font-size: 121%; background: -webkit-linear-gradient(left, #FF3633, #5DB7E3); text-shadow: #FF3633, #5DB7E3 0 0 14px !important; opacity: 100; box-shadow: #000 0em 0em 0em; -webkit-background-clip: text; }

a[href$=":Hiverman"], a[href$="/Hiverman"]{ color: #32E0E5 !important; font-family: 'Pangolin', cursive; font-weight: bold !important; font-size: 121%; opacity: 100; box-shadow: #000 0em 0em 0em; -webkit-background-clip: text; }

/* AllY's shit */ a[href$=":XXCastAwayXx"], a[href$="/XXCastAwayXx"]{ color:purple; font-weight:bold; font-family:'Homemade Apple'; background: -webkit-linear-gradient(330deg, #357175,#44bdb2,#61e9f9,#73a2ff,#caa4ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }	/* AllY's [Name Above Messages]*/ body.ChatWindow #WikiaPage > .Chat li[data-user="XXCastAwayXx"] .username { color:purple; font-weight:bold; font-family:'Homemade Apple'; background: -webkit-linear-gradient(330deg, #357175,#44bdb2,#61e9f9,#73a2ff,#caa4ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }	/* AllY's [Sidebar Name] */ body.ChatWindow #Rail li[data-user="XXCastAwayXx"] .username { color:purple; font-weight:bold; font-family:'Homemade Apple'; background: -webkit-linear-gradient(330deg, #357175,#44bdb2,#61e9f9,#73a2ff,#caa4ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* AllY's [Text Color] */ body.ChatWindow #WikiaPage > .Chat li[data-user="XXCastAwayXx"] .message { color: #B0B7EA !important; font-family:'Trebuchet MS'; font-style:italic; } /*End Admin Font Stuff*/

/* User profile colors */ .UserProfileMasthead .contributions-details a { color: white !important; }

.UserProfileMasthead .discussion-details a, .UserProfileMasthead .links .website a, .UserProfileMasthead .wikis span { color: white; }

.UserProfileMasthead .wikis ul li a { color: #ECE8E8; }

a#userIdentityBoxEdit, a#userIdentityBoxClear { color: white; }

.tabs-container .tabs .selected a { color: #FFCE66 !important; } /* end user profile colors */

/* Wordmark code || Credits to Para */ .wordmark.graphic:hover { -webkit-animation: wordmarkblur 01s; -moz-animation: wordmarkblur 1s; } @-webkit-keyframes wordmarkblur { 50% {-webkit-filter: blur(2px) brightness(2);} }

.i18ndoc { background-color: #FFF77D; border-bottom: 1px solid lightgrey; font-family: monospace; font-size: 8pt; height: 140px; overflow: auto; padding: 3px; }

/* KEYFRAMES- Rainbow Text || Credits to Whismical  */ .rainbow { animation:rainbow 2s infinite; -webkit-animation:rainbow 2s infinite; -moz-animation:rainbow 2s infinite; } @keyframes rainbow { 0% {color: #fa5858;} 30% {color: #faac58;} 60% {color: #f4fa58;} 75% {color: #58fa58;} 90% {color: #58faf4;} 100% {color: #5858fa;} } @-webkit-keyframes rainbow { 0% {color: #fa5858;} 30% {color: #faac58;} 60% {color: #f4fa58;} 75% {color: #58fa58;} 90% {color: #58faf4;} 100% {color: #5858fa;} } @-moz-keyframes rainbow { 0% {color: #fa5858;} 30% {color: #faac58;} 60% {color: #f4fa58;} 75% {color: #58fa58;} 90% {color: #994400;} 100% {color: #5858fa;} }

/* User Tags || Credits to Whismical */ .tag.usergroup-founder, .tag.usergroup-bureaucrat, .tag.usergroup-sysop, .tag.usergroup-chatmoderator, .tag.usergroup-temp, .tag.usergroup-bot, .tag.usergroup-inactive, .tag.usergroup-blocked, .tag.usergroup-bannedfromchat { background-color: #1c1c1c !important; color: #1c1c1c !important; font-family:'Arial'; border: 2px #808080 outset; border-radius:1pc 1pc 1pc 1pc !important; box-shadow:0 2px 5px #000000; background:radial-gradient(at top left,transparent 45%,#CEC0B1,transparent 55%),radial-gradient(at bottom,transparent 45%,#CEC0B1,transparent 55%),linear-gradient(#ffffff,#919191) !important; }

/************************ Fonts

/* Determination Mono */ @font-face { font-family: 'Determination Mono'; src: url('https://vignette.wikia.nocookie.net/heliosanctus/images/c/c0/Determination.eot'); src: url('https://vignette.wikia.nocookie.net/heliosanctus/images/c/c0/Determination.eot#iefix') format('embedded-opentype'), url('https://vignette.wikia.nocookie.net/heliosanctus/images/a/aa/Determination.woff2') format('woff2'), url('https://vignette.wikia.nocookie.net/heliosanctus/images/3/37/Determination.woff') format('woff'), url('https://vignette.wikia.nocookie.net/heliosanctus/images/c/cd/Determination.ttf') format('truetype'), url('https://vignette.wikia.nocookie.net/heliosanctus/images/7/7f/Determination.svg#Undertale') format('svg');} .ut_dialbox { box-sizing: border-box; width: 100%; max-width: 575px; height: auto; border: 4px solid white; padding: 12px 16px 4px 16px; background-color: #000; margin:auto; } .ut_dialtextbig { overflow: hidden; margin-top: -5px; color: white; font-size: 16pt; line-height: 1.4em; letter-spacing: 0.062em; padding-left: 32px; text-indent: -1.32em; position: relative; word-break: normal; font-family: 'Determination Mono', Monaco, monospace; } .ut_dialtextsmall { overflow: hidden; margin-top: -5px; color: white; font-size: 10pt; line-height: 1.4em; letter-spacing: 0.062em; padding-left: 21px; text-indent: -1.32em; position: relative; word-break: normal; font-family: 'Determination Mono', Monaco, monospace; }

/* -Shake- */ .shake { animation:shake 0.5s infinite; -webkit-animation:shake 0.5s infinite; -moz-animation:shake 0.5s infinite; } @keyframes shake { 0% {transform: rotate(2deg) translateX(0) translateY(-1em);} 25% {transform: rotate(-2deg) translateX(1em) translateY(2em);} 50% {transform: rotate(2deg) translateX(2em) translateY(-2em);} 75% {transform: rotate(-2deg) translateX(1em) translateY(1em);} 100% {transform: rotate(2deg) translateX(0) translateY(-1em);} } @-webkit-keyframes shake { 0% {-webkit-transform: rotate(2deg) translateX(0) translateY(-1em);} 25% {-webkit-transform: rotate(-2deg) translateX(1em) translateY(2em);} 50% {-webkit-transform: rotate(2deg) translateX(2em) translateY(-2em);} 75% {-webkit-transform: rotate(-2deg) translateX(1em) translateY(1em);} 100% {-webkit-transform: rotate(2deg) translateX(0) translateY(-1em);} } @-moz-keyframes shake { 0% {-moz-transform: rotate(2deg) translateX(0) translateY(-1em);} 25% {-moz-transform: rotate(-2deg) translateX(1em) translateY(2em);} 50% {-moz-transform: rotate(2deg) translateX(2em) translateY(-2em);} 75% {-moz-transform: rotate(-2deg) translateX(1em) translateY(1em);} 100% {-moz-transform: rotate(2deg) translateX(0) translateY(-1em);} } /* -Spin- */ .spin { text-align:center; animation:spin 1.5s infinite; -webkit-animation:spin 1.5s infinite; -moz-animation:spin 1.5s infinite; } @keyframes spin { from{transform: rotate(0deg);} to {transform: rotate(360deg);} } @-webkit-keyframes spin { from{-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);} } @-moz-keyframes spin { from{-moz-transform: rotate(0deg);} to {-moz-transform: rotate(360deg);} } /* -Pong- */ .pong { text-align:center; animation:pong 2s infinite; -webkit-animation:pong 2s infinite; -moz-animation:pong 2s infinite; } @keyframes pong { 0% {transform: translateX(-50%);} 50% {transform: translateX(50%);} 100% {transform: translateX(-50%);} } @-webkit-keyframes pong { 0% {-webkit-transform: translateX(-50%);} 50% {-webkit-transform: translateX(50%);} 100% {-webkit-transform: translateX(-50%);} } @-moz-keyframes pong { 0% {-moz-transform: translateX(-50%);} 50% {-moz-transform: translateX(50%);} 100% {-moz-transform: translateX(-50%);} } /* -Pulse- */ .pulse { animation:pulse 4s infinite; -webkit-animation:pulse 4s infinite; -moz-animation:pulse 4s infinite; } @keyframes pulse { 0% {opacity:0.5;} 50% {opacity:1; text-shadow:0 0 0.5em;} 100% {opacity:0.5;} } @-webkit-keyframes pulse { 0% {opacity:0.5;} 50% {opacity:1; text-shadow:0 0 0.5em;} 100% {opacity:0.5;} } @-moz-keyframes pulse { 0% {opacity:0.5;} 50% {opacity:1; text-shadow:0 0 0.5em;} 100% {opacity:0.5;} }