Mercurial > web
annotate css/style.css @ 95:a2c83f182127
*: update links
author | Paper <paper@paper.us.eu.org> |
---|---|
date | Mon, 30 Sep 2024 16:47:55 -0400 |
parents | a143c3991472 |
children | caa6f0e136c8 |
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; |
a143c3991472
navigation: fix navbar implementation
Paper <paper@paper.us.eu.org>
parents:
87
diff
changeset
|
42 } |
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 .project-quip { |
81
eb3bbc61bc17
Use flexbox for lots more things
Paper <paper@paper.us.eu.org>
parents:
79
diff
changeset
|
45 margin-left: auto; |
eb3bbc61bc17
Use flexbox for lots more things
Paper <paper@paper.us.eu.org>
parents:
79
diff
changeset
|
46 } |
eb3bbc61bc17
Use flexbox for lots more things
Paper <paper@paper.us.eu.org>
parents:
79
diff
changeset
|
47 |
75
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
48 .navbar-item { |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
49 color: gray; |
69 | 50 } |
72 | 51 |
75
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
52 .navbar-item-active { |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
53 color: white; |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
54 } |
72 | 55 |
75
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
56 .navbar-item, |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
57 .navbar-item-active { |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
58 text-decoration: none; |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
59 margin-left: 5px; |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
60 margin-right: 5px; |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
61 } |
72 | 62 |
75
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
63 .navbar-item:hover, |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
64 .navbar-item-active:hover { |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
65 text-decoration: underline; |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
66 color: white; |
69 | 67 } |
72 | 68 |
74
c8ea71d9d102
*: rebuild bootstrap so it works on safari, add some links to html
Paper <mrpapersonic@gmail.com>
parents:
72
diff
changeset
|
69 /* 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
|
70 * so having them as their own classes is pretty nice :) */ |
72 | 71 .drop-shadow-text { |
72 text-shadow: 0.125em 0.125em 0.125em rgba(0, 0, 0, 0.5); | |
69 | 73 } |
72 | 74 |
75 .drop-shadow-box { | |
76 box-shadow: 0.125em 0.125em 0.625em rgba(0, 0, 0, 0.5); | |
69 | 77 } |
75
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
78 |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
79 /* fuck off */ |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
80 h1, h2 { |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
81 margin: 0; |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
82 } |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
83 |
84
5914d06f72b4
css: tweak styles to make things work on older browsers
Paper <paper@paper.us.eu.org>
parents:
83
diff
changeset
|
84 /* 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
|
85 .catchall { |
5914d06f72b4
css: tweak styles to make things work on older browsers
Paper <paper@paper.us.eu.org>
parents:
83
diff
changeset
|
86 margin: 0 auto; |
5914d06f72b4
css: tweak styles to make things work on older browsers
Paper <paper@paper.us.eu.org>
parents:
83
diff
changeset
|
87 padding: 1em 1em; |
5914d06f72b4
css: tweak styles to make things work on older browsers
Paper <paper@paper.us.eu.org>
parents:
83
diff
changeset
|
88 } |
5914d06f72b4
css: tweak styles to make things work on older browsers
Paper <paper@paper.us.eu.org>
parents:
83
diff
changeset
|
89 |
75
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
90 /* 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
|
91 .content { |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
92 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
|
93 |
5914d06f72b4
css: tweak styles to make things work on older browsers
Paper <paper@paper.us.eu.org>
parents:
83
diff
changeset
|
94 max-width: 750px; |
75
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
95 |
84
5914d06f72b4
css: tweak styles to make things work on older browsers
Paper <paper@paper.us.eu.org>
parents:
83
diff
changeset
|
96 margin: 0 auto; |
5914d06f72b4
css: tweak styles to make things work on older browsers
Paper <paper@paper.us.eu.org>
parents:
83
diff
changeset
|
97 padding: 1em 1em; |
75
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
98 } |
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 /* headers */ |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
101 .header { |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
102 display: flex; |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
103 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
|
104 |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
105 align-items: center; |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
106 |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
107 text-align: center; |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
108 justify-content: center; |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
109 } |
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 /* projects/index.html */ |
81
eb3bbc61bc17
Use flexbox for lots more things
Paper <paper@paper.us.eu.org>
parents:
79
diff
changeset
|
112 .project-title-container { |
eb3bbc61bc17
Use flexbox for lots more things
Paper <paper@paper.us.eu.org>
parents:
79
diff
changeset
|
113 display: flex; |
83
06fd6ffefb58
css: align quips to the right, justify to the middle
Paper <paper@paper.us.eu.org>
parents:
82
diff
changeset
|
114 align-items: center; |
06fd6ffefb58
css: align quips to the right, justify to the middle
Paper <paper@paper.us.eu.org>
parents:
82
diff
changeset
|
115 justify-content: center; |
81
eb3bbc61bc17
Use flexbox for lots more things
Paper <paper@paper.us.eu.org>
parents:
79
diff
changeset
|
116 } |
eb3bbc61bc17
Use flexbox for lots more things
Paper <paper@paper.us.eu.org>
parents:
79
diff
changeset
|
117 |
75
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
118 .project-title { |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
119 font-weight: bold; |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
120 } |
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 .project-separator { |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
123 margin: 1px 0px; |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
124 } |
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 .index-socials-list, /* woah! */ |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
127 .project-downloads { |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
128 margin: 0px; |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
129 list-style: square; |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
130 } |
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 /* index.html */ |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
133 .title { |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
134 display: inline-block; |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
135 vertical-align: middle; |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
136 |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
137 /* 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
|
138 padding: 0 0.75em; |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
139 } |
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 .avatar { |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
142 display: inline-block; |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
143 |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
144 border: 4px solid black; |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
145 width: 200px; |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
146 height: auto; |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
147 } |
78
5fdf5f346b92
*: use jekyll for templates, blogging, etc.
Paper <paper@paper.us.eu.org>
parents:
75
diff
changeset
|
148 |
81
eb3bbc61bc17
Use flexbox for lots more things
Paper <paper@paper.us.eu.org>
parents:
79
diff
changeset
|
149 .project-quip, |
78
5fdf5f346b92
*: use jekyll for templates, blogging, etc.
Paper <paper@paper.us.eu.org>
parents:
75
diff
changeset
|
150 .blog-footer, |
5fdf5f346b92
*: use jekyll for templates, blogging, etc.
Paper <paper@paper.us.eu.org>
parents:
75
diff
changeset
|
151 .blog-date-right { |
5fdf5f346b92
*: use jekyll for templates, blogging, etc.
Paper <paper@paper.us.eu.org>
parents:
75
diff
changeset
|
152 font-size: smaller; |
5fdf5f346b92
*: use jekyll for templates, blogging, etc.
Paper <paper@paper.us.eu.org>
parents:
75
diff
changeset
|
153 } |
5fdf5f346b92
*: use jekyll for templates, blogging, etc.
Paper <paper@paper.us.eu.org>
parents:
75
diff
changeset
|
154 |
83
06fd6ffefb58
css: align quips to the right, justify to the middle
Paper <paper@paper.us.eu.org>
parents:
82
diff
changeset
|
155 .project-quip { |
06fd6ffefb58
css: align quips to the right, justify to the middle
Paper <paper@paper.us.eu.org>
parents:
82
diff
changeset
|
156 text-align: right; |
06fd6ffefb58
css: align quips to the right, justify to the middle
Paper <paper@paper.us.eu.org>
parents:
82
diff
changeset
|
157 } |
06fd6ffefb58
css: align quips to the right, justify to the middle
Paper <paper@paper.us.eu.org>
parents:
82
diff
changeset
|
158 |
78
5fdf5f346b92
*: use jekyll for templates, blogging, etc.
Paper <paper@paper.us.eu.org>
parents:
75
diff
changeset
|
159 .align-right, |
5fdf5f346b92
*: use jekyll for templates, blogging, etc.
Paper <paper@paper.us.eu.org>
parents:
75
diff
changeset
|
160 .blog-date-right { |
5fdf5f346b92
*: use jekyll for templates, blogging, etc.
Paper <paper@paper.us.eu.org>
parents:
75
diff
changeset
|
161 float: inline-end; |
5fdf5f346b92
*: use jekyll for templates, blogging, etc.
Paper <paper@paper.us.eu.org>
parents:
75
diff
changeset
|
162 } |
85
52d59a351bf5
add post about unicode in schism
Paper <paper@paper.us.eu.org>
parents:
84
diff
changeset
|
163 |
52d59a351bf5
add post about unicode in schism
Paper <paper@paper.us.eu.org>
parents:
84
diff
changeset
|
164 .center-image { |
52d59a351bf5
add post about unicode in schism
Paper <paper@paper.us.eu.org>
parents:
84
diff
changeset
|
165 display: block; |
87
60f77a3de847
css: improve appearance on mobile
Paper <paper@paper.us.eu.org>
parents:
86
diff
changeset
|
166 margin-left: auto; |
60f77a3de847
css: improve appearance on mobile
Paper <paper@paper.us.eu.org>
parents:
86
diff
changeset
|
167 margin-right: auto; |
60f77a3de847
css: improve appearance on mobile
Paper <paper@paper.us.eu.org>
parents:
86
diff
changeset
|
168 width: 100%; |
60f77a3de847
css: improve appearance on mobile
Paper <paper@paper.us.eu.org>
parents:
86
diff
changeset
|
169 height: auto; |
85
52d59a351bf5
add post about unicode in schism
Paper <paper@paper.us.eu.org>
parents:
84
diff
changeset
|
170 } |
86 | 171 |
172 .plugs-list { | |
173 display: flex; | |
174 width: 100%; | |
175 | |
176 flex-wrap: wrap; | |
177 justify-content: center; | |
87
60f77a3de847
css: improve appearance on mobile
Paper <paper@paper.us.eu.org>
parents:
86
diff
changeset
|
178 |
60f77a3de847
css: improve appearance on mobile
Paper <paper@paper.us.eu.org>
parents:
86
diff
changeset
|
179 /* column-gap: 4px; */ |
60f77a3de847
css: improve appearance on mobile
Paper <paper@paper.us.eu.org>
parents:
86
diff
changeset
|
180 row-gap: 0.5em; |
86 | 181 } |
182 | |
183 .plugs-list-item { | |
184 display: block; | |
185 | |
186 width: 88px; | |
187 height: 31px; | |
188 | |
189 opacity: 80%; | |
87
60f77a3de847
css: improve appearance on mobile
Paper <paper@paper.us.eu.org>
parents:
86
diff
changeset
|
190 image-rendering: pixelated; |
86 | 191 } |
192 | |
193 .plugs-list-item:hover { | |
194 opacity: 100%; | |
195 } | |
87
60f77a3de847
css: improve appearance on mobile
Paper <paper@paper.us.eu.org>
parents:
86
diff
changeset
|
196 |
60f77a3de847
css: improve appearance on mobile
Paper <paper@paper.us.eu.org>
parents:
86
diff
changeset
|
197 .code-block { |
60f77a3de847
css: improve appearance on mobile
Paper <paper@paper.us.eu.org>
parents:
86
diff
changeset
|
198 overflow-x: scroll; |
60f77a3de847
css: improve appearance on mobile
Paper <paper@paper.us.eu.org>
parents:
86
diff
changeset
|
199 background-color: rgba(0, 0, 0, 0.6); |
60f77a3de847
css: improve appearance on mobile
Paper <paper@paper.us.eu.org>
parents:
86
diff
changeset
|
200 padding: 0.5em; |
60f77a3de847
css: improve appearance on mobile
Paper <paper@paper.us.eu.org>
parents:
86
diff
changeset
|
201 } |