93 lines
1.6 KiB
Text
93 lines
1.6 KiB
Text
<style>
|
|
html {
|
|
font-family: monospace;
|
|
font-site: 12px;
|
|
text-align: justify;
|
|
}
|
|
body {
|
|
background-color: black;
|
|
color: white;
|
|
|
|
margin: 0;
|
|
|
|
height: 100%;
|
|
width: 100%;
|
|
max-width: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
z-index: -2;
|
|
}
|
|
|
|
header {
|
|
display: flex;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
}
|
|
|
|
main {
|
|
max-width: calc(100% - 8px);
|
|
padding: 4px;
|
|
}
|
|
|
|
pre {
|
|
max-width: 100%;
|
|
overflow-x: scroll;
|
|
}
|
|
|
|
a {
|
|
color: white;
|
|
}
|
|
|
|
p, input, button {
|
|
margin-top: 2px;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
h1 {
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.watermark {
|
|
position: fixed;
|
|
bottom: 2px;
|
|
right: 2px;
|
|
}
|
|
.watermark img {
|
|
height: 32px;
|
|
}
|
|
|
|
#matrix {
|
|
position: fixed;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
z-index: -1;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
button, input[type="file"]::file-selector-button {
|
|
cursor: pointer;
|
|
text-decoration-line: underline;
|
|
background-color: transparent;
|
|
color: white;
|
|
|
|
padding: 0;
|
|
|
|
border: none;
|
|
}
|
|
button:active, input[type="file"]::file-selector-button:active {
|
|
background-color: transparent;
|
|
color: white;
|
|
padding: 0;
|
|
}
|
|
|
|
input[type="file"] {
|
|
display: block;
|
|
border: none;
|
|
cursor: pointer;
|
|
padding: 0;
|
|
}
|
|
</style>
|