/*Extra Font*/ @font-face { font-family: 'ti83'; src: url('/static/fonts/ti83.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'ti84'; src: url('/static/fonts/ti84.ttf') format('truetype'); font-weight: bold; font-style: normal; } /* Keyframes for the flash effect */ @keyframes flashBackground { 0% { background-color: #c0c6ad; } 50% { background-color: rgba(0, 0, 0, 0.55); } 100% { background-color: #c0c6ad; } } body { background: #c0c6ad; /* Not the real TI-83 color, but... */ color: #000000; font-family: 'ti84', 'Courier New', monospace; font-size: 13pt; line-height: 1.1; } h1 { font-size: 20pt; text-align: center; letter-spacing: 0px; color: #000000; } div.title, h1 { font-family: 'ti83', 'Courier New'; } header div.subtitle, h1 { color: #000000; text-align: center; } div.title p { font-size: 12px; } a:link, a:visited, .intro a.email span.name { color: #000000; text-decoration: underline; font-family: 'ti84', 'Courier New'; } a:link:hover, a:visited:hover { color: #000000; text-decoration: underline overline; } a.post_no { color: #000000; text-decoration: none; } div.ban { background: #c0c6ad; padding: 6px; border-radius: 8px; max-width: 940px; } div.boardlist a { font-family: 'Courier New'; color: #000000; } #options_div { background: #c0c6ad; } a.post_no:hover { color: #000000; text-decoration: underline overline; } div.post.reply { background: #c0c6ad; border: 2px solid #000000; } div.post.reply.highlighted { background: transparent; border: transparent 2px solid; animation: flashBackground 3s infinite; border-color: #000000; } div.post.reply div.body a:link, div.post.reply div.body a:visited { color: #000000; } div.post.reply div.body a:link:hover, div.post.reply div.body a:visited:hover { color: #000000; } .intro span.subject { font-size: 16px; color: #000000; padding-left: 8px; padding-right: 8px; border: 1px solid #000000; } .intro span.name { color: #000000; } .intro span.name:before { content: "["; } .intro span.name::after { content: "]"; } span.spoiler { background-color: #000000; color: #000000; } span.spoiler:hover { color: #c0c6ad; } div.post.reply div.body span.spoiler a { background-color: #000000; color: #000000; } div.post.reply div.body span.spoiler a:hover { color: #c0c6ad; } span.quote { color: #FF7EB3; background: #000000; padding 2px; } .intro a.capcode, p.intro a.nametag { color: #000000; margin-left: 0; } .intro a.email, p.intro a.email span.name, p.intro a.email:hover, p.intro a.email:hover span.name { color: #000000; } input[type="text"], textarea, select { background: #c0c6ad; color: #000000; border: 1px solid #000000; padding-left: 5px; font-family: 'Courier New'; font-size: 12pt; } input[type="password"] { background: #c0c6ad; color: #000000; border: 1px solid #000000; } form table tr th { background: #c0c6ad; color: #000000; font-weight: 800; text-align: left; padding: 0; border: 1px solid #000000; } div.banner, div.banner a { background: #c0c6ad; color: #000000; text-align: center; width: 250px; padding: 4px; padding-left: 12px; padding-right: 12px; margin-left: auto; margin-right: auto; font-size: 15px; } input[type="submit"] { background: #c0c6ad; border: 1px solid #000000; color: #000000; } input[type="submit"]:hover { background: #c0c6ad; border: 1px solid #000000; color: #000000; } p.fileinfo a:hover { text-decoration: underline; } span.trip { color: #000000; } div.pages { color: #000000; background: #c0c6ad; border: 1px solid #000000; font-family: 'Courier New'; font-size: 10pt; } div.pages a.selected { color: #000000; } hr { height: 1px; border: 1px solid #000000; } div.boardlist { color: #000000; } div.ban { border: transparent 0px solid; border-color: #000000; } div.ban h2 { background: transparent; color: #000000; font-size: 12px; } table.modlog tr th { background: #c0c6ad; color: #000000; } /* Pixel grid effect */ body::before { content: " "; display: block; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: repeating-linear-gradient( 90deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25) 1px, transparent 1px, transparent 4px ), repeating-linear-gradient( 0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25) 1px, transparent 1px, transparent 4px ); z-index: 2; background-size: 24px 24px; /* Wider 'pixels' this way */ pointer-events: none; } /*image fuggery*/ .post-image { border: 2px solid black; filter: grayscale(80%) contrast(200%) brightness(63%) sepia(100%) saturate(.45) hue-rotate(35deg); image-rendering: pixelated; } img.banner, img.board_image { border: 2px solid black; filter: grayscale(80%) contrast(200%) brightness(63%) sepia(100%) saturate(.45) hue-rotate(35deg); image-rendering: pixelated; } img { filter: grayscale(80%) contrast(200%) brightness(63%) sepia(100%) saturate(.45) hue-rotate(35deg); image-rendering: pixelated; } video { border: 2px solid black; filter: grayscale(80%) contrast(200%) brightness(63%) sepia(100%) saturate(.45) hue-rotate(35deg); image-rendering: pixelated; } /*revert to on hover */ .post-image:hover { filter: none; } img:hover { filter: none; }