User:JEC6789/common.css

/** Unread notification animation; mostly copied from /r/Diepio with some modifications **/ .reverb-bell-unread:before { position: fixed; bottom: 24px; z-index: 100; padding: 45px 0px 10px 0px; background-color: rgba(0, 0, 0, 0.85); border-radius: 6px; box-shadow: 0 1px 5px rgba(0,0,0,0.5); color: #fff; width: 210px; height: 15px; left: 0px; right: 0px; content: "You have new notifications"; text-indent: 24px; line-height: 1; -webkit-transform: translateY(112px); transform: translateY(112px); transition: background-color 0.25s ease, box-shadow 0.25s ease; background-image: url(/media/0/07/Invicon_End_Crystal.gif); background-position: 85px 10px; margin: 0px auto; background-size: 32px; font-weight: bold; background-repeat: no-repeat; }   /* Animation */ .reverb-bell-unread:before { animation-name: toast; animation-duration: 8s; animation-iteration-count: 1; animation-timing-function: ease; -webkit-animation-name: toast; -webkit-animation-duration: 8s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease; }           .reverb-bell-unread:hover:before { -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused; }           @-webkit-keyframes toast { 0%   {transform:translateY(76px);    -webkit-transform:translateY(76px); opacity: 0;} 20%  {transform:translateY(76px);    -webkit-transform:translateY(76px); opacity: 0;} 25%  {transform:translateY(-8px);    -webkit-transform:translateY(-8px); opacity: 0.8;} 27%  {transform:translateY(00px);    -webkit-transform:translateY(00px); opacity: 0.8;} 92%  {transform:translateY(00px);    -webkit-transform:translateY(00px); opacity: 0.8;} 97%  {transform:translateY(16px);    -webkit-transform:translateY(16px); opacity: 0.8;} 100% {transform:translateY(76px);    -webkit-transform:translateY(76px); opacity: 0;} }           @-o-keyframes toast { 0%   {transform:translateY(76px);    -webkit-transform:translateY(76px); opacity: 0;} 20%  {transform:translateY(76px);    -webkit-transform:translateY(76px); opacity: 0;} 25%  {transform:translateY(-8px);    -webkit-transform:translateY(-8px); opacity: 0.8;} 27%  {transform:translateY(00px);    -webkit-transform:translateY(00px); opacity: 0.8;} 92%  {transform:translateY(00px);    -webkit-transform:translateY(00px); opacity: 0.8;} 97%  {transform:translateY(16px);    -webkit-transform:translateY(16px); opacity: 0.8;} 100% {transform:translateY(76px);    -webkit-transform:translateY(76px); opacity: 0;} }           @-moz-keyframes toast { 0%   {transform:translateY(76px);    -webkit-transform:translateY(76px); opacity: 0;} 20%  {transform:translateY(76px);    -webkit-transform:translateY(76px); opacity: 0;} 25%  {transform:translateY(-8px);    -webkit-transform:translateY(-8px); opacity: 0.8;} 27%  {transform:translateY(00px);    -webkit-transform:translateY(00px); opacity: 0.8;} 92%  {transform:translateY(00px);    -webkit-transform:translateY(00px); opacity: 0.8;} 97%  {transform:translateY(16px);    -webkit-transform:translateY(16px); opacity: 0.8;} 100% {transform:translateY(76px);    -webkit-transform:translateY(76px); opacity: 0;} }           @keyframes toast { 0%   {transform:translateY(76px);    -webkit-transform:translateY(76px); opacity: 0;} 20%  {transform:translateY(76px);    -webkit-transform:translateY(76px); opacity: 0;} 25%  {transform:translateY(-8px);    -webkit-transform:translateY(-8px); opacity: 0.8;} 27%  {transform:translateY(00px);    -webkit-transform:translateY(00px); opacity: 0.8;} 92%  {transform:translateY(00px);    -webkit-transform:translateY(00px); opacity: 0.8;} 97%  {transform:translateY(16px);    -webkit-transform:translateY(16px); opacity: 0.8;} 100% {transform:translateY(76px);    -webkit-transform:translateY(76px); opacity: 0;} }

/** Hides stuff I'll never need **/ .gpt-ad, /* ads (hopefully) */ .gpt-ads, footer, /* the Fandom footer */ display: none !important; }
 * 1) p-Useful_pages, /* some sidebar */
 * 2) p-socialProfiles,
 * 3) p-sharing, /* sharing stuff */
 * 1) footer-push {