theme update + tidy up

This commit is contained in:
Dooho Yi 2021-06-29 19:08:34 +09:00
parent a74b8529e6
commit ec516cf9b3
4 changed files with 255 additions and 241 deletions

View file

@ -8,83 +8,89 @@
<link rel="stylesheet" href="{{ SITEURL }}/theme/css/tachyons.min.css" type="text/css" /> <link rel="stylesheet" href="{{ SITEURL }}/theme/css/tachyons.min.css" type="text/css" />
<script type="text/javascript" src="{{ SITEURL }}/theme/js/jquery-3.5.0.min.js"></script> <script type="text/javascript" src="{{ SITEURL }}/theme/js/jquery-3.5.0.min.js"></script>
<style> <style>
body { html {
font: 1em/1.5 AppleGothic, NanumGothic, Sans-serif; scrollbar-width: none;
letter-spacing: +0.02em; }
word-spacing: +0.2em;
color: rgba(100, 255, 200, 1.0); /* chartreuse */ body {
/* color: rgba(255, 20, 147, 1.0); */ /* deeppink */ font: 1em/1.5 AppleGothic, NanumGothic, Sans-serif;
background-color: rgba(0, 20, 40, 1.0); /* black */ letter-spacing: +0.02em;
scrollbar-width: none; word-spacing: +0.2em;
} color: rgba(100, 255, 200, 1.0);
/* chartreuse */
/* color: rgba(255, 20, 147, 1.0); */
/* deeppink */
background-color: rgba(0, 20, 40, 1.0);
/* black */
scrollbar-width: none;
}
header { header {
font-size: 3.6em; font-size: 3.6em;
font-family: AppleGothic, NanumGothic, Sans-serif; font-family: AppleGothic, NanumGothic, Sans-serif;
} }
.shrinkingtitle { .shrinkingtitle {
font-size: 0.8em; font-size: 0.8em;
} }
@media only screen and (max-width: 600px) { @media only screen and (max-width: 600px) {
.shrinkingtitle { .shrinkingtitle {
font-size: 0.5em; font-size: 0.5em;
} }
} }
body::-webkit-scrollbar { body::-webkit-scrollbar {
width: 0; width: 0;
height: 0; height: 0;
} }
a { a {
color: rgba(100, 255, 200, 0.5); color: rgba(100, 255, 200, 0.5);
text-decoration: none; text-decoration: none;
} }
a.noticeable:hover { a.noticeable:hover {
backgrounda-color: rgba(100, 255, 200, 0.15); backgrounda-color: rgba(100, 255, 200, 0.15);
opacity: 0.4; opacity: 0.4;
} }
a.exlink { a.exlink {
color: rgba(100, 255, 200, 0.5); color: rgba(100, 255, 200, 0.5);
border-width: 1px; border-width: 1px;
border-color: rgba(100, 255, 200, 0.5); border-color: rgba(100, 255, 200, 0.5);
border-style: solid; border-style: solid;
} }
p { p {
margin: 0; margin: 0;
} }
.paginator { .paginator {
color: rgba(100, 255, 200, 0.5); color: rgba(100, 255, 200, 0.5);
} }
article.title { article.title {
font-size: 1.1em; font-size: 1.1em;
} }
time { time {
font-size: 0.65em; font-size: 0.65em;
} }
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
opacity: 0.3; opacity: 0.3;
} }
ul { ul {
padding-bottom: 1em; padding-bottom: 1em;
padding-inline-start: 2em; padding-inline-start: 2em;
} }
.footnote-reference { .footnote-reference {
font-size: 0.65em; font-size: 0.65em;
vertical-align: super; vertical-align: super;
} }
</style> </style>
</head> </head>

View file

