annotate css/style.css @ 108:511a17f9f8a5 default tip

css: wrap navbar around on small screens
author Paper <paper@tflc.us>
date Sun, 16 Mar 2025 17:37:14 -0400
parents c6457452675f
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 /* column-gap: 4px; */
60f77a3de847 css: improve appearance on mobile
Paper <paper@paper.us.eu.org>
parents: 86
diff changeset
203 row-gap: 0.5em;
86
1fed81c848a5 html: add plugs
Paper <paper@paper.us.eu.org>
parents: 85
diff changeset
204 }
1fed81c848a5 html: add plugs
Paper <paper@paper.us.eu.org>
parents: 85
diff changeset
205
104
c6457452675f why are you gay?
Paper <paper@tflc.us>
parents: 99
diff changeset
206 .blips-list-item,
86
1fed81c848a5 html: add plugs
Paper <paper@paper.us.eu.org>
parents: 85
diff changeset
207 .plugs-list-item {
1fed81c848a5 html: add plugs
Paper <paper@paper.us.eu.org>
parents: 85
diff changeset
208 display: block;
1fed81c848a5 html: add plugs
Paper <paper@paper.us.eu.org>
parents: 85
diff changeset
209
1fed81c848a5 html: add plugs
Paper <paper@paper.us.eu.org>
parents: 85
diff changeset
210 opacity: 80%;
87
60f77a3de847 css: improve appearance on mobile
Paper <paper@paper.us.eu.org>
parents: 86
diff changeset
211 image-rendering: pixelated;
86
1fed81c848a5 html: add plugs
Paper <paper@paper.us.eu.org>
parents: 85
diff changeset
212 }
1fed81c848a5 html: add plugs
Paper <paper@paper.us.eu.org>
parents: 85
diff changeset
213
104
c6457452675f why are you gay?
Paper <paper@tflc.us>
parents: 99
diff changeset
214 .blips-list-item:hover,
86
1fed81c848a5 html: add plugs
Paper <paper@paper.us.eu.org>
parents: 85
diff changeset
215 .plugs-list-item:hover {
1fed81c848a5 html: add plugs
Paper <paper@paper.us.eu.org>
parents: 85
diff changeset
216 opacity: 100%;
1fed81c848a5 html: add plugs
Paper <paper@paper.us.eu.org>
parents: 85
diff changeset
217 }
87
60f77a3de847 css: improve appearance on mobile
Paper <paper@paper.us.eu.org>
parents: 86
diff changeset
218
104
c6457452675f why are you gay?
Paper <paper@tflc.us>
parents: 99
diff changeset
219 .plugs-list-item {
c6457452675f why are you gay?
Paper <paper@tflc.us>
parents: 99
diff changeset
220 width: 88px;
c6457452675f why are you gay?
Paper <paper@tflc.us>
parents: 99
diff changeset
221 height: 31px;
c6457452675f why are you gay?
Paper <paper@tflc.us>
parents: 99
diff changeset
222 }
c6457452675f why are you gay?
Paper <paper@tflc.us>
parents: 99
diff changeset
223
c6457452675f why are you gay?
Paper <paper@tflc.us>
parents: 99
diff changeset
224 .blips-list-item {
c6457452675f why are you gay?
Paper <paper@tflc.us>
parents: 99
diff changeset
225 width: 80px;
c6457452675f why are you gay?
Paper <paper@tflc.us>
parents: 99
diff changeset
226 height: 15px;
c6457452675f why are you gay?
Paper <paper@tflc.us>
parents: 99
diff changeset
227 }
c6457452675f why are you gay?
Paper <paper@tflc.us>
parents: 99
diff changeset
228
87
60f77a3de847 css: improve appearance on mobile
Paper <paper@paper.us.eu.org>
parents: 86
diff changeset
229 .code-block {
60f77a3de847 css: improve appearance on mobile
Paper <paper@paper.us.eu.org>
parents: 86
diff changeset
230 overflow-x: scroll;
60f77a3de847 css: improve appearance on mobile
Paper <paper@paper.us.eu.org>
parents: 86
diff changeset
231 background-color: rgba(0, 0, 0, 0.6);
60f77a3de847 css: improve appearance on mobile
Paper <paper@paper.us.eu.org>
parents: 86
diff changeset
232 padding: 0.5em;
60f77a3de847 css: improve appearance on mobile
Paper <paper@paper.us.eu.org>
parents: 86
diff changeset
233 }