zyqunix/tools
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

1. changed to a global css instead of using the same shit over and over.

Browse source 
2. deleted soem unused stuff
3. stole some windows' api virtual keys site keys
This commit is contained in:
zyqunix 2025-01-17 23:14:57 +01:00
parent e5449fda26
commit 3cf2363147
18 changed files with 1276 additions and 612 deletions
Download patch file Download diff file Expand all files Collapse all files

1010
code/index.html Normal file
View file

File diff suppressed because it is too large Load diff

208
code/style.css Normal file
View file

@ -0,0 +1,208 @@
@import url(/global.css);
body {
min-height: 100vh;
margin: 0;
font-size: 1rem;
background-color: #2a2a2a;
color: #f0f0f0;
overflow-x: hidden;
font-family: 'Hack', 'JetBrainsMono', monospace;
}
h3 {
position: absolute;
top: 30px;
}
code {
background-color: #404040;
border-radius: 3px;
padding: 0.1em 0.2em;
font-size: 85%;
word-wrap: break-word;
}
table {
margin-top: 0;
border-collapse: collapse;
table-layout: auto;
font-size: 0.875rem;
align-items: start;
}
thead {
margin-left: 100px !important;
}
div[class="has-inner-focus"] {
text-align: left;
width: 600px !important;
max-width: 600px;
}
th {
padding: 2px;
border-left: 2px solid #505050;
}
tr {
border: 2px solid #505050;
border-bottom: none;
}
tr > td {
padding-top: 3px;
padding-bottom: 3px;
border-left: 2px solid #505050;
}
td:first-of-type {
padding-left: 3px;
padding-right: 5px;
}
td:nth-of-type(2) {
padding-right: 20px;
padding-left: 3px;
}
td:nth-of-type(3) {
padding-left: 3px;
}
div.main {
position: absolute;
top: 100px;
align-items: start;
}
summary {
cursor: pointer;
position: sticky;
top: 0;
background-color: #333333;
padding: 0.5em;
border-radius: 5px;
z-index: 10;
text-align: start !important;
font-weight: bold;
max-width: 600px;
display: flex;
justify-content: left;
align-items: center;
user-select: none;
}
summary > a {
margin-left: 8px;
}
details[open] > summary {
transition: background-color 0.3s ease;
border-radius: 5px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
details:not([open]) > summary {
width: 600px !important;
}
details > summary::marker {
content: '';
}
summary:hover {
background-color: #444444;
}
details > summary::before {
content: '';
display: inline-block;
width: 1em;
height: 1em;
margin-right: 0.5em;
background-size: contain;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M4.29289 8.29289C4.68342 7.90237 5.31658 7.90237 5.70711 8.29289L12 14.5858L18.2929 8.29289C18.6834 7.90237 19.3166 7.90237 19.7071 8.29289C20.0976 8.68342 20.0976 9.31658 19.7071 9.70711L12.7071 16.7071C12.3166 17.0976 11.6834 17.0976 11.2929 16.7071L4.29289 9.70711C3.90237 9.31658 3.90237 8.68342 4.29289 8.29289Z"/></svg>');
transition: transform 0.2s ease;
}
details[open] > summary::before {
transform: rotate(-90deg);
}
/* not dis again blehhhhhhh */
@media screen and (max-width: 1200px) {
body {
font-size: 0.95rem;
}
div[class="has-inner-focus"] {
width: 100% !important;
max-width: 100% !important;
}
summary {
max-width: 90%;
}
table {
font-size: 0.8rem;
}
}
@media screen and (max-width: 768px) {
body {
font-size: 0.85rem;
}
h3 {
position: relative;
top: 0;
font-size: 1.2rem;
}
div[class="has-inner-focus"] {
width: 100% !important;
max-width: 100% !important;
}
summary {
font-size: 1rem;
padding: 0.4em;
}
table {
font-size: 0.75rem;
}
}
@media screen and (max-width: 480px) {
body {
font-size: 0.75rem;
}
div[class="has-inner-focus"] {
width: 100% !important;
max-width: 100% !important;
}
summary {
font-size: 0.9rem;
padding: 0.3em;
}
table {
font-size: 0.7rem;
}
h3 {
font-size: 1rem;
top: 10px;
}
}