@ -8,82 +8,84 @@
<link rel="stylesheet" href="{{ SITEURL }}/theme/css/tachyons.min.css" type="text/css" /> <link rel="stylesheet" href="{{ SITEURL }}/theme/css/tachyons.min.css" type="text/css" />
<script type="text/javascript" src="{{ SITEURL }}/theme/js/jquery-3.5.0.min.js"></script> <script type="text/javascript" src="{{ SITEURL }}/theme/js/jquery-3.5.0.min.js"></script>
<style> <style>
body { html {
font: 1em/1.5 AppleGothic, NanumGothic, Sans-serif; scrollbar-width: none;
letter-spacing: +0.02em; }
word-spacing: +0.2em; body {
font: 1em/1.5 AppleGothic, NanumGothic, Sans-serif;
letter-spacing: +0.02em;
word-spacing: +0.2em;
color: rgba(206, 201, 201, 1.0);
background-color: rgba(48, 48, 48, 1.0);
scrollbar-width: none;
}
color: rgba(206, 201, 201, 1.0); header {
background-color: rgba(48, 48, 48, 1.0); font-size: 3.6em;
scrollbar-width: none; font-family: AppleGothic, NanumGothic, Sans-serif;
} }
header { .shrinkingtitle {
font-size: 3.6em; font-size: 0.8em;
font-family: AppleGothic, NanumGothic, Sans-serif; }
}
.shrinkingtitle { @media only screen and (max-width: 600px) {
font-size: 0.8em; .shrinkingtitle {
} font-size: 0.5em;
}
}
@media only screen and (max-width: 600px) { body::-webkit-scrollbar {
.shrinkingtitle { width: 0;
font-size: 0.5em; height: 0;
} }
}
body::-webkit-scrollbar { a {
width: 0; color: rgba(255, 124, 0, 1.0);
height: 0; text-decoration: none;
} }
a { a.noticeable:hover {
color: rgba(255, 124, 0, 1.0); backgrounda-color: rgba(255, 124, 0, 0.5);
text-decoration: none; opacity: 0.4;
} }
a.noticeable:hover { a.exlink {
backgrounda-color: rgba(255, 124, 0, 0.5); color: rgba(255, 124, 0, 1.0);
opacity: 0.4; /* border-width: 1px;
} border-color: rgba(255, 124, 0, 0.5);
border-style: solid; */
}
a.exlink { p {
color: rgba(255, 124, 0, 1.0); margin: 0;
/* border-width: 1px; }
border-color: rgba(255, 124, 0, 0.5);
border-style: solid; */
}
p { .paginator {
margin: 0; color: rgba(206, 201, 201, 0.5);
} }
.paginator { article.title {
color: rgba(206, 201, 201, 0.5); font-size: 1.1em;
} }
article.title { time {
font-size: 1.1em; font-size: 0.65em;
} }
time { h1, h2, h3, h4, h5, h6 {
font-size: 0.65em; opacity: 0.3;
} }
h1, h2, h3, h4, h5, h6 { ul {
opacity: 0.3; padding-bottom: 1em;
} padding-inline-start: 2em;
}
ul { .footnote-reference {
padding-bottom: 1em; font-size: 0.65em;
padding-inline-start: 2em; vertical-align: super;
} }
.footnote-reference {
font-size: 0.65em;
vertical-align: super;
}
</style> </style>
</head> </head>

View file

@ -8,72 +8,75 @@
<link rel="stylesheet" href="{{ SITEURL }}/theme/css/tachyons.min.css" type="text/css" /> <link rel="stylesheet" href="{{ SITEURL }}/theme/css/tachyons.min.css" type="text/css" />
<script type="text/javascript" src="{{ SITEURL }}/theme/js/jquery-3.5.0.min.js"></script> <script type="text/javascript" src="{{ SITEURL }}/theme/js/jquery-3.5.0.min.js"></script>
<style> <style>
body { html {
font: 1em/1.5 AppleGothic, NanumGothic, Sans-serif; scrollbar-width: none;
letter-spacing: +0.02em; }
word-spacing: +0.2em; body {
font: 1em/1.5 AppleGothic, NanumGothic, Sans-serif;
letter-spacing: +0.02em;
word-spacing: +0.2em;
scrollbar-width: none; scrollbar-width: none;
} }
header { header {
font-size: 3.6em; font-size: 3.6em;
font-family: AppleGothic, NanumGothic, Sans-serif; font-family: AppleGothic, NanumGothic, Sans-serif;
} }
.shrinkingtitle { .shrinkingtitle {
font-size: 0.8em; font-size: 0.8em;
} }
@media only screen and (max-width: 600px) { @media only screen and (max-width: 600px) {
.shrinkingtitle { .shrinkingtitle {
font-size: 0.5em; font-size: 0.5em;
} }
} }
body::-webkit-scrollbar { body::-webkit-scrollbar {
width: 0; width: 0;
height: 0; height: 0;
} }
a { a {
color: black; color: black;
text-decoration: none; text-decoration: none;
} }
a.noticeable:hover { a.noticeable:hover {
background-color: rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.1);
} }
p { p {
margin: 0; margin: 0;
} }
.paginator { .paginator {
opacity: 0.5; opacity: 0.5;
} }
article.title { article.title {
font-size: 1.2em; font-size: 1.2em;
} }
time { time {
font-size: 0.65em; font-size: 0.65em;
} }
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
opacity: 0.5; opacity: 0.5;
} }
ul { ul {
padding-bottom: 1em; padding-bottom: 1em;
padding-inline-start: 2em; padding-inline-start: 2em;
} }
.footnote-reference { .footnote-reference {
font-size: 0.65em; font-size: 0.65em;
vertical-align: super; vertical-align: super;
} }
</style> </style>
</head> </head>
@ -92,9 +95,9 @@
</div> </div>
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function () { $(document).ready(function () {
$('a[class*=external]').attr('target', '_blank').css('background-color', 'rgba(0, 0, 0, 0.1)'); $('a[class*=external]').attr('target', '_blank').css('background-color', 'rgba(0, 0, 0, 0.1)');
}); });
</script> </script>
</body> </body>

