Mercurial > web

annotate css/style.css @ 78:5fdf5f346b92

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
*: use jekyll for templates, blogging, etc. I changed the pages to now use templates, so adding new stuff should be much much easier in the future
author Paper <paper@paper.us.eu.org>
date Mon, 20 May 2024 02:49:07 -0400
parents d69f3fe99911
children 815c0da68384
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 */
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
30 .navbar {
78
5fdf5f346b92 *: use jekyll for templates, blogging, etc.
Paper <paper@paper.us.eu.org>
parents: 75
diff changeset
31 /* display: flex; */
72
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
32
75
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
33 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
34 color: white;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
35
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
36 padding: 5px;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
37 }
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 .navbar-item {
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
40 color: gray;
69
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
41 }
72
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
42
75
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
43 .navbar-item-active {
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
44 color: white;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
45 }
72
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
46
75
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
47 .navbar-item,
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
48 .navbar-item-active {
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
49 text-decoration: none;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
50 margin-left: 5px;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
51 margin-right: 5px;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
52 }
72
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
53
75
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
54 .navbar-item:hover,
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
55 .navbar-item-active:hover {
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
56 text-decoration: underline;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
57 color: white;
69
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
58 }
72
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
59
74
c8ea71d9d102 *: rebuild bootstrap so it works on safari, add some links to html
Paper <mrpapersonic@gmail.com>
parents: 72
diff changeset
60 /* generic drop shadows that I heavily use in... everything,
72
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
61 * so having them as their own classes is pretty nice :)
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
62 */
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
63 .drop-shadow-text {
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
64 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
65 }
72
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
66
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
67 .drop-shadow-box {
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
68 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
69 }
75
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
70
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
71 /* fuck off */
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
72 h1, h2 {
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
73 margin: 0;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
74 }
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
75
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
76 /* 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
77 .content {
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
78 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
79 margin-inline: max(1em, 50% - 46.88em/2);
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
80
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
81 /* essentially equivalent to `margin: auto;`
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
82 * except it has a minimum value of 1em to make it
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
83 * look nice on mobile
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
84 */
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
85 padding: 1em;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
86 }
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
87
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
88 /* headers */
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
89 .header {
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
90 display: flex;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
91 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
92
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
93 align-items: center;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
94
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
95 text-align: center;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
96 justify-content: center;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
97 }
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 /* projects/index.html */
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
100 .project-title {
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
101 font-weight: bold;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
102 }
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
103
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
104 .project-separator {
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
105 margin: 1px 0px;
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
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
108 .index-socials-list, /* woah! */
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
109 .project-downloads {
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
110 margin: 0px;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
111 list-style: square;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
112 }
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
113
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
114 /* index.html */
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
115 .title {
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
116 display: inline-block;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
117 vertical-align: middle;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
118
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
119 /* 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
120 padding: 0 0.75em;
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 .avatar {
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
124 display: inline-block;
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 border: 4px solid black;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
127 width: 200px;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
128 height: auto;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
129 }
78
5fdf5f346b92 *: use jekyll for templates, blogging, etc.
Paper <paper@paper.us.eu.org>
parents: 75
diff changeset
130
5fdf5f346b92 *: use jekyll for templates, blogging, etc.
Paper <paper@paper.us.eu.org>
parents: 75
diff changeset
131 .blog-footer,
5fdf5f346b92 *: use jekyll for templates, blogging, etc.
Paper <paper@paper.us.eu.org>
parents: 75
diff changeset
132 .blog-date-right {
5fdf5f346b92 *: use jekyll for templates, blogging, etc.
Paper <paper@paper.us.eu.org>
parents: 75
diff changeset
133 font-size: smaller;
5fdf5f346b92 *: use jekyll for templates, blogging, etc.
Paper <paper@paper.us.eu.org>
parents: 75
diff changeset
134 }
5fdf5f346b92 *: use jekyll for templates, blogging, etc.
Paper <paper@paper.us.eu.org>
parents: 75
diff changeset
135
5fdf5f346b92 *: use jekyll for templates, blogging, etc.
Paper <paper@paper.us.eu.org>
parents: 75
diff changeset
136 .align-right,
5fdf5f346b92 *: use jekyll for templates, blogging, etc.
Paper <paper@paper.us.eu.org>
parents: 75
diff changeset
137 .blog-date-right {
5fdf5f346b92 *: use jekyll for templates, blogging, etc.
Paper <paper@paper.us.eu.org>
parents: 75
diff changeset
138 float: inline-end;
5fdf5f346b92 *: use jekyll for templates, blogging, etc.
Paper <paper@paper.us.eu.org>
parents: 75
diff changeset
139 }