108 行
1.5 KiB
CSS
108 行
1.5 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;
|
||
|
}
|