123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596 |
- /* Such a big THANK YOU to devils of devils.gay for showing me how this should be done! */
- /* LIGHT MODE */
- :root {
- --color: #002626;
- --link-color: #4A234A;
- --bg-image: url(mural1.png);
- --bg-color: hsl(204, 44%, 65%);
- }
- /* unvisited link */
- a:link {
- color: #4A234A;
- }
- /* visited link */
- a:visited {
- color: #213F21;
- }
- /* mouse over link */
- a:hover {
- color: #213F88;
- }
- /* selected link */
- a:active {
- color: #5D2E87;
- }
- /* DARK MODE */
- @media (prefers-color-scheme: dark) {
- :root {
- --color: #00A5A5;
- --link-color: #B758B7;
- --bg-image: url(tek_grate.png);
- --bg-color: hsl(30, 36%, 4%);
- }
- /* unvisited link */
- a:link {
- color: #B758B7;
- }
- /* visited link */
- a:visited {
- color: #74DB74;
- }
- /* mouse over link */
- a:hover {
- color: #889DCE;
- }
- /* selected link */
- a:active {
- color: #9469BC;
- }
- }
- body {
- max-width: 800px ;
- margin: auto ;
- color: var(--color);
- background-image: var(--bg-image);
- background-color: var(--bg-color);
- }
- /* unvisited link */
- a:link {
- color: var(--link-color);
- }
- /* The following was written by devils.gay - thank you */
- uppercase,yell {
- text-transform: uppercase;
- }
- /* What font to use */
- @font-face {
- font-family: 'TGRoman';
- src: url('fonts/TGRoman-Regular.ttf');
- }
- @font-face {
- font-family: 'Natural';
- src: url('fonts/Natural-Mono-Alt-Regular.ttf');
- }
- h1, h2, h3, a, li, th, br, p, em, strong, blockquote, TGRoman, tgroman {
- font-family: 'TGRoman';
- }
- pre, tt, xmp, Natural, natural {
- font-family: 'Natural';
- }
|