79 lines
1 KiB
CSS
79 lines
1 KiB
CSS
|
:root {
|
||
|
color: #DBDEE1;
|
||
|
background-color: #313338;
|
||
|
font-family: monospace;
|
||
|
}
|
||
|
|
||
|
img {
|
||
|
position: absolute;
|
||
|
transform: translate(-50%, -50%);
|
||
|
left: 50%;
|
||
|
top: 50%;
|
||
|
max-width: 75%;
|
||
|
max-height: 75%;
|
||
|
width: auto;
|
||
|
height: auto;
|
||
|
}
|
||
|
|
||
|
img.censored {
|
||
|
filter: blur(16px) brightness(.75);
|
||
|
}
|
||
|
|
||
|
.footer {
|
||
|
position: fixed;
|
||
|
left: 0;
|
||
|
bottom: 0;
|
||
|
width: 100%;
|
||
|
padding: 8px 0;
|
||
|
background-color: #2B2D31;
|
||
|
text-align: center;
|
||
|
}
|
||
|
|
||
|
.warning {
|
||
|
width: auto;
|
||
|
bottom: 60px;
|
||
|
padding: 4px;
|
||
|
color: black;
|
||
|
background-color: orange;
|
||
|
}
|
||
|
|
||
|
table, .comment, .warning {
|
||
|
position: absolute;
|
||
|
transform: translate(-50%, 0);
|
||
|
left: 50%;
|
||
|
}
|
||
|
|
||
|
.comment, .center {
|
||
|
white-space: pre;
|
||
|
}
|
||
|
|
||
|
.center {
|
||
|
margin: 200px 200px 0;
|
||
|
}
|
||
|
|
||
|
a {
|
||
|
color: #DBDEE1;
|
||
|
}
|
||
|
|
||
|
a:hover {
|
||
|
color: white;
|
||
|
}
|
||
|
|
||
|
span.interactable {
|
||
|
color: #DBDEE1;
|
||
|
text-decoration: underline;
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
|
||
|
span.interactable:hover {
|
||
|
color: white;
|
||
|
}
|
||
|
|
||
|
.warning a, .warning span.interactable {
|
||
|
color: black;
|
||
|
}
|
||
|
|
||
|
.warning a:hover, .warning span.interactable:hover {
|
||
|
color: #444444;
|
||
|
}
|