PostText/public/css/elements.css

81 lines
1.6 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 {
2023-12-10 19:46:34 -05:00
font-family: 'vt323';
src: url('/fonts/vt323.woff2') format('woff2');
2023-06-04 22:21:33 -04:00
}
2023-05-26 23:48:50 -04:00
body {
2023-12-31 01:02:14 -05:00
background-image: url('/images/background_stars_anm.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-12-10 19:46:34 -05:00
font-family: 'vt323', 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-12-10 20:52:08 -05:00
box-sizing: border-box;
2023-05-26 23:48:50 -04:00
}
2023-06-04 23:01:37 -04:00
2023-12-10 19:46:34 -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%;
}
2024-07-03 12:02:39 -04:00
table { width: 100%; }
table, th, td {
border-collapse: collapse;
border: 0.15em dotted black;
text-align: center;
}
2024-07-15 16:00:09 -04:00
2024-07-15 18:23:12 -04:00
summary { margin: 1em 0; }