288 lines
13 KiB
CSS
288 lines
13 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
.card-shadow {
|
|
filter: drop-shadow(7px 7px 0 rgb(0 0 0 / 1));
|
|
transition: all;
|
|
transition-duration: 0.5s;
|
|
animation: ease-in-out;
|
|
}
|
|
.card-shadow:hover {
|
|
filter: drop-shadow(5px 5px 0 rgb(0 0 0 / 1));
|
|
}
|
|
|
|
:root
|
|
{ /* ---- ⚫️ Colors ⚪️ ---- */
|
|
/* Base Tokens */
|
|
--sys-color-white: #FFFFFF;
|
|
--sys-color-black: #000000;
|
|
|
|
/* Theme Tokens */
|
|
--primary: var(--sys-color-white);
|
|
--secondary: var(--sys-color-black);
|
|
}
|
|
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width: 22px;
|
|
background-color: var(--primary);
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: linear-gradient(45deg, var(--secondary) 25%, transparent 25%, transparent 75%, var(--secondary) 75%, var(--secondary)), linear-gradient(45deg, var(--secondary) 25%, transparent 25%, transparent 75%, var(--secondary) 75%, var(--secondary));
|
|
background-color: var(--primary);
|
|
background-size: 4px 4px;
|
|
background-position: 0 0, 2px 2px;
|
|
width: 10px;
|
|
border-left: 3px solid var(--secondary);
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
width: 20px;
|
|
box-sizing: content-box;
|
|
background-color: var(--primary);
|
|
border: 2px solid var(--secondary);
|
|
border-right: none;
|
|
}
|
|
|
|
::-webkit-scrollbar-button:horizontal:start:decrement,
|
|
::-webkit-scrollbar-button:horizontal:end:increment,
|
|
::-webkit-scrollbar-button:vertical:start:decrement,
|
|
::-webkit-scrollbar-button:vertical:end:increment {
|
|
display: block;
|
|
}
|
|
::-webkit-scrollbar-button:vertical:start {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' stroke='%23000' d='M.5.5h21v22.375H.5z'/%3E%3Cpath fill='%23000' d='M1 23h20v-2H1zM1.375 12.375h5.5V11h-5.5zM6.875 17.875h6.875V16.5H6.875zM6.875 17.875v-5.5H5.5v5.5zM9.625 5.5V4.125H8.25V5.5zM11 4.125V2.75H9.625v1.375zM19.25 12.375V11h-1.375v1.375zM17.875 11V9.625H16.5V11zM16.5 9.625V8.25h-1.375v1.375zM15.125 8.25V6.875H13.75V8.25zM13.75 6.875V5.5h-1.375v1.375zM12.375 5.5V4.125H11V5.5zM8.25 6.875V5.5H6.875v1.375zM6.875 8.25V6.875H5.5V8.25zM5.5 9.625V8.25H4.125v1.375zM4.125 11V9.625H2.75V11z'/%3E%3Cpath fill='%23000' d='M2.75 12.375V11H1.375v1.375zM15.125 17.875v-5.5H13.75v5.5zM13.75 12.375h5.5V11h-5.5z'/%3E%3C/svg%3E");
|
|
background-repeat: no-repeat;
|
|
height: 23.38px;
|
|
}
|
|
::-webkit-scrollbar-button:vertical:start:active {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' stroke='%23000' d='M.5.5h21v22.38H.5z'/%3E%3Cpath fill='%23000' d='M1 23.005h20v-2H1zM1.375 12.378h5.5v-1.375h-5.5zM6.875 17.879h6.875V6.877H6.875zM6.875 17.879v-5.501H5.5v5.5zM9.625 5.501V4.126H8.25v1.375zM11 4.126V2.75H9.625v1.375zM19.25 12.378v-1.375h-1.375v1.375zM17.875 11.002V9.627H13.75v1.375zM16.5 9.627V8.252h-2.75v1.375zM15.125 8.252V6.877H13.75v1.375zM13.75 6.876V5.501h-1.375v1.375zM12.375 5.501V4.126h-2.75v1.375zM12.375 6.876V5.501h-5.5v1.375zM6.875 8.252V6.877H5.5v1.375zM6.875 9.627V8.252h-2.75v1.375zM6.875 11.002V9.627H2.75v1.375z'/%3E%3Cpath fill='%23000' d='M2.75 12.378v-1.375H1.375v1.375zM15.125 17.879v-5.501H13.75v5.5zM13.75 12.378h5.5v-1.375h-5.5z'/%3E%3C/svg%3E");
|
|
background-repeat: no-repeat;
|
|
height: 23.38px;
|
|
}
|
|
::-webkit-scrollbar-button:vertical:end {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' stroke='%23000' d='M.5 22.875h21V.5H.5z'/%3E%3Cpath fill='%23000' d='M1 .375h20v2H1zM1.375 11h5.5v1.375h-5.5zM6.875 5.5h6.875v1.375H6.875zM6.875 5.5V11H5.5V5.5zM9.625 17.875v1.375H8.25v-1.375zM11 19.25v1.375H9.625V19.25zM19.25 11v1.375h-1.375V11zM17.875 12.375v1.375H16.5v-1.375zM16.5 13.75v1.375h-1.375V13.75zM15.125 15.125V16.5H13.75v-1.375zM13.75 16.5v1.375h-1.375V16.5zM12.375 17.875v1.375H11v-1.375zM8.25 16.5v1.375H6.875V16.5zM6.875 15.125V16.5H5.5v-1.375zM5.5 13.75v1.375H4.125V13.75zM4.125 12.375v1.375H2.75v-1.375z'/%3E%3Cpath fill='%23000' d='M2.75 11v1.375H1.375V11zM15.125 5.5V11H13.75V5.5zM13.75 11h5.5v1.375h-5.5z'/%3E%3C/svg%3E");
|
|
height: 23.38px;
|
|
}
|
|
::-webkit-scrollbar-button:vertical:end:active {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' stroke='%23000' d='M.5 22.88h21V.5H.5z'/%3E%3Cpath fill='%23000' d='M1 .375h20v2H1zM1.375 11.002h5.5v1.375h-5.5zM6.875 5.501h6.875v11.002H6.875zM6.875 5.501v5.501H5.5v-5.5zM9.625 17.879v1.375H8.25v-1.375zM11 19.254v1.375H9.625v-1.375zM19.25 11.002v1.375h-1.375v-1.375zM17.875 12.378v1.375H13.75v-1.375zM16.5 13.753v1.375h-2.75v-1.375zM15.125 15.128v1.375H13.75v-1.375zM13.75 16.503v1.375h-1.375v-1.375zM12.375 17.879v1.375h-2.75v-1.375zM12.375 16.503v1.375h-5.5v-1.375zM6.875 15.128v1.375H5.5v-1.375zM6.875 13.753v1.375h-2.75v-1.375zM6.875 12.378v1.375H2.75v-1.375z'/%3E%3Cpath fill='%23000' d='M2.75 11.002v1.375H1.375v-1.375zM15.125 5.501v5.501H13.75v-5.5zM13.75 11.002h5.5v1.375h-5.5z'/%3E%3C/svg%3E");
|
|
background-repeat: no-repeat;
|
|
height: 23.38px;
|
|
}
|
|
::-webkit-scrollbar-button:horizontal:start {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' stroke='%23000' d='M.813 22.187v-21h22.375v21z'/%3E%3Cpath fill='%23000' d='M23.313 21.688v-20h-2v20zM12.688 21.313v-5.5h-1.376v5.5zM18.188 15.813V8.936h-1.375v6.876z'/%3E%3Cpath fill='%23000' d='M18.188 15.813h-5.5v1.374h5.5zM5.813 13.063H4.438v1.374h1.375zM4.438 11.688H3.063v1.374h1.374zM12.688 3.438h-1.376v1.374h1.376zM11.313 4.813H9.937v1.375h1.376zM9.938 6.188H8.562v1.375h1.376zM8.563 7.563H7.187v1.375h1.375zM7.188 8.938H5.813v1.374h1.375zM5.813 10.313H4.438v1.374h1.375zM7.188 14.438H5.813v1.374h1.375zM8.563 15.813H7.187v1.374h1.375zM9.938 17.188H8.562v1.375h1.376zM11.313 18.563H9.937v1.375h1.376zM12.688 19.938h-1.376v1.375h1.376zM18.188 7.563h-5.5v1.375h5.5z'/%3E%3Cpath fill='%23000' d='M12.688 8.938v-5.5h-1.376v5.5z'/%3E%3C/svg%3E");
|
|
background-repeat: no-repeat;
|
|
height: 23.38px;
|
|
}
|
|
::-webkit-scrollbar-button:horizontal:start:active {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' stroke='%23000' d='M.81 22.19v-21h22.38v21z'/%3E%3Cpath fill='%23000' d='M23.315 21.69v-20h-2v20zM12.688 21.315v-5.5h-1.375v5.5zM18.189 15.815V8.94H7.187v6.875z'/%3E%3Cpath fill='%23000' d='M18.189 15.815h-5.501v1.375h5.5zM5.811 13.065H4.436v1.375h1.375zM4.436 11.69H3.06v1.375h1.375zM12.688 3.44h-1.375v1.375h1.375zM11.312 4.815H9.937V8.94h1.375zM9.937 6.19H8.562v2.75h1.375z'/%3E%3Cpath fill='%23000' d='M8.562 7.565H7.187V8.94h1.375zM7.186 8.94H5.811v1.375h1.375zM5.811 10.315H4.436v2.75h1.375zM7.186 10.315H5.811v5.5h1.375zM8.562 15.815H7.187v1.375h1.375z'/%3E%3Cpath fill='%23000' d='M9.937 15.815H8.562v2.75h1.375zM11.312 15.815H9.937v4.125h1.375zM12.688 19.94h-1.375v1.375h1.375zM18.189 7.565h-5.501V8.94h5.5z'/%3E%3Cpath fill='%23000' d='M12.688 8.94v-5.5h-1.375v5.5z'/%3E%3C/svg%3E");
|
|
background-repeat: no-repeat;
|
|
height: 23.38px;
|
|
}
|
|
::-webkit-scrollbar-button:horizontal:end {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' stroke='%23000' d='M23.188 22.188v-21H.813v21z'/%3E%3Cpath fill='%23000' d='M.688 21.687v-20h2v20zM11.313 21.312v-5.5h1.375v5.5zM5.813 15.812V8.937h1.375v6.875zM5.813 15.813h5.5v1.375h-5.5zM18.188 13.063h1.375v1.375h-1.375zM19.563 11.688h1.375v1.375h-1.375zM11.313 3.438h1.375v1.375h-1.375zM12.688 4.813h1.375v1.375h-1.375zM14.063 6.188h1.375v1.375h-1.375zM15.438 7.563h1.375v1.375h-1.375zM16.813 8.938h1.375v1.375h-1.375zM18.188 10.313h1.375v1.375h-1.375zM16.813 14.438h1.375v1.375h-1.375zM15.438 15.813h1.375v1.375h-1.375zM14.063 17.188h1.375v1.375h-1.375zM12.688 18.563h1.375v1.375h-1.375z'/%3E%3Cpath fill='%23000' d='M11.313 19.938h1.375v1.375h-1.375zM5.813 7.563h5.5v1.375h-5.5zM11.313 8.937v-5.5h1.375v5.5z'/%3E%3C/svg%3E");
|
|
height: 23.38px;
|
|
}
|
|
::-webkit-scrollbar-button:horizontal:end:active {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' stroke='%23000' d='M23.19 22.19v-21H.81v21z'/%3E%3Cpath fill='%23000' d='M.685 21.69v-20h2v20zM11.312 21.315v-5.5h1.375v5.5zM5.811 15.815V8.94h11.002v6.875z'/%3E%3Cpath fill='%23000' d='M5.811 15.815h5.501v1.375H5.811zM18.189 13.065h1.375v1.375h-1.375zM19.564 11.69h1.375v1.375h-1.375zM11.312 3.44h1.375v1.375h-1.375zM12.688 4.815h1.375V8.94h-1.375zM14.063 6.19h1.375v2.75h-1.375zM15.438 7.565h1.375V8.94h-1.375zM16.814 8.94h1.375v1.375h-1.375zM18.189 10.315h1.375v2.75h-1.375zM16.814 10.315h1.375v5.5h-1.375zM15.438 15.815h1.375v1.375h-1.375zM14.063 15.815h1.375v2.75h-1.375zM12.688 15.815h1.375v4.125h-1.375zM11.312 19.94h1.375v1.375h-1.375zM5.811 7.565h5.501V8.94H5.811z'/%3E%3Cpath fill='%23000' d='M11.312 8.94v-5.5h1.375v5.5z'/%3E%3C/svg%3E");
|
|
background-repeat: no-repeat;
|
|
height: 23.38px;
|
|
}
|
|
|
|
|
|
.window-pane::-webkit-scrollbar {
|
|
width: 22px;
|
|
background-color: var(--primary);
|
|
}
|
|
.window-pane::-webkit-scrollbar-track {
|
|
background: linear-gradient(45deg, var(--secondary) 25%, transparent 25%, transparent 75%, var(--secondary) 75%, var(--secondary)), linear-gradient(45deg, var(--secondary) 25%, transparent 25%, transparent 75%, var(--secondary) 75%, var(--secondary));
|
|
background-color: var(--primary);
|
|
background-size: 4px 4px;
|
|
background-position: 0 0, 2px 2px;
|
|
width: 10px;
|
|
border-left: 4px solid var(--secondary);
|
|
}
|
|
.window-pane::-webkit-scrollbar-thumb {
|
|
width: 20px;
|
|
box-sizing: content-box;
|
|
background-color: var(--primary);
|
|
border: 2px solid var(--secondary);
|
|
border-right: none;
|
|
}
|
|
|
|
::selection
|
|
{
|
|
background-color: aliceblue;
|
|
}
|
|
|
|
/** GITHUB - Gists */
|
|
body .gist .highlight {
|
|
background: #272822;
|
|
}
|
|
body .gist .blob-num,
|
|
body .gist .blob-code-inner,
|
|
body .gist .pl-s2,
|
|
body .gist .pl-stj {
|
|
color: #f8f8f2;
|
|
}
|
|
body .gist .pl-c1 {
|
|
color: #ae81ff;
|
|
}
|
|
body .gist .pl-enti {
|
|
color: #a6e22e;
|
|
font-weight: 700;
|
|
}
|
|
body .gist .pl-st {
|
|
color: #66d9ef;
|
|
}
|
|
body .gist .pl-mdr {
|
|
color: #66d9ef;
|
|
font-weight: 400;
|
|
}
|
|
body .gist .pl-ms1 {
|
|
background: #fd971f;
|
|
}
|
|
body .gist .pl-c,
|
|
body .gist .pl-c span,
|
|
body .gist .pl-pdc {
|
|
color: #75715e;
|
|
font-style: italic;
|
|
}
|
|
body .gist .pl-cce,
|
|
body .gist .pl-cn,
|
|
body .gist .pl-coc,
|
|
body .gist .pl-enc,
|
|
body .gist .pl-ens,
|
|
body .gist .pl-kos,
|
|
body .gist .pl-kou,
|
|
body .gist .pl-mh .pl-pdh,
|
|
body .gist .pl-mp,
|
|
body .gist .pl-mp1 .pl-sf,
|
|
body .gist .pl-mq,
|
|
body .gist .pl-pde,
|
|
body .gist .pl-pse,
|
|
body .gist .pl-pse .pl-s2,
|
|
body .gist .pl-mp .pl-s3,
|
|
body .gist .pl-smi,
|
|
body .gist .pl-stp,
|
|
body .gist .pl-sv,
|
|
body .gist .pl-v,
|
|
body .gist .pl-vi,
|
|
body .gist .pl-vpf,
|
|
body .gist .pl-mri,
|
|
body .gist .pl-va,
|
|
body .gist .pl-vpu {
|
|
color: #66d9ef;
|
|
}
|
|
body .gist .pl-cos,
|
|
body .gist .pl-ml,
|
|
body .gist .pl-pds,
|
|
body .gist .pl-s,
|
|
body .gist .pl-s1,
|
|
body .gist .pl-sol {
|
|
color: #e6db74;
|
|
}
|
|
body .gist .pl-e,
|
|
body .gist .pl-ef,
|
|
body .gist .pl-en,
|
|
body .gist .pl-enf,
|
|
body .gist .pl-enm,
|
|
body .gist .pl-entc,
|
|
body .gist .pl-entm,
|
|
body .gist .pl-eoac,
|
|
body .gist .pl-eoac .pl-pde,
|
|
body .gist .pl-eoi,
|
|
body .gist .pl-mai .pl-sf,
|
|
body .gist .pl-mm,
|
|
body .gist .pl-pdv,
|
|
body .gist .pl-som,
|
|
body .gist .pl-sr,
|
|
body .gist .pl-vo {
|
|
color: #a6e22e;
|
|
}
|
|
body .gist .pl-ent,
|
|
body .gist .pl-eoa,
|
|
body .gist .pl-eoai,
|
|
body .gist .pl-eoai .pl-pde,
|
|
body .gist .pl-k,
|
|
body .gist .pl-ko,
|
|
body .gist .pl-kolp,
|
|
body .gist .pl-mc,
|
|
body .gist .pl-mr,
|
|
body .gist .pl-ms,
|
|
body .gist .pl-s3,
|
|
body .gist .pl-smc,
|
|
body .gist .pl-smp,
|
|
body .gist .pl-sok,
|
|
body .gist .pl-sra,
|
|
body .gist .pl-src,
|
|
body .gist .pl-sre {
|
|
color: #f92672;
|
|
}
|
|
body .gist .pl-mb,
|
|
body .gist .pl-pdb {
|
|
color: #e6db74;
|
|
font-weight: 700;
|
|
}
|
|
body .gist .pl-mi,
|
|
body .gist .pl-pdi {
|
|
color: #f92672;
|
|
font-style: italic;
|
|
}
|
|
body .gist .pl-pdc1,
|
|
body .gist .pl-scp {
|
|
color: #ae81ff;
|
|
}
|
|
body .gist .pl-sc,
|
|
body .gist .pl-sf,
|
|
body .gist .pl-mo,
|
|
body .gist .pl-entl {
|
|
color: #fd971f;
|
|
}
|
|
body .gist .pl-mi1,
|
|
body .gist .pl-mdht {
|
|
color: #a6e22e;
|
|
background: rgba(0, 64, 0, .5);
|
|
}
|
|
body .gist .pl-md,
|
|
body .gist .pl-mdhf {
|
|
color: #f92672;
|
|
background: rgba(64, 0, 0, .5);
|
|
}
|
|
body .gist .pl-mdh,
|
|
body .gist .pl-mdi {
|
|
color: #a6e22e;
|
|
font-weight: 400;
|
|
}
|
|
body .gist .pl-ib,
|
|
body .gist .pl-id,
|
|
body .gist .pl-ii,
|
|
body .gist .pl-iu {
|
|
background: #a6e22e;
|
|
color: #272822;
|
|
}
|
|
body .gist .gist-meta {
|
|
display: block;
|
|
background: #272727;
|
|
color: cyan;
|
|
}
|
|
body .gist .gist-meta a {
|
|
color: rgb(109, 172, 235);
|
|
}
|
|
body .gist .gist-file {
|
|
border-width: 0px;
|
|
border-radius: 0px;
|
|
border-bottom: 0px;
|
|
border: 0px;
|
|
}
|
|
body .gist .gist-file .gist-data td{
|
|
padding: 5px;
|
|
margin: 5px;
|
|
border: 0px;
|
|
border-width: 0px;
|
|
} |