/* === RESURRECTED DEPRECATED TAG STYLESHEET necromancy.css V0.8, see latest version @ https://cdn.jsdelivr.net/gh/jtrofficial/necromancy@master/ === */

/* 1. <blink> — rapid flashing */
blink {
  animation: blink-animation 0.6s steps(1, start) infinite;
}
@keyframes blink-animation {
  0%, 100% { visibility: hidden; }
  50% { visibility: visible; }
}

/* 2. <marquee> — faux scrolling animation (commented out due to all browsers still supporting at time of writing: https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/marquee#browser_compatibility)
marquee {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
  animation: marquee-animation 10s linear infinite;
}
@keyframes marquee-animation {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}
*/
/* 3. <center> — center block elements */
center {
  display: block;
  text-align: center;
}
/* 5. <big> — increase font size */
big {
  font-size: larger;
}

/* 6. <small> — already supported but reinforcing */
small {
  font-size: smaller;
}

/* 7. <tt> — teletype style (monospaced) */
tt {
  font-family: monospace;
}

/* 8. <strike>, <s>, <del> — all strike-through */
strike, s, del {
  text-decoration: line-through;
}

/* 9. <u> — underline (reinstated in HTML5, still styling) */
u {
  text-decoration: underline;
}

/* 10. <nobr> — no line break */
nobr {
  white-space: nowrap;
}

/* 11. <acronym>, <abbr> — tooltip styling */
acronym[title], abbr[title] {
  border-bottom: 1px dotted #666;
  cursor: help;
}

/* 12. <bgsound> — audio replacement for fun */
bgsound::after {
  content: "🎵 (bgsound placeholder)";
  display: block;
  color: gray;
  font-style: italic;
}

/* 13. <isindex> — just a styled input imitation */
isindex::before {
  content: "Search: ";
}
isindex {
  display: inline-block;
  border: 1px solid #999;
  padding: 4px;
  font-family: sans-serif;
}
/* Bonus: Typographic ghosting effect for nostalgia */
.deprecated-glow {
  color: #fff;
  text-shadow: 0 0 4px #f0f, 0 0 8px #f0f, 0 0 12px #0ff;
  font-family: 'Courier New', Courier, monospace;
}


/* 14. I seriously have no idea what this is, but it's supposed to be something like UL in teletype and small*/
dir{
  font-family: monospace;
  font-size: small;
}
dir::before{
  content: "   •   ";
}

/* 15. Supposed to be similar to dir, so we'll just.. use the same code, but not small?*/
menu{
  font-family: monospace;
}
menu::before{
  content: "   •   ";
}

/* 16. Yes, text coloring pagewide without <font>*/
body[basefont-color] {
    color: attr(basefont-color);
}
body[basefont-face] {
    font-family: attr(basefont-face);
}


/* 17. Hmm? HTML DOM parsing error due to unmatched closing tag? don't care*/
plaintext {
    display: block;
    white-space: pre-wrap;
    font-family: monospace;
    background-color: #f0f0f0; /* Light gray background */
    padding: 1em;
    border: 1px solid #ccc;
}

/*18*/
listing{
  white-space: pre;
  font-family: monospace;
  padding: 1vh;
}
/*19*/
div[align="left"], h1[align="left"], /* etc. */ { text-align: left; }
div[align="center"], h1[align="center"], /* etc. */ { text-align: center; }
div[align="right"], h1[align="right"], /* etc. */ { text-align: right; }
img[align="left"] { float: left; margin-right: 1em; } /* Simulating image wrap */
/*20*/
tgu {
  display: block;
  text-align: center;
  background-color: #ebcc94;
  margin: auto;
  width: 80% !important;
  padding: 10px;
  word-wrap: break-word; /* For legacy */
  overflow-wrap: break-word;
  white-space: normal;   /* Ensure text wraps normally */
}
/*21*/
tgu > sep {
  display: block;
  background-image: url("sep.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  height: 10px;
  width: 100%;
}
/*22*/
tgu > g {
  text-shadow: 0 0 4px #a1a1a1, 0 0 8px #a1a1a1, 0 0 12px #a1a1a1;
}
/*23*/
cf {
  display: block;
  font-family: monospace;
  background: #111;
  color: #0f0;
  padding: 1em;
  border: 2px dashed #0f0;
  margin: 1em 0;
  white-space: pre-wrap;
}
/*Explaination of this stylesheet: This stylesheet is part of the "necromancy" library meant to bring back old tags--or in a broader context to say "Fuck you" or Kuso Okama to modern webstandards(Note: My Japanese is Kuso)*/
    .cheerpj-applet-container {
      margin: 10px 0;
      border: 2px dashed #4caf50;
      padding: 8px;
    }