Mercurial > web

annotate css/style.css @ 75:d69f3fe99911

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
*: remove bootstrap, add projects page, use custom navbar the bootstrap navbar was a bit too bloated for something like this anyway. P.S.: you can see some fun stupid tricks in `projects/index.html`, I had to hack around to make the background work how I wanted
author Paper <paper@paper.us.eu.org>
date Fri, 22 Mar 2024 21:42:50 -0400
parents c8ea71d9d102
children 5fdf5f346b92
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
75
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
13 /* make links not look like pure shite */
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
14 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
15 color: #3395ff;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
16 text-decoration: none;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
17 }
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
18
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
19 a.prettylink:link:hover {
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
20 text-decoration: underline;
72
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
21 }
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
22
75
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
23 /* navbar */
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
24 .navbar {
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
25 display: flex;
72
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
26
75
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
27 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
28 color: white;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
29
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
30 padding: 5px;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
31 }
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
32
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
33 .navbar-item {
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
34 color: gray;
69
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
35 }
72
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
36
75
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
37 .navbar-item-active {
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
38 color: white;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
39 }
72
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
40
75
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
41 .navbar-item,
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
42 .navbar-item-active {
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
43 text-decoration: none;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
44 margin-left: 5px;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
45 margin-right: 5px;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
46 }
72
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
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:hover,
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
49 .navbar-item-active:hover {
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
50 text-decoration: underline;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
51 color: white;
69
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
52 }
72
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
53
74
c8ea71d9d102 *: rebuild bootstrap so it works on safari, add some links to html
Paper <mrpapersonic@gmail.com>
parents: 72
diff changeset
54 /* generic drop shadows that I heavily use in... everything,
72
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
55 * so having them as their own classes is pretty nice :)
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
56 */
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
57 .drop-shadow-text {
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
58 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
59 }
72
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
60
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
61 .drop-shadow-box {
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
62 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
63 }
75
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
64
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
65 /* fuck off */
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
66 h1, h2 {
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
67 margin: 0;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
68 }
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
69
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
70 /* 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
71 .content {
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
72 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
73 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
74
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
75 /* essentially equivalent to `margin: auto;`
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
76 * 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
77 * look nice on mobile
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 padding: 1em;
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
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
82 /* headers */
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
83 .header {
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
84 display: flex;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
85 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
86
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
87 align-items: center;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
88
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
89 text-align: center;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
90 justify-content: center;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
91 }
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 /* projects/index.html */
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
94 .project-title {
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
95 font-weight: bold;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
96 }
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 .project-separator {
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
99 margin: 1px 0px;
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
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
102 .index-socials-list, /* woah! */
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
103 .project-downloads {
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
104 margin: 0px;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
105 list-style: square;
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.html */
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
109 .title {
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
110 display: inline-block;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
111 vertical-align: middle;
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 /* 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
114 padding: 0 0.75em;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
115 }
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
116
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
117 .avatar {
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
118 display: inline-block;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
119
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
120 border: 4px solid black;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
121 width: 200px;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
122 height: auto;
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
123 }