Mercurial > web
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 |
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 | 5 } |
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 | 11 } |
72 | 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 | 23 } |
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 | 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 | 51 } |
72 | 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 | 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 | 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 | 68 } |
72 | 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 | 72 .drop-shadow-text { |
73 text-shadow: 0.125em 0.125em 0.125em rgba(0, 0, 0, 0.5); | |
69 | 74 } |
72 | 75 |
76 .drop-shadow-box { | |
77 box-shadow: 0.125em 0.125em 0.625em rgba(0, 0, 0, 0.5); | |
69 | 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 | 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 | 194 .blips-list, |
86 | 195 .plugs-list { |
196 display: flex; | |
197 width: 100%; | |
198 | |
199 flex-wrap: wrap; | |
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 | 204 } |
205 | |
104 | 206 .blips-list-item, |
86 | 207 .plugs-list-item { |
208 display: block; | |
209 | |
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 | 212 } |
213 | |
104 | 214 .blips-list-item:hover, |
86 | 215 .plugs-list-item:hover { |
216 opacity: 100%; | |
217 } | |
87
60f77a3de847
css: improve appearance on mobile
Paper <paper@paper.us.eu.org>
parents:
86
diff
changeset
|
218 |
104 | 219 .plugs-list-item { |
220 width: 88px; | |
221 height: 31px; | |
222 } | |
223 | |
224 .blips-list-item { | |
225 width: 80px; | |
226 height: 15px; | |
227 } | |
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 } |