me.vylion.com
-210
css/skeleton-dark.css
-210
css/skeleton-dark.css
···
1
-
/*
2
-
* littlelink V1
3
-
* https://littlelink.com
4
-
* Free to use under the MIT license.
5
-
* http://www.opensource.org/licenses/mit-license.php
6
-
* 12/21/2019
7
-
*
8
-
* Built using:
9
-
*
10
-
* Skeleton V2.0.4
11
-
* Copyright 2014, Dave Gamache
12
-
* www.getskeleton.com
13
-
* Free to use under the MIT license.
14
-
* http://www.opensource.org/licenses/mit-license.php
15
-
* 12/29/2014
16
-
*/
17
-
18
-
/* Table of contents
19
-
––––––––––––––––––––––––––––––––––––––––––––––––––
20
-
- Grid
21
-
- Base Styles
22
-
- Typography
23
-
- Links
24
-
- Code
25
-
- Spacing
26
-
- Utilities
27
-
*
28
-
* You'll find the button css in css/brands.css.
29
-
*
30
-
*/
31
-
32
-
/* Grid
33
-
–––––––––––––––––––––––––––––––––––––––––––––––––– */
34
-
.container {
35
-
position: relative;
36
-
width: 100%;
37
-
max-width: 600px;
38
-
text-align: center;
39
-
margin: 0 auto;
40
-
padding: 0 20px;
41
-
box-sizing: border-box;
42
-
}
43
-
.container-left {
44
-
position: relative;
45
-
width: 100%;
46
-
max-width: 600px;
47
-
text-align: left;
48
-
margin: 0 auto;
49
-
padding: 0 20px;
50
-
box-sizing: border-box;
51
-
}
52
-
.column {
53
-
position: center;
54
-
width: 100%;
55
-
float: center;
56
-
box-sizing: border-box;
57
-
}
58
-
59
-
/* For devices larger than 400px */
60
-
@media (min-width: 400px) {
61
-
.container {
62
-
width: 85%;
63
-
padding: 0;
64
-
}
65
-
}
66
-
67
-
/* For devices larger than 550px */
68
-
@media (min-width: 550px) {
69
-
.container {
70
-
width: 80%;
71
-
}
72
-
.column,
73
-
.columns {
74
-
margin-left: 0;
75
-
}
76
-
.column:first-child,
77
-
.columns:first-child {
78
-
margin-left: 0;
79
-
}
80
-
}
81
-
82
-
/* Base Styles
83
-
–––––––––––––––––––––––––––––––––––––––––––––––––– */
84
-
/* NOTE
85
-
html is set to 62.5% so that all the REM measurements throughout Skeleton
86
-
are based on 10px sizing. So basically 1.5rem = 15px :) */
87
-
88
-
html {
89
-
font-size: 100%;
90
-
color-scheme: dark;
91
-
}
92
-
body {
93
-
font-size: 18px;
94
-
line-height: 24px;
95
-
font-weight: 400;
96
-
font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial,
97
-
sans-serif;
98
-
}
99
-
100
-
/* Typography
101
-
–––––––––––––––––––––––––––––––––––––––––––––––––– */
102
-
h1 {
103
-
margin-top: 0;
104
-
margin-bottom: 16px;
105
-
font-weight: 800;
106
-
}
107
-
h1 {
108
-
font-size: 24px;
109
-
line-height: 64px;
110
-
letter-spacing: 0;
111
-
}
112
-
113
-
/* Larger than phablet */
114
-
@media (min-width: 550px) {
115
-
h1 {
116
-
font-size: 48px;
117
-
line-height: 96px;
118
-
}
119
-
}
120
-
121
-
p {
122
-
margin-top: 0;
123
-
}
124
-
125
-
/* Links
126
-
–––––––––––––––––––––––––––––––––––––––––––––––––– */
127
-
a {
128
-
color: #0085ff;
129
-
}
130
-
a:hover {
131
-
color: #0085ff;
132
-
}
133
-
134
-
/* Code
135
-
–––––––––––––––––––––––––––––––––––––––––––––––––– */
136
-
code {
137
-
padding: 0.2rem 0.5rem;
138
-
margin: 0 0.2rem;
139
-
font-size: 90%;
140
-
white-space: nowrap;
141
-
background: #f1f1f1;
142
-
border: 1px solid #e1e1e1;
143
-
border-radius: 4px;
144
-
}
145
-
pre > code {
146
-
display: block;
147
-
padding: 1rem 1.5rem;
148
-
white-space: pre;
149
-
}
150
-
151
-
/* Spacing
152
-
–––––––––––––––––––––––––––––––––––––––––––––––––– */
153
-
button,
154
-
.button {
155
-
margin-bottom: 1rem;
156
-
}
157
-
input,
158
-
textarea,
159
-
select,
160
-
fieldset {
161
-
margin-bottom: 1.5rem;
162
-
}
163
-
pre,
164
-
blockquote,
165
-
dl,
166
-
figure,
167
-
p,
168
-
ol {
169
-
margin-bottom: 2.5rem;
170
-
}
171
-
172
-
/* Utilities
173
-
–––––––––––––––––––––––––––––––––––––––––––––––––– */
174
-
.u-full-width {
175
-
width: 100%;
176
-
box-sizing: border-box;
177
-
}
178
-
.u-max-full-width {
179
-
max-width: 100%;
180
-
box-sizing: border-box;
181
-
}
182
-
.u-pull-right {
183
-
float: right;
184
-
}
185
-
.u-pull-left {
186
-
float: left;
187
-
}
188
-
189
-
/* Misc
190
-
–––––––––––––––––––––––––––––––––––––––––––––––––– */
191
-
hr {
192
-
margin-top: 3rem;
193
-
margin-bottom: 3.5rem;
194
-
border-width: 0;
195
-
border-top: 1px solid #e1e1e1;
196
-
}
197
-
/* Radius values:
198
-
199
-
10%-40%: Squircles
200
-
50% (default): True circle
201
-
*/
202
-
.avatar {
203
-
width: 128px;
204
-
height: 128px;
205
-
object-fit: cover;
206
-
background-position: center;
207
-
border-radius: 50%;
208
-
margin-right: 8px;
209
-
margin-left: 8px;
210
-
}
+4
-1
index.html
+4
-1
index.html
···
12
12
<!-- Hidden Mastodon verifications -->
13
13
<link rel="me" href="https://octodon.social/@vylion" />
14
14
<link rel="me" href="https://im-in.space/@vylion" />
15
+
<link rel="me" href="https://tabletop.social/@vylion" />
16
+
<link rel="me" href="https://sk.vylion.com/@wk" />
17
+
<link rel="me" href="https://sk.vylion.com/@etc" />
15
18
16
19
<head>
17
20
<meta charset="utf-8">
···
28
31
<meta name="keywords" content="vylion wk wunderkammer">
29
32
30
33
<!-- Canonical URL - Helps prevent duplicate content issues -->
31
-
<meta rel="canonical" href="https://yourwebsite.com">
34
+
<meta rel="canonical" href="https://whereis.vylion.com">
32
35
33
36
<!-- Author Information -->
34
37
<meta name="author" content="Vylion">