Mercurial > web

annotate css/style.css @ 118:503e22dd6cf5

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
blog: add (unfinished) series on OMS I'll update this as I do more research into the inner workings of OMS. It's much more interesting (and more convoluted) than ASIO is unfortunately, but it means the blog posts will probably be more interesting
author Paper <paper@tflc.us>
date Sun, 19 Oct 2025 23:15:02 -0400
parents 250f40874439
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
75
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
1 /* remove stupid default margin */
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
2 html, body {
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
3 margin: 0px;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
4 padding: 0px;
72
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
5 }
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
6
75
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
7 /* body-wide font choice */
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
8 body {
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
9 color: white;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
10 font-family: sans-serif;
69
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
11 }
72
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
12
78
5fdf5f346b92 *: use jekyll for templates, blogging, etc.
Paper <paper@paper.us.eu.org>
parents: 75
diff changeset
13 /* makes links look good site-wide; not a fan of
5fdf5f346b92 *: use jekyll for templates, blogging, etc.
Paper <paper@paper.us.eu.org>
parents: 75
diff changeset
14 * making them purple after being visited, so disable
5fdf5f346b92 *: use jekyll for templates, blogging, etc.
Paper <paper@paper.us.eu.org>
parents: 75
diff changeset
15 * it here */
75
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
16 a.prettylink:link, a.prettylink:visited {
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
17 color: #3395ff;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
18 text-decoration: none;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
19 }
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
20
78
5fdf5f346b92 *: use jekyll for templates, blogging, etc.
Paper <paper@paper.us.eu.org>
parents: 75
diff changeset
21 a.prettylink:hover {
75
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
22 text-decoration: underline;
72
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
23 }
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
24
78
5fdf5f346b92 *: use jekyll for templates, blogging, etc.
Paper <paper@paper.us.eu.org>
parents: 75
diff changeset
25 a.prettylink:active {
5fdf5f346b92 *: use jekyll for templates, blogging, etc.
Paper <paper@paper.us.eu.org>
parents: 75
diff changeset
26 color: hotpink;
5fdf5f346b92 *: use jekyll for templates, blogging, etc.
Paper <paper@paper.us.eu.org>
parents: 75
diff changeset
27 }
5fdf5f346b92 *: use jekyll for templates, blogging, etc.
Paper <paper@paper.us.eu.org>
parents: 75
diff changeset
28
75
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
29 .navbar {
81
eb3bbc61bc17 Use flexbox for lots more things
Paper <paper@paper.us.eu.org>
parents: 79
diff changeset
30 display: flex;
72
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
31
75
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
32 background-color: rgba(0, 0, 0, 0.6);
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
33 color: white;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
34
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
35 padding: 5px;
92
a143c3991472 navigation: fix navbar implementation
Paper <paper@paper.us.eu.org>
parents: 87
diff changeset
36
a143c3991472 navigation: fix navbar implementation
Paper <paper@paper.us.eu.org>
parents: 87
diff changeset
37 justify-content: space-between;
75
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
38 }
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
39
92
a143c3991472 navigation: fix navbar implementation
Paper <paper@paper.us.eu.org>
parents: 87
diff changeset
40 .navbar-group {
a143c3991472 navigation: fix navbar implementation
Paper <paper@paper.us.eu.org>
parents: 87
diff changeset
41 display: flex;
108
511a17f9f8a5 css: wrap navbar around on small screens
Paper <paper@tflc.us>
parents: 104
diff changeset
42 flex-wrap: wrap;
92
a143c3991472 navigation: fix navbar implementation
Paper <paper@paper.us.eu.org>
parents: 87
diff changeset
43 }
a143c3991472 navigation: fix navbar implementation
Paper <paper@paper.us.eu.org>
parents: 87
diff changeset
44
a143c3991472 navigation: fix navbar implementation
Paper <paper@paper.us.eu.org>
parents: 87
diff changeset
45 .project-quip {
81
eb3bbc61bc17 Use flexbox for lots more things
Paper <paper@paper.us.eu.org>
parents: 79
diff changeset
46 margin-left: auto;
eb3bbc61bc17 Use flexbox for lots more things
Paper <paper@paper.us.eu.org>
parents: 79
diff changeset
47 }
eb3bbc61bc17 Use flexbox for lots more things
Paper <paper@paper.us.eu.org>
parents: 79
diff changeset
48
75
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
49 .navbar-item {
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
50 color: gray;
69
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
51 }
72
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
52
75
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
53 .navbar-item-active {
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
54 color: white;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
55 }
72
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
56
75
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
57 .navbar-item,
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
58 .navbar-item-active {
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
59 text-decoration: none;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
60 margin-left: 5px;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
61 margin-right: 5px;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
62 }
72
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
63
75
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
64 .navbar-item:hover,
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
65 .navbar-item-active:hover {
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
66 text-decoration: underline;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
67 color: white;
69
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
68 }
72
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
69
74
c8ea71d9d102 *: rebuild bootstrap so it works on safari, add some links to html
Paper <mrpapersonic@gmail.com>
parents: 72
diff changeset
70 /* generic drop shadows that I heavily use in... everything,
92
a143c3991472 navigation: fix navbar implementation
Paper <paper@paper.us.eu.org>
parents: 87
diff changeset
71 * so having them as their own classes is pretty nice :) */
72
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
72 .drop-shadow-text {
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
73 text-shadow: 0.125em 0.125em 0.125em rgba(0, 0, 0, 0.5);
69
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
74 }
72
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
75
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
76 .drop-shadow-box {
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
77 box-shadow: 0.125em 0.125em 0.625em rgba(0, 0, 0, 0.5);
69
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
78 }
75
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
79
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
80 /* fuck off */
99
e83a48ef3bf4 cheese: make the style much more mobile-friendly
Paper <paper@tflc.us>
parents: 98
diff changeset
81 h1, h2, h3, h4, h5, h6 {
75
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
82 margin: 0;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
83 }
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
84
84
5914d06f72b4 css: tweak styles to make things work on older browsers
Paper <paper@paper.us.eu.org>
parents: 83
diff changeset
85 /* this uglifies the HTML, but it was already fairly ugly to begin with */
5914d06f72b4 css: tweak styles to make things work on older browsers
Paper <paper@paper.us.eu.org>
parents: 83
diff changeset
86 .catchall {
5914d06f72b4 css: tweak styles to make things work on older browsers
Paper <paper@paper.us.eu.org>
parents: 83
diff changeset
87 margin: 0 auto;
5914d06f72b4 css: tweak styles to make things work on older browsers
Paper <paper@paper.us.eu.org>
parents: 83
diff changeset
88 padding: 1em 1em;
5914d06f72b4 css: tweak styles to make things work on older browsers
Paper <paper@paper.us.eu.org>
parents: 83
diff changeset
89 }
5914d06f72b4 css: tweak styles to make things work on older browsers
Paper <paper@paper.us.eu.org>
parents: 83
diff changeset
90
75
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
91 /* creates a box to store text or whatever in */
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
92 .content {
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
93 background-color: rgba(0, 0, 0, 0.6);
84
5914d06f72b4 css: tweak styles to make things work on older browsers
Paper <paper@paper.us.eu.org>
parents: 83
diff changeset
94
5914d06f72b4 css: tweak styles to make things work on older browsers
Paper <paper@paper.us.eu.org>
parents: 83
diff changeset
95 max-width: 750px;
75
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
96
84
5914d06f72b4 css: tweak styles to make things work on older browsers
Paper <paper@paper.us.eu.org>
parents: 83
diff changeset
97 margin: 0 auto;
5914d06f72b4 css: tweak styles to make things work on older browsers
Paper <paper@paper.us.eu.org>
parents: 83
diff changeset
98 padding: 1em 1em;
75
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
99 }
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
100
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
101 /* headers */
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
102 .header {
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
103 display: flex;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
104 flex-wrap: wrap; /* wrap text, useful on mobile */
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
105
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
106 align-items: center;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
107
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
108 text-align: center;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
109 justify-content: center;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
110 }
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
111
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
112 /* projects/index.html */
81
eb3bbc61bc17 Use flexbox for lots more things
Paper <paper@paper.us.eu.org>
parents: 79
diff changeset
113 .project-title-container {
eb3bbc61bc17 Use flexbox for lots more things
Paper <paper@paper.us.eu.org>
parents: 79
diff changeset
114 display: flex;
83
06fd6ffefb58 css: align quips to the right, justify to the middle
Paper <paper@paper.us.eu.org>
parents: 82
diff changeset
115 align-items: center;
06fd6ffefb58 css: align quips to the right, justify to the middle
Paper <paper@paper.us.eu.org>
parents: 82
diff changeset
116 justify-content: center;
81
eb3bbc61bc17 Use flexbox for lots more things
Paper <paper@paper.us.eu.org>
parents: 79
diff changeset
117 }
eb3bbc61bc17 Use flexbox for lots more things
Paper <paper@paper.us.eu.org>
parents: 79
diff changeset
118
75
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
119 .project-title {
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
120 font-weight: bold;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
121 }
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
122
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
123 .project-separator {
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
124 margin: 1px 0px;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
125 }
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
126
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
127 .index-socials-list, /* woah! */
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
128 .project-downloads {
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
129 margin: 0px;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
130 list-style: square;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
131 }
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
132
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
133 /* index.html */
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
134 .title {
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
135 display: inline-block;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
136 vertical-align: middle;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
137
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
138 /* dumb little hack to get this to render properly on mobile */
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
139 padding: 0 0.75em;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
140 }
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
141
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
142 .avatar {
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
143 display: inline-block;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
144
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
145 border: 4px solid black;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
146 width: 200px;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
147 height: auto;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
148 }
78
5fdf5f346b92 *: use jekyll for templates, blogging, etc.
Paper <paper@paper.us.eu.org>
parents: 75
diff changeset
149
81
eb3bbc61bc17 Use flexbox for lots more things
Paper <paper@paper.us.eu.org>
parents: 79
diff changeset
150 .project-quip,
78
5fdf5f346b92 *: use jekyll for templates, blogging, etc.
Paper <paper@paper.us.eu.org>
parents: 75
diff changeset
151 .blog-footer,
5fdf5f346b92 *: use jekyll for templates, blogging, etc.
Paper <paper@paper.us.eu.org>
parents: 75
diff changeset
152 .blog-date-right {
5fdf5f346b92 *: use jekyll for templates, blogging, etc.
Paper <paper@paper.us.eu.org>
parents: 75
diff changeset
153 font-size: smaller;
5fdf5f346b92 *: use jekyll for templates, blogging, etc.
Paper <paper@paper.us.eu.org>
parents: 75
diff changeset
154 }
5fdf5f346b92 *: use jekyll for templates, blogging, etc.
Paper <paper@paper.us.eu.org>
parents: 75
diff changeset
155
83
06fd6ffefb58 css: align quips to the right, justify to the middle
Paper <paper@paper.us.eu.org>
parents: 82
diff changeset
156 .project-quip {
06fd6ffefb58 css: align quips to the right, justify to the middle
Paper <paper@paper.us.eu.org>
parents: 82
diff changeset
157 text-align: right;
06fd6ffefb58 css: align quips to the right, justify to the middle
Paper <paper@paper.us.eu.org>
parents: 82
diff changeset
158 }
06fd6ffefb58 css: align quips to the right, justify to the middle
Paper <paper@paper.us.eu.org>
parents: 82
diff changeset
159
78
5fdf5f346b92 *: use jekyll for templates, blogging, etc.
Paper <paper@paper.us.eu.org>
parents: 75
diff changeset
160 .align-right,
5fdf5f346b92 *: use jekyll for templates, blogging, etc.
Paper <paper@paper.us.eu.org>
parents: 75
diff changeset
161 .blog-date-right {
5fdf5f346b92 *: use jekyll for templates, blogging, etc.
Paper <paper@paper.us.eu.org>
parents: 75
diff changeset
162 float: inline-end;
5fdf5f346b92 *: use jekyll for templates, blogging, etc.
Paper <paper@paper.us.eu.org>
parents: 75
diff changeset
163 }
85
52d59a351bf5 add post about unicode in schism
Paper <paper@paper.us.eu.org>
parents: 84
diff changeset
164
52d59a351bf5 add post about unicode in schism
Paper <paper@paper.us.eu.org>
parents: 84
diff changeset
165 .center-image {
52d59a351bf5 add post about unicode in schism
Paper <paper@paper.us.eu.org>
parents: 84
diff changeset
166 display: block;
87
60f77a3de847 css: improve appearance on mobile
Paper <paper@paper.us.eu.org>
parents: 86
diff changeset
167 margin-left: auto;
60f77a3de847 css: improve appearance on mobile
Paper <paper@paper.us.eu.org>
parents: 86
diff changeset
168 margin-right: auto;
60f77a3de847 css: improve appearance on mobile
Paper <paper@paper.us.eu.org>
parents: 86
diff changeset
169 width: 100%;
60f77a3de847 css: improve appearance on mobile
Paper <paper@paper.us.eu.org>
parents: 86
diff changeset
170 height: auto;
85
52d59a351bf5 add post about unicode in schism
Paper <paper@paper.us.eu.org>
parents: 84
diff changeset
171 }
86
1fed81c848a5 html: add plugs
Paper <paper@paper.us.eu.org>
parents: 85
diff changeset
172
98
caa6f0e136c8 *: add cheese section that's really just a photo gallery
Paper <paper@tflc.us>
parents: 92
diff changeset
173 .cheese-list {
caa6f0e136c8 *: add cheese section that's really just a photo gallery
Paper <paper@tflc.us>
parents: 92
diff changeset
174 display: flex;
caa6f0e136c8 *: add cheese section that's really just a photo gallery
Paper <paper@tflc.us>
parents: 92
diff changeset
175
99
e83a48ef3bf4 cheese: make the style much more mobile-friendly
Paper <paper@tflc.us>
parents: 98
diff changeset
176 column-gap: 0.5em;
e83a48ef3bf4 cheese: make the style much more mobile-friendly
Paper <paper@tflc.us>
parents: 98
diff changeset
177 row-gap: 0.5em;
98
caa6f0e136c8 *: add cheese section that's really just a photo gallery
Paper <paper@tflc.us>
parents: 92
diff changeset
178 flex-wrap: wrap;
caa6f0e136c8 *: add cheese section that's really just a photo gallery
Paper <paper@tflc.us>
parents: 92
diff changeset
179
99
e83a48ef3bf4 cheese: make the style much more mobile-friendly
Paper <paper@tflc.us>
parents: 98
diff changeset
180 justify-content: center;
e83a48ef3bf4 cheese: make the style much more mobile-friendly
Paper <paper@tflc.us>
parents: 98
diff changeset
181 align-items: center;
e83a48ef3bf4 cheese: make the style much more mobile-friendly
Paper <paper@tflc.us>
parents: 98
diff changeset
182
e83a48ef3bf4 cheese: make the style much more mobile-friendly
Paper <paper@tflc.us>
parents: 98
diff changeset
183 width: 100%;
98
caa6f0e136c8 *: add cheese section that's really just a photo gallery
Paper <paper@tflc.us>
parents: 92
diff changeset
184 }
caa6f0e136c8 *: add cheese section that's really just a photo gallery
Paper <paper@tflc.us>
parents: 92
diff changeset
185
caa6f0e136c8 *: add cheese section that's really just a photo gallery
Paper <paper@tflc.us>
parents: 92
diff changeset
186 .cheese-image {
99
e83a48ef3bf4 cheese: make the style much more mobile-friendly
Paper <paper@tflc.us>
parents: 98
diff changeset
187 /* should be a safe value */
e83a48ef3bf4 cheese: make the style much more mobile-friendly
Paper <paper@tflc.us>
parents: 98
diff changeset
188 min-height: 100px;
e83a48ef3bf4 cheese: make the style much more mobile-friendly
Paper <paper@tflc.us>
parents: 98
diff changeset
189 height: 33vh;
98
caa6f0e136c8 *: add cheese section that's really just a photo gallery
Paper <paper@tflc.us>
parents: 92
diff changeset
190 display: block;
99
e83a48ef3bf4 cheese: make the style much more mobile-friendly
Paper <paper@tflc.us>
parents: 98
diff changeset
191 object-fit: contain;
98
caa6f0e136c8 *: add cheese section that's really just a photo gallery
Paper <paper@tflc.us>
parents: 92
diff changeset
192 }
caa6f0e136c8 *: add cheese section that's really just a photo gallery
Paper <paper@tflc.us>
parents: 92
diff changeset
193
104
c6457452675f why are you gay?
Paper <paper@tflc.us>
parents: 99
diff changeset
194 .blips-list,
86
1fed81c848a5 html: add plugs
Paper <paper@paper.us.eu.org>
parents: 85
diff changeset
195 .plugs-list {
1fed81c848a5 html: add plugs
Paper <paper@paper.us.eu.org>
parents: 85
diff changeset
196 display: flex;
1fed81c848a5 html: add plugs
Paper <paper@paper.us.eu.org>
parents: 85
diff changeset
197 width: 100%;
1fed81c848a5 html: add plugs
Paper <paper@paper.us.eu.org>
parents: 85
diff changeset
198
1fed81c848a5 html: add plugs
Paper <paper@paper.us.eu.org>
parents: 85
diff changeset
199 flex-wrap: wrap;
1fed81c848a5 html: add plugs
Paper <paper@paper.us.eu.org>
parents: 85
diff changeset
200 justify-content: center;
87
60f77a3de847 css: improve appearance on mobile
Paper <paper@paper.us.eu.org>
parents: 86
diff changeset
201
60f77a3de847 css: improve appearance on mobile
Paper <paper@paper.us.eu.org>
parents: 86
diff changeset
202 row-gap: 0.5em;
86
1fed81c848a5 html: add plugs
Paper <paper@paper.us.eu.org>
parents: 85
diff changeset
203 }
1fed81c848a5 html: add plugs
Paper <paper@paper.us.eu.org>
parents: 85
diff changeset
204
111
250f40874439 *: update lots of things
Paper <paper@tflc.us>
parents: 108
diff changeset
205 /*
250f40874439 *: update lots of things
Paper <paper@tflc.us>
parents: 108
diff changeset
206 don't need this
250f40874439 *: update lots of things
Paper <paper@tflc.us>
parents: 108
diff changeset
207
250f40874439 *: update lots of things
Paper <paper@tflc.us>
parents: 108
diff changeset
208 .plugs-list {
250f40874439 *: update lots of things
Paper <paper@tflc.us>
parents: 108
diff changeset
209 column-gap: 2px;
250f40874439 *: update lots of things
Paper <paper@tflc.us>
parents: 108
diff changeset
210 }
250f40874439 *: update lots of things
Paper <paper@tflc.us>
parents: 108
diff changeset
211 */
250f40874439 *: update lots of things
Paper <paper@tflc.us>
parents: 108
diff changeset
212
250f40874439 *: update lots of things
Paper <paper@tflc.us>
parents: 108
diff changeset
213 .blips-list {
250f40874439 *: update lots of things
Paper <paper@tflc.us>
parents: 108
diff changeset
214 column-gap: 10px;
250f40874439 *: update lots of things
Paper <paper@tflc.us>
parents: 108
diff changeset
215 }
250f40874439 *: update lots of things
Paper <paper@tflc.us>
parents: 108
diff changeset
216
104
c6457452675f why are you gay?
Paper <paper@tflc.us>
parents: 99
diff changeset
217 .blips-list-item,
86
1fed81c848a5 html: add plugs
Paper <paper@paper.us.eu.org>
parents: 85
diff changeset
218 .plugs-list-item {
1fed81c848a5 html: add plugs
Paper <paper@paper.us.eu.org>
parents: 85
diff changeset
219 display: block;
1fed81c848a5 html: add plugs
Paper <paper@paper.us.eu.org>
parents: 85
diff changeset
220
1fed81c848a5 html: add plugs
Paper <paper@paper.us.eu.org>
parents: 85
diff changeset
221 opacity: 80%;
87
60f77a3de847 css: improve appearance on mobile
Paper <paper@paper.us.eu.org>
parents: 86
diff changeset
222 image-rendering: pixelated;
86
1fed81c848a5 html: add plugs
Paper <paper@paper.us.eu.org>
parents: 85
diff changeset
223 }
1fed81c848a5 html: add plugs
Paper <paper@paper.us.eu.org>
parents: 85
diff changeset
224
104
c6457452675f why are you gay?
Paper <paper@tflc.us>
parents: 99
diff changeset
225 .blips-list-item:hover,
86
1fed81c848a5 html: add plugs
Paper <paper@paper.us.eu.org>
parents: 85
diff changeset
226 .plugs-list-item:hover {
1fed81c848a5 html: add plugs
Paper <paper@paper.us.eu.org>
parents: 85
diff changeset
227 opacity: 100%;
1fed81c848a5 html: add plugs
Paper <paper@paper.us.eu.org>
parents: 85
diff changeset
228 }
87
60f77a3de847 css: improve appearance on mobile
Paper <paper@paper.us.eu.org>
parents: 86
diff changeset
229
104
c6457452675f why are you gay?
Paper <paper@tflc.us>
parents: 99
diff changeset
230 .plugs-list-item {
c6457452675f why are you gay?
Paper <paper@tflc.us>
parents: 99
diff changeset
231 width: 88px;
c6457452675f why are you gay?
Paper <paper@tflc.us>
parents: 99
diff changeset
232 height: 31px;
c6457452675f why are you gay?
Paper <paper@tflc.us>
parents: 99
diff changeset
233 }
c6457452675f why are you gay?
Paper <paper@tflc.us>
parents: 99
diff changeset
234
c6457452675f why are you gay?
Paper <paper@tflc.us>
parents: 99
diff changeset
235 .blips-list-item {
c6457452675f why are you gay?
Paper <paper@tflc.us>
parents: 99
diff changeset
236 width: 80px;
c6457452675f why are you gay?
Paper <paper@tflc.us>
parents: 99
diff changeset
237 height: 15px;
c6457452675f why are you gay?
Paper <paper@tflc.us>
parents: 99
diff changeset
238 }
c6457452675f why are you gay?
Paper <paper@tflc.us>
parents: 99
diff changeset
239
87
60f77a3de847 css: improve appearance on mobile
Paper <paper@paper.us.eu.org>
parents: 86
diff changeset
240 .code-block {
60f77a3de847 css: improve appearance on mobile
Paper <paper@paper.us.eu.org>
parents: 86
diff changeset
241 overflow-x: scroll;
60f77a3de847 css: improve appearance on mobile
Paper <paper@paper.us.eu.org>
parents: 86
diff changeset
242 background-color: rgba(0, 0, 0, 0.6);
60f77a3de847 css: improve appearance on mobile
Paper <paper@paper.us.eu.org>
parents: 86
diff changeset
243 padding: 0.5em;
60f77a3de847 css: improve appearance on mobile
Paper <paper@paper.us.eu.org>
parents: 86
diff changeset
244 }