/* === RESURRECTED DEPRECATED TAG STYLESHEET necromancy.css V0.4, see latest version @ https://hot.tgua.dev/Assets/styles/necromancy.css === */

/* 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;
}

/* 4. <font> — mimic font color and face */
font[color] {
  color: attr(color);
}
font[face] {
  font-family: attr(face);
}
font[size="1"] { font-size: x-small; }
font[size="2"] { font-size: small; }
font[size="3"] { font-size: medium; }
font[size="4"] { font-size: large; }
font[size="5"] { font-size: x-large; }
font[size="6"] { font-size: xx-large; }
font[size="7"] { font-size: 3rem; }

/* 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;
}

/* 14. <applet> — legacy Java notice */
applet::before {
  content: "⚠️ [Java Applet Placeholder]";
  color: red;
  font-weight: bold;
  display: block;
}
applet {
  display: block;
  border: 1px dashed red;
  padding: 1em;
}

/* 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;
}

/* Without?
a[antistandard-txtdecor="none"] {
  text-decoration: none;
}
a {
  color: inherit; Yes to not adhering to standards
}
*/

/*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: "   •   ";
}

/*Supposed to be similar to dir, so we'll just.. use the same code, but not small?*/
menu{
  font-family: monospace;
}
menu::before{
  content: "   •   ";
}

/*Yes, text coloring pagewide without <font>*/
body[basefont-color] {
    color: attr(basefont-color);
}
body[basefont-face] {
    font-family: attr(basefont-face);
}


/*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;
}

listing{
  white-space: pre;
  font-family: monospace;
  padding: 1vh;
}

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 */

tgu {
  display: block;
  text-align: center;
  background-color: #ebcc94;
  margin: auto;
  width: 100%;
  padding: 10px;
}

tgu > sep {
  display: block;
  background-image: url("https://tgua.dev/sep.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  height: 10px;
  width: 100%;
}

tgu > g {
  text-shadow: 0 0 4px #a1a1a1, 0 0 8px #a1a1a1, 0 0 12px #a1a1a1;
}
cf {
  display: block;
  font-family: monospace;
  background: #111;
  color: #0f0;
  padding: 1em;
  border: 2px dashed #0f0;
  margin: 1em 0;
  white-space: pre-wrap;
}
