116 行
1.6 KiB
CSS
116 行
1.6 KiB
CSS
body {
|
|
background: url("/static/background.png");
|
|
background-repeat: no-repeat;
|
|
background-attachment: fixed;
|
|
background-size: 100%;
|
|
background-color: #24263a;
|
|
color: #f66;
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
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 {
|
|
max-width: 900px;
|
|
margin: 12px auto;
|
|
background-color: rgba(100, 0, 0, 0.25);
|
|
padding: 8px;
|
|
border: 1px solid #f00;
|
|
}
|
|
|
|
hr {
|
|
color: #e9e967;
|
|
}
|
|
|
|
.webring-img {
|
|
width: initial;
|
|
}
|
|
|
|
.comment-iframe {
|
|
width: 100%;
|
|
max-width: 900px;
|
|
min-height: 600px;
|
|
border: none;
|
|
overflow-y: scroll;
|
|
}
|