View file

@ -8,86 +8,89 @@
<link rel="stylesheet" href="{{ SITEURL }}/theme/css/tachyons.min.css" type="text/css" /> <link rel="stylesheet" href="{{ SITEURL }}/theme/css/tachyons.min.css" type="text/css" />
<script type="text/javascript" src="{{ SITEURL }}/theme/js/jquery-3.5.0.min.js"></script> <script type="text/javascript" src="{{ SITEURL }}/theme/js/jquery-3.5.0.min.js"></script>
<style> <style>
body { html {
font: 1em/1.5 AppleGothic, NanumGothic, Sans-serif; scrollbar-width: none;
letter-spacing: +0.02em; }
word-spacing: +0.2em;
color: rgba(37, 176, 118, 1.0); body {
background-color: rgba(16, 20, 20, 1.0); font: 1em/1.5 AppleGothic, NanumGothic, Sans-serif;
scrollbar-width: none; letter-spacing: +0.02em;
} word-spacing: +0.2em;
color: rgba(37, 176, 118, 1.0);
background-color: rgba(16, 20, 20, 1.0);
scrollbar-width: none;
}
header { header {
font-size: 3.6em; font-size: 3.6em;
font-family: AppleGothic, NanumGothic, Sans-serif; font-family: AppleGothic, NanumGothic, Sans-serif;
} }
.shrinkingtitle { .shrinkingtitle {
font-size: 0.8em; font-size: 0.8em;
} }
@media only screen and (max-width: 600px) { @media only screen and (max-width: 600px) {
.shrinkingtitle { .shrinkingtitle {
font-size: 0.5em; font-size: 0.5em;
} }
} }
body::-webkit-scrollbar { body::-webkit-scrollbar {
width: 0; width: 0;
height: 0; height: 0;
} }
a { a {
color: rgba(180, 64, 134, 1.0); color: rgba(180, 64, 134, 1.0);
text-decoration: none; text-decoration: none;
} }
a.noticeable:hover { a.noticeable:hover {
backgrounda-color: rgba(180, 64, 134, 0.5); backgrounda-color: rgba(180, 64, 134, 0.5);
opacity: 0.4; opacity: 0.4;
} }
a.exlink { a.exlink {
color: rgba(180, 64, 134, 1.0); color: rgba(180, 64, 134, 1.0);
border-width: 1px; border-width: 1px;
border-color: rgba(180, 64, 134, 0.5); border-color: rgba(180, 64, 134, 0.5);
border-style: solid; border-style: solid;
} }
p { p {
margin: 0; margin: 0;
} }
.paginator { .paginator {
color: rgba(37, 176, 118, 0.5); color: rgba(37, 176, 118, 0.5);
} }
article.title { article.title {
font-size: 1.1em; font-size: 1.1em;
} }
time { time {
font-size: 0.65em; font-size: 0.65em;
} }
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
opacity: 0.3; opacity: 0.3;
} }
ul { ul {
padding-bottom: 1em; padding-bottom: 1em;
padding-inline-start: 2em; padding-inline-start: 2em;
} }
hr { hr {
border-color: rgba(37, 176, 118, 0.7); border-color: rgba(37, 176, 118, 0.7);
} }
.footnote-reference { .footnote-reference {
font-size: 0.65em; font-size: 0.65em;
vertical-align: super; vertical-align: super;
} }
</style> </style>
</head> </head>