This repository has been archived by the owner on Sep 20, 2023. It is now read-only.
-
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathstyle.scss
204 lines (193 loc) · 15.4 KB
/
style.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
<style>
[remarkdown] { line-height: 1.4; }
[remarkdown] h1 { margin-top: 2.8em; margin-bottom: 1.4em; }
[remarkdown] h2 { margin-top: 2.8em; margin-bottom: 1.4em; }
[remarkdown] h3, [remarkdown] h4, [remarkdown] h5, [remarkdown] h6 { margin-top: 1.4em; margin-bottom: 1.4em; }
[remarkdown] p { margin-top: 1.4em; margin-bottom: 1.4em; }
[remarkdown] figure { margin: 1.4em 0 1.4em; }
[remarkdown] ul { margin-top: 1.4em; margin-bottom: 1.4em; }
[remarkdown] ol { margin-top: 1.4em; margin-bottom: 1.4em; }
[remarkdown] ul, [remarkdown] ol { margin-left: 3ch; padding: 0; list-style: none; }
[remarkdown] ul ul, [remarkdown] ul ol, [remarkdown] ol ul, [remarkdown] ol ol { margin-top: 0; margin-bottom: 0; }
[remarkdown] ul > li::before { float: left; margin-left: -3ch; width: 1ch; }
[remarkdown] ol { counter-reset: item; }
[remarkdown] ol > li { counter-increment: item; }
[remarkdown] ol > li::before { float: left; margin-left: -4ch; width: 3ch; overflow: hidden; text-align: right; content: counter(item) "."; }
[remarkdown] ol > li[value]::before { content: attr(value) "."; word-spacing: -1ch; }
[remarkdown] pre { margin-top: 1.4em; margin-bottom: 1.4em; -moz-tab-size: 4; tab-size: 4; }
[remarkdown] blockquote { position: relative; margin-top: 1.4em; margin-bottom: 1.4em; margin-left: 0; margin-right: 0; padding: 0; padding-left: 3ch; }
[remarkdown] blockquote::before { position: absolute; top: 0; left: 0; bottom: 0; overflow: hidden; white-space: pre; content: ">\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A"; cursor: default; }
[remarkdown] hr { height: 1.4em; line-height: 1.4em; margin-top: 2.8em; margin-bottom: 2.8em; border: none; color: inherit; }
[remarkdown] h1::before, [remarkdown~=hn-hash] h1::before { content: "# "; }
[remarkdown] h2::before, [remarkdown~=hn-hash] h2::before { content: "## "; }
[remarkdown] h3::before, [remarkdown~=hn-hash] h3::before { content: "### "; }
[remarkdown] h4::before, [remarkdown~=hn-hash] h4::before { content: "#### "; }
[remarkdown] h5::before, [remarkdown~=hn-hash] h5::before { content: "##### "; }
[remarkdown] h6::before, [remarkdown~=hn-hash] h6::before { content: "###### "; }
[remarkdown] h1, [remarkdown~=h1-underline] h1, [remarkdown] h2, [remarkdown~=h2-underline] h2 { display: table; overflow: hidden; position: relative; padding-bottom: 1.4em; }
[remarkdown] h1::before, [remarkdown~=h1-underline] h1::before, [remarkdown] h2::before, [remarkdown~=h2-underline] h2::before { content: none; }
[remarkdown] h1::after, [remarkdown~=h1-underline] h1::after, [remarkdown] h2::after, [remarkdown~=h2-underline] h2::after { position: absolute; bottom: 0; left: 0; height: 1.4em; width: 100%; overflow: hidden; word-break: break-all; cursor: default; }
[remarkdown] h1::after, [remarkdown~=h1-underline] h1::after { content: "========================================================================================================================"; }
[remarkdown] h2::after, [remarkdown~=h2-underline] h2::after { content: "------------------------------------------------------------------------------------------------------------------------"; }
[remarkdown] em::before, [remarkdown] em::after, [remarkdown~=em-underscore] em::before, [remarkdown~=em-underscore] em::after { content: "_"; }
[remarkdown] strong::before, [remarkdown] strong::after, [remarkdown~=strong-star] strong::before, [remarkdown~=strong-star] strong::after { content: "**"; }
[remarkdown] ul > li::before, [remarkdown~=ul-plus] ul > li::before { content: "+"; }
[remarkdown] pre, [remarkdown~=pre-indent] pre { margin-left: 4ch; }
[remarkdown] :not(pre) > code::before, [remarkdown] :not(pre) > code::after, [remarkdown~=code-tick] :not(pre) > code::before, [remarkdown~=code-tick] :not(pre) > code::after { content: "`"; text-shadow: 0 1px; }
[remarkdown] hr, [remarkdown~=hr-center] hr { text-align: center; }
[remarkdown] hr::before, [remarkdown~=hr-star] hr::before { content: "* * * *"; }
[remarkdown] table, [remarkdown~=table-marker] table { margin-top: 2.8em; margin-bottom: 2.8em; border-collapse: collapse; }
[remarkdown] tr > *, [remarkdown~=table-marker] tr > * { min-width: 3ch; position: relative; padding: 0; text-align: inherit; vertical-align: top; font-weight: normal; border: none; }
[remarkdown] tr > * + *, [remarkdown~=table-marker] tr > * + * { padding-left: 3ch; }
[remarkdown] tr:first-child > th:not([scope="row"]), [remarkdown~=table-marker] tr:first-child > th:not([scope="row"]) { padding-bottom: 1.4em; }
[remarkdown] tr:first-child > th:not([scope="row"])::after, [remarkdown~=table-marker] tr:first-child > th:not([scope="row"])::after { content: "--------------------------------------------------------------------------------------------------------------"; position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden; word-break: break-all; height: 1.4em; }
[remarkdown] tr:first-child > * + th:not([scope="row"])::after, [remarkdown~=table-marker] tr:first-child > * + th:not([scope="row"])::after { left: 3ch; }
[remarkdown] tr > * + *::before, [remarkdown~=table-marker] tr > * + *::before { content: "|\A|\A|\A|\A|\A|\A|\A|\A|\A|\A"; position: absolute; overflow: hidden; left: 1ch; top: 0; bottom: 0; white-space: pre; }
[remarkdown] th[scope="row"], [remarkdown] tr + tr > th:first-child, [remarkdown~=table-marker] th[scope="row"], [remarkdown~=table-marker] tr + tr > th:first-child { padding-right: 1ch; }
[remarkdown] th[scope="row"]::after, [remarkdown] tr + tr > th:first-child::after, [remarkdown~=table-marker] th[scope="row"]::after, [remarkdown~=table-marker] tr + tr > th:first-child::after { position: absolute; right: -1ch; content: ":"; }
html { background-color: {color:Background color}; color: {color:Text color}; }
::-moz-selection { background-color: {color:Base quote color}; color: {color:Background color}; }
::selection { background-color: {color:Base quote color}; color: {color:Background color}; }
body { max-width: 700px; margin: 0 auto; padding: 2em; -moz-box-sizing: content-box; box-sizing: content-box; }
@media (max-width: 500px) { body { padding: 2em 1em 1em; } }
body.text-biggest { font-size: 125%; }
body.text-bigger { font-size: 110%; }
body.text-normal { font-size: 100%; }
body.text-smaller { font-size: 93.75%; }
body.text-smallest { font-size: 87.5%; }
body.col-wide { max-width: 900px; }
body.col-normal { max-width: 700px; }
body.col-narrow { max-width: 500px; }
.link-underline a { border-bottom: 1px solid; }
.link-brackets [class~="[]"] a::before, .link-brackets .maintext a::before { content: "["; }
.link-brackets [class~="[]"] a::after, .link-brackets .maintext a::after { content: "]"; }
body { font-family: {text:Main font}, monospace; }
blockquote, pre, code, samp, kbd { font-family: {text:Blockquote font}, monospace; }
h1::after, h2::after, blockquote::before { opacity: .5; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
a { color: {color:Link color}; text-decoration: none; }
a img { border: none; }
button { margin: 0; padding: 0; border: none; font: inherit; color: inherit; background: none; }
button::-moz-focus-inner { padding: 0; border: none; }
#sitebanner { margin-bottom: 2.8em; text-align: center; }
#sitebanner .avatar { display: block; width: 128px; }
#sitebanner .avatar.circle { border-radius: 50%; }
#sitebanner p { margin-top: 1.4em; margin-bottom: 1.4em; }
#sitebanner nav { margin-top: 1.4em; text-align: center; }
#sitebanner nav a { white-space: nowrap; }
[class*="homelink-avatar"] .hasAvatar .home { display: inline-block; padding: 1.4em; border: 1px solid transparent; }
[class*="homelink-avatar"] .hasAvatar .home:hover, [class*="homelink-avatar"] .hasAvatar .home:focus { border-color: currentColor; }
.homelink-title #sitebanner .home { display: inline-block; margin-bottom: 1.4em; }
#sitebanner .home .title { padding-right: 1ch; }
.homelink-avatarsmall #sitebanner .home .avatar { width: 80px; }
.homelink-avatarsmall #sitebanner .home .avatar + .title, .homelink-avatar #sitebanner .home .avatar + .title, .homelink-title #sitebanner .home .avatar { display: none; }
#sitebanner .main { display: inline-block; padding: 0 1.4em; border: 1px solid transparent; }
#sitebanner.hasHeaderImage .main { display: block; }
#sitebanner .main { color: {color:Text color}; }
#sitebanner .main:hover, #sitebanner .main:focus { color: {color:Link color}; border-color: currentColor; }
#sitebanner .main:hover h1::after, #sitebanner .main:focus h1::after { content: none !important; }
#sitebanner .main .avatar { margin: 1.4em auto; }
#sitebanner .main h1 { margin: 1.4em auto 0; padding-bottom: 1.4em; }
#sitebanner .main .avatar + h1 { margin-top: 2.8em; }
@media (max-width: 760px) { #sitebanner.hasHeaderImage .main { margin: -2em -2em 0; padding-top: 1.4em; } }
@media (max-width: 500px) { #sitebanner.hasHeaderImage .main { margin-left: -1em; margin-right: -1em; } }
#sitebanner.hasHeaderImage .main { position: relative; color: {color:Title color for header image}; background: url("{HeaderImage}") 50% 50%/cover no-repeat; background-origin: border-box; }
#sitebanner.hasHeaderImage .main:hover, #sitebanner.hasHeaderImage .main:focus { color: {color:Link color}; border-color: currentColor; background-image: none; }
#sitebanner.hasHeaderImage .main h1 > span { font-size: 150%; font-weight: 600; }
#sitebanner.hasHeaderImage .main h1::after { content: none; }
#sitebanner.hasHeaderImage.hasTitle:not(.hasAvatar) .main { padding-top: 5.6em; }
@media (max-width: 500px) { #sitebanner.hasHeaderImage.hasAvatar:not(.hasTitle) .main { padding-top: 1.4em; padding-bottom: 1.4em; } }
#sitebanner.hasHeaderImage:not(.hasAvatar):not(.hasTitle) .main { min-height: 9.8em; }
#tag-header + hr { display: none; }
#tag-header h2 { margin-left: auto; margin-right: auto; }
#pagination { margin-top: 2.8em; margin-bottom: 1.4em; text-align: center; }
#pagination span { padding: 0 2ch; }
@media (min-width: 700px) { #pagination { position: relative; }
#pagination .prev { position: absolute; top: 0; left: 0; }
#pagination .next { position: absolute; top: 0; right: 0; } }
#bottom-nav { margin-top: 2.8em; margin-bottom: 2.8em; text-align: center; }
#posts > hr::before { content: "{text:Separator text}"; }
#posts > article { margin-top: 2.8em; }
.post-title h1 { font-weight: bold; }
.post-title h1::after, .post-title h2::before { font-weight: normal; }
.post-title h1 { max-width: 400px; margin-left: auto; margin-right: auto; text-align: center; }
.isIndexPage .post-title h2 { padding-bottom: 0; }
.isIndexPage .post-title h2::before { content: "## "; }
.isIndexPage .post-title h2::after { content: none; }
.link .post-title h2 { padding-bottom: 0; }
.link .post-title h2::before, .link .post-title h2::after { content: none; }
article > footer { margin: 1.4em 0; }
.isPermalinkPage article > footer { margin-top: 2.8em; }
article > footer span { opacity: .5; white-space: nowrap; }
article > footer span::before { content: "("; }
article > footer span::after { content: ")"; }
#posts img, #posts iframe { max-width: 100%; }
#posts figure img, #posts figure iframe { display: block; margin: 0 auto; }
@media (max-width: 500px) { #posts figure { overflow: hidden; margin-left: -1em; margin-right: -1em; }
#posts figcaption { padding-left: 1em; padding-right: 1em; text-align: left; } }
@media (min-width: 700px) { #posts > .audio { max-width: 500px; margin-left: auto; margin-right: auto; text-align: center; } }
@media (min-width: 700px) { #posts > .video { text-align: center; } }
.photo-post .notfullres { background-color: {color:Photo background}; }
.photo-panorama .notfullres img { width: 100%; }
.isPermalinkPage #posts .fullres { margin-top: 2.8em; margin-bottom: 2.8em; }
@media (min-width: 900px) { #posts .fullres { margin-left: -100px; margin-right: -100px; } }
@media (min-width: 720px) { .col-normal #posts .fullres { margin-left: calc(-50vw + 350px); margin-right: calc(-50vw + 350px); } }
@media (min-width: 520px) { .col-narrow #posts .fullres { margin-left: calc(-50vw + 250px); margin-right: calc(-50vw + 250px); } }
.photoset-custom { margin: -10px; font-size: 0; }
.photoset-custom img { width: 100%; }
.photoset-custom a { border: none; display: inline-block; border: none; padding: 10px; vertical-align: top; -moz-box-sizing: border-box; box-sizing: border-box; cursor: zoom-in; }
.col-narrow .photoset-custom a { width: 50%; }
.col-normal .photoset-custom a, .col-wide .photoset-custom a { width: 33.3%; }
.photoset-custom[data-count="1"] a, .photoset-custom[data-count="2"] a, .photoset-custom[data-count="4"] a { width: 50%; }
@media (max-width: 700px) { #posts .photoset-custom a { width: 50%; } }
@media (max-width: 500px) { #posts .photoset-custom a { width: 100%; } }
@media (min-width: 701px) { body:not(.col-narrow):not(.text-biggest) #posts blockquote { padding-left: 3ch; } }
@media (max-width: 700px) { #posts blockquote { padding-left: 2ch; } }
@media (max-width: 500px) { #posts blockquote > blockquote { margin-left: -2ch; }
#posts blockquote > blockquote::before { background-color: {color:Background color}; } }
.quote-author, .quote-author a { color: inherit; }
:not(blockquote) > .quote-meta, :not(blockquote) > blockquote { color: {color:Base quote color}; }
:not(blockquote) > blockquote > .quote-meta, :not(blockquote) > blockquote > blockquote { color: {color:Alternate quote color}; }
:not(blockquote) > blockquote > blockquote > .quote-meta, :not(blockquote) > blockquote > blockquote > blockquote { color: {color:Base quote color}; }
:not(blockquote) > blockquote > blockquote > blockquote > .quote-meta, :not(blockquote) > blockquote > blockquote > blockquote > blockquote { color: {color:Alternate quote color}; }
:not(blockquote) > blockquote > blockquote > blockquote > blockquote > .quote-meta, :not(blockquote) > blockquote > blockquote > blockquote > blockquote > blockquote { color: {color:Base quote color}; }
blockquote > blockquote > blockquote > blockquote > blockquote > .quote-meta, blockquote > blockquote > blockquote > blockquote > blockquote > blockquote { color: {color:Alternate quote color}; }
blockquote.hidden { display: none; }
.quote-toggle { display: inline-block; margin-left: 1ch; }
.quote-meta.short .quote-toggle { display: none; }
.quote-toggle:focus { outline: 1px dotted; }
.quote-toggle span { position: absolute; width: 0px; height: 0px; overflow: hidden; }
.quote-toggle::before { content: "{-}"; }
.quote-toggle.hidden::before { content: "{+}"; }
.notes-container ol.notes { margin: 0; }
.notes-container ol.notes li::before { content: none; }
.notes-container .more_notes_link_container { margin-top: 1.4em; }
.notes-container ol.notes blockquote { margin: 1.4em; }
.notes-container ol.notes blockquote a { color: inherit; border: none; }
.notes-container .avatar_frame { display: none; }
{CustomCSS}
/* selectores con color */
::selection {
background-color: #ffd681;
color: #110b2b;
}
:root {
color-scheme: dark;
}
/* HTML TAGS BY INGROWNMINK4 */
/* Works only on Firefox */
html {
scrollbar-color: #ffd681 #110b2b;
scrollbar-width: auto
}
}
html {
scroll-behavior: smooth;
}
html {
-ms-overflow-style: -ms-autohiding-scrollbar;
}
html {
text-rendering: optimizeLegibility;
}
</style>