MediaWiki:Gold.css

From Qa2triots Wiki
Jump to navigationJump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
@keyframes gold-shine {
  0% { background-position: -200% center; }
  100% { background-position: 200% center; }
}

.gold-glow-shine {
  background: linear-gradient(
    to right, 
    #bf953f 0%, 
    #fcf6ba 25%, 
    #b38728 50%, 
    #fcf6ba 75%, 
    #bf953f 100%
  );
  background-size: 200% auto;
  
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  font-weight: bold;
  
  filter: drop-shadow(0 0 5px rgba(255, 215, 0, 0.6));
  
  animation: gold-shine 3s linear infinite;
}