Nocyclopedia/Mandela effect/styles.css

.mandela-goto { font-family: monospace; font-weight: bold; font-size: 2rem; text-shadow: 0 0.1rem 0.1rem rgba(0,0,0,0.1); animation: goto-reveal 0s 0s 1; animation-fill-mode: forwards; } @keyframes goto-reveal { 0% { position: absolute; visibility: hidden; } 99% { position: absolute; visibility: hidden; } 100% { position: relative; visibility: visible; } } .mandela-goto a { color: #ff0000 !important; background-File: none !important; text-decoration: none } .mandela-goto .external { background-image: none; padding: 0; } .mandela-goto a:hover { color: #222 !important; } .mandela-goto:after { content:''; white-space: pre; top: 0; animation: goto 10s 0s 1; animation-fill-mode: forwards; } @keyframes goto { 0%  { content:'[..........] 0%  '; } 9%  { content:'[=.........] 10% '; } 18% { content:'[==........] 20% '; } 27% { content:'[===.......] 30% '; } 36% { content:'[====......] 40% '; } 45% { content:'[=====.....] 50% '; } 54% { content:'[======....] 60% '; } 63% { content:'[=======...] 70% '; } 72% { content:'[========..] 80% '; } 81% { content:'[=========.] 90% '; } 99% { content:'[==========] 100%'; } 100% { content:''; } } .mandela-goto a:after { content: ''; animation: goto-ready 0s 10s 1; animation-fill-mode: forwards; } @keyframes goto-ready { 0% { content: ''; } 100% { content: '[link ready]'; } } .text-change { border-radius: 0.33em; padding: 0.25em 0; background: #d8ecff; }