PostText/assets/css/elements.css

78 lines
1.8 KiB
CSS
Raw Normal View History

2023-05-26 23:48:50 -04:00
:root {
--light-warm-gray: #C2B3A9;
--dark-warm-gray: #A59990;
--teal: #5B90A4;
--light-blue: #8C97A8;
--dark-blue: #696F80;
--true-gray: #999999;
--highlight-green: green;
--highlight-red: red;
--transparent: #FFFFFFBB;
2023-05-26 23:48:50 -04:00
box-sizing: border-box;
2023-06-01 00:08:30 -04:00
font-size: calc(10px + 1vmin);
2023-06-04 23:01:37 -04:00
cursor: url('/cursors/arrow.cur'), auto;
2023-05-26 23:48:50 -04:00
}
*, ::before, ::after { box-sizing: inherit; }
2023-06-04 22:21:33 -04:00
@font-face {
font-family: 'w95fa';
src: url('/fonts/w95fa.woff2') format('woff2');
}
@font-face {
font-family: 'fsex300';
src: url('/fonts/fsex300.woff2') format('woff2');
}
2023-05-26 23:48:50 -04:00
body {
2023-09-14 22:20:18 -04:00
/* background-image: url('/images/background_stars_anm.gif'); */
/* Was feelin this for September idk */
2023-09-23 13:19:42 -04:00
/* background-image: url('/images/topwwbackground.gif'); */
/* Spooky time! */
2023-11-02 12:34:49 -04:00
/* background-image: url('/images/halloween_background_1.gif'); */
/* Winter/snow */
/* background-image: url('/images/jwsfp1.gif'); */
/* Christmas */
background-image: url('/images/christmas.gif');
2023-05-26 23:48:50 -04:00
width: 95vmin;
margin: 0 auto;
2023-06-04 22:21:33 -04:00
font-family: 'w95fa', sans-serif;
2023-11-02 14:36:09 -04:00
/* Always show scroll bar otherwise content shifts about */
2023-11-09 13:15:07 -05:00
overflow-y: scroll;
2023-05-26 23:48:50 -04:00
}
code {
background-color: black;
color: lime;
2023-06-04 22:21:33 -04:00
font-family: "fsex300", monospace;
2023-05-26 23:48:50 -04:00
}
pre > code {
white-space: pre-wrap;
padding: 0.5em 1em;
display: inline-block;
width: 100%;
overflow-wrap: anywhere;
2023-05-26 23:48:50 -04:00
}
2023-06-04 23:01:37 -04:00
2023-12-09 21:43:58 -05:00
a:hover, button, input[type="checkbox"], summary {
2023-08-23 17:34:13 -04:00
cursor: url('/cursors/finger.cur'), auto;
}
2023-06-14 11:38:04 -04:00
2023-06-14 12:58:40 -04:00
blockquote {
border-left: solid black;
padding-left: 0.25em;
2023-08-12 01:47:40 -04:00
margin: 1em 0.25em;
2023-06-14 12:58:40 -04:00
}
2023-07-17 01:49:33 -04:00
p, h1, h2, h3, h4, h5, h6, label, code, ul, ol { cursor: text; }
2023-08-12 01:47:40 -04:00
2023-08-13 10:22:04 -04:00
ol, ul { padding-left: 1.25em; }
2023-09-14 22:20:18 -04:00
img {
cursor: url('/cursors/arrow.cur'), auto;
max-width: 100%;
}