john/runtimeterror
1
0
Fork 0
mirror of https://github.com/jbowdre/runtimeterror.git synced 2024-12-25 04:02:19 +00:00
Code Issues Projects Releases Packages Wiki Activity

css tweaks to fit site a bit better

Browse source
This commit is contained in:
John Bowdre 2023-11-09 15:41:42 -06:00
parent 569b9615f0
commit 6f819b75fd
1 changed files with 14 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
assets/css/code-copy-button.css
View file

@ -10,17 +10,17 @@
.copy-code-button { .copy-code-button {
position: absolute; position: absolute;
z-index: 2; z-index: -1;
right: 0; right: 0px;
top: -29px; top: -26px;
font-size: 13px; font-size: 13px;
font-weight: 700; font-weight: 700;
line-height: 14px; line-height: 14px;
letter-spacing: 0.5px; letter-spacing: 0.5px;
width: 65px; width: 65px;
color: #ffffff; color: var(--fg);
background-color: #000000; background-color: var(--bg);
border: 1.25px solid #232326; border: 1.25px solid var(--off-bg);
border-top-left-radius: 4px; border-top-left-radius: 4px;
border-top-right-radius: 4px; border-top-right-radius: 4px;
border-bottom-right-radius: 0px; border-bottom-right-radius: 0px;
@ -36,8 +36,8 @@
.copy-code-button:focus, .copy-code-button:focus,
.copy-code-button:active, .copy-code-button:active,
.copy-code-button:active:hover { .copy-code-button:active:hover {
color: #222225; color: var(--off-bg);
background-color: #b3b3b3; background-color: var(--off-fg);
opacity: 0.8; opacity: 0.8;
} }
@ -50,14 +50,14 @@
.torchlight [data-lang]:before { .torchlight [data-lang]:before {
position: absolute; position: absolute;
z-index: 0; z-index: -1;
top: -29px; top: -26px;
left: 0; left: 0px;
content: attr(data-lang); content: attr(data-lang);
font-size: 13px; font-size: 13px;
font-weight: 700; font-weight: 700;
color: white; color: var(--fg);
background-color: black; background-color: var(--bg);
border-top-left-radius: 4px; border-top-left-radius: 4px;
border-top-right-radius: 4px; border-top-right-radius: 4px;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
@ -67,6 +67,6 @@
opacity: 0.6; opacity: 0.6;
position: absolute; position: absolute;
letter-spacing: 0.5px; letter-spacing: 0.5px;
border: 1.25px solid #232326; border: 1.25px solid var(--off-bg);
margin: 0 0 0 1px; margin: 0 0 0 1px;
} }