70 lines
No EOL
1.7 KiB
CSS
70 lines
No EOL
1.7 KiB
CSS
/*
|
|
Gradient text w/ bevel
|
|
*/
|
|
.gradient-text {
|
|
background: linear-gradient(to right, var(--red), var(--yellow), var(--green), var(--cyan), var(--purple), var(--pink) 100%);
|
|
background-clip: text;
|
|
font-family: 'Verdana';
|
|
font-weight: 400;
|
|
font-size: 7em;
|
|
text-shadow: 0.025em 0.025em 0.025em rgba(0,0,0,0.25);
|
|
-webkit-text-fill-color: transparent;
|
|
-webkit-text-stroke-color: var(--comment);
|
|
-webkit-text-stroke-width: 2px;
|
|
}
|
|
|
|
.spoilers {
|
|
padding: 10pt;
|
|
border-style: solid;
|
|
border-width: 3pt;
|
|
border-radius: 10px;
|
|
border-image: linear-gradient(90deg, #f681ae, #f38282, #f7d54d, #6ed46e, #3ed3da, #a48ac9 100%);
|
|
border-image-slice: 1;
|
|
background-color: #282A36;
|
|
color: #ffb7c5;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.pink {
|
|
background: linear-gradient(183deg, #f9c2cc 10%, #FC8EAC 70%);
|
|
background-clip: text;
|
|
-webkit-background-clip: text;
|
|
font-family: 'Verdana';
|
|
font-size: 7em;
|
|
text-shadow: 0.025em 0.025em 0.025em rgba(0,0,0,0.25);
|
|
-webkit-text-fill-color: transparent;
|
|
-webkit-text-stroke-color: #FC8EAC;
|
|
-webkit-text-stroke-width: 2px;
|
|
}
|
|
|
|
.rainbow {
|
|
background: linear-gradient(90deg, #f681ae, #f38282, #f7d54d, #6ed46e, #3ed3da, #a48ac9 100%);
|
|
background-clip: text;
|
|
-webkit-background-clip: text;
|
|
color: transparent;
|
|
font-family: 'Verdana';
|
|
font-size: 1.5em;
|
|
text-align: justify;
|
|
}
|
|
|
|
.rainbow-head {
|
|
background: linear-gradient(90deg, #f681ae, #f38282, #f7d54d, #6ed46e, #3ed3da, #a48ac9 );
|
|
background-clip: text;
|
|
-webkit-background-clip: text;
|
|
color: transparent;
|
|
font-family: 'Verdana';
|
|
font-size: 7em;
|
|
text-align: center;
|
|
}
|
|
|
|
:root {
|
|
--pink: #f681ae;
|
|
--red: #f38282;
|
|
--yellow: #f7d54d;
|
|
--green: #6ed46e;
|
|
--cyan: #3ed3da;
|
|
--purple: #a48ac9;
|
|
--comment: #a48ac9;
|
|
|
|
|
|
} |