2022-06-18 22:03:33 +09:00
|
|
|
body {
|
2023-01-02 20:45:42 +09:00
|
|
|
background-color: #170202;
|
2022-06-18 22:03:33 +09:00
|
|
|
color: #f66;
|
2023-01-02 20:45:42 +09:00
|
|
|
background-image: url("/static/stars.png");
|
2022-06-18 22:03:33 +09:00
|
|
|
}
|
|
|
|
|
|
|
|
a {
|
|
|
|
color: #aa0;
|
|
|
|
}
|
|
|
|
|
|
|
|
blockquote {
|
|
|
|
background-color: #222;
|
|
|
|
color: #aaa;
|
|
|
|
padding: 8px;
|
|
|
|
border-radius: 4px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.heading {
|
|
|
|
font-size: 80px;
|
|
|
|
text-align: center;
|
|
|
|
animation: color-change 1s infinite;
|
|
|
|
text-shadow: 0 0 80px rgb(255 40 40 / 50%), 0 0 32px rgb(255 83 83 / 52%);
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes color-change {
|
|
|
|
0% { color: #300; }
|
|
|
|
21% { color: #300; }
|
|
|
|
22% { color: #fff; }
|
|
|
|
24% { color: #300; }
|
|
|
|
26% { color: #fff; }
|
|
|
|
28% { color: #300; }
|
|
|
|
44% { color: #300; }
|
|
|
|
45% { color: #fff; }
|
|
|
|
46% { color: #300; }
|
|
|
|
47% { color: #fff; }
|
|
|
|
48% { color: #300; }
|
|
|
|
49% { color: #fff; }
|
|
|
|
75% { color: #fff; }
|
|
|
|
76% { color: #300; }
|
|
|
|
77% { color: #fff; }
|
|
|
|
78% { color: #300; }
|
|
|
|
79% { color: #fff; }
|
|
|
|
80% { color: #300; }
|
|
|
|
100% { color: #300; }
|
|
|
|
}
|
|
|
|
|
|
|
|
h1 {
|
|
|
|
color: #ffeb3b;
|
|
|
|
}
|
|
|
|
|
|
|
|
h2 {
|
|
|
|
color: #ffd78d;
|
|
|
|
}
|
|
|
|
|
2023-01-02 20:45:42 +09:00
|
|
|
h3 {
|
|
|
|
color: #ffe3b0;
|
|
|
|
}
|
|
|
|
|
|
|
|
h4 {
|
|
|
|
color: #ffedcd;
|
|
|
|
}
|
|
|
|
|
2022-06-18 22:03:33 +09:00
|
|
|
pre {
|
|
|
|
background-color: #222 !important;
|
|
|
|
padding: 8px;
|
|
|
|
border-radius: 4px;
|
|
|
|
overflow-x: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
img {
|
|
|
|
width: 100%;
|
|
|
|
max-width: 1000px;
|
|
|
|
}
|
|
|
|
|
|
|
|
video {
|
|
|
|
width: 100%;
|
|
|
|
max-width: 720px;
|
|
|
|
max-height: 405px;
|
|
|
|
}
|
|
|
|
|
|
|
|
table {
|
|
|
|
margin: 1em;
|
|
|
|
border: 1px solid #f00;
|
|
|
|
}
|
|
|
|
|
|
|
|
th {
|
|
|
|
background-color: #600;
|
|
|
|
}
|
|
|
|
|
|
|
|
td {
|
|
|
|
background-color: #100;
|
|
|
|
}
|
|
|
|
|
|
|
|
td, th {
|
|
|
|
border: 1px solid #200;
|
|
|
|
}
|
|
|
|
|
|
|
|
.container {
|
|
|
|
margin: 12px auto;
|
2023-01-02 20:45:42 +09:00
|
|
|
background-color: rgba(70, 0, 0, .6);
|
2022-06-18 22:03:33 +09:00
|
|
|
border: 1px solid #f00;
|
|
|
|
}
|
|
|
|
|
2023-01-02 20:45:42 +09:00
|
|
|
td.site-logo, td.site-menu, td.site-body, td.site-footer {
|
|
|
|
background-color: transparent;
|
|
|
|
vertical-align: top;
|
|
|
|
}
|
|
|
|
|
|
|
|
td.site-logo {
|
|
|
|
border-bottom: 1px solid #e9e967;
|
|
|
|
}
|
|
|
|
|
|
|
|
td.site-logo > a {
|
|
|
|
color: transparent;
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
td.site-menu {
|
|
|
|
width: 170px;
|
|
|
|
}
|
|
|
|
|
|
|
|
h2.site-sub-menu, h1.title {
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
td.site-body, td.site-menu {
|
|
|
|
padding: 8px;
|
|
|
|
}
|
|
|
|
|
|
|
|
td.site-body {
|
|
|
|
width: 900px;
|
|
|
|
border-left: 1px solid #e9e967;
|
|
|
|
border-right: 1px solid #e9e967;
|
|
|
|
}
|
|
|
|
|
|
|
|
td.site-footer {
|
|
|
|
border-top: 1px solid #e9e967;
|
|
|
|
}
|
|
|
|
|
2022-06-18 22:03:33 +09:00
|
|
|
hr {
|
2023-01-02 20:45:42 +09:00
|
|
|
border-color: #e9e967;
|
|
|
|
box-shadow: 0px 0px 12px 2px #ffff00;
|
2022-06-18 22:03:33 +09:00
|
|
|
}
|
|
|
|
|
|
|
|
.webring-img {
|
|
|
|
width: initial;
|
|
|
|
}
|
2022-07-04 07:42:27 +09:00
|
|
|
|
2023-01-02 20:45:42 +09:00
|
|
|
.big-tag {
|
|
|
|
background-color: #822d2d;
|
|
|
|
margin: 2px;
|
|
|
|
padding: 2px;
|
|
|
|
border-radius: 4px;
|
|
|
|
display: inline-block;
|
2022-07-04 07:42:27 +09:00
|
|
|
}
|
2023-01-02 20:45:42 +09:00
|
|
|
|
|
|
|
.big-tag > a {
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.samune {
|
|
|
|
max-width: 300px;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.artnotes {
|
|
|
|
background-color: #a60d0d;
|
|
|
|
border: 1px dashed #ddcf82;
|
|
|
|
color: #d39191;
|
|
|
|
padding: 4px;
|
|
|
|
width: 95%;
|
|
|
|
margin: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.mt15 { margin-top: 1.5rem; }
|
|
|
|
.mb { margin-bottom: 1rem; }
|