62 lines
1.4 KiB
CSS
62 lines
1.4 KiB
CSS
@keyframes moveBackground {
|
|
from {
|
|
background-position-x: 0%;
|
|
} to {
|
|
background-position-x: 500%;
|
|
}
|
|
}
|
|
|
|
.rainbowBackground {
|
|
/* background-clip: text;
|
|
-webkit-background-clip: text; */
|
|
background-color: transparent;
|
|
background-size: 500%, 100%;
|
|
animation: moveBackground 20s linear infinite;
|
|
padding-left:10px;
|
|
padding-top:5px;
|
|
padding-bottom:3px;
|
|
/* margin-bottom:5px; */
|
|
padding-right:10px;
|
|
border-radius: 5px 0px 10px 0px;
|
|
}
|
|
|
|
.ownRainbow {
|
|
background-image: linear-gradient(-45deg, hsl(360, 100%, 60%) 10%, hsl(270, 100%, 60%), rgb(51, 139, 255) 50%, hsl(270, 100%, 60%) 70%, hsl(360, 100%, 60%) 100%);
|
|
filter:brightness(2);
|
|
font-family:'Consolas';
|
|
font-size:12pt;
|
|
}
|
|
|
|
.CodeBlock {
|
|
background-color: rgb(37, 36, 49);
|
|
font-family: 'Consolas';
|
|
color: #ccc;
|
|
padding: 10px;
|
|
border-radius: 5px;
|
|
margin-top:10px;
|
|
margin-bottom:10px;
|
|
max-width: fit-content;
|
|
}
|
|
.Author {
|
|
background-color: transparent;
|
|
opacity:1;
|
|
color: rgb(0, 0, 0);
|
|
max-width: fit-content;
|
|
margin-bottom:5px;
|
|
border-radius: 5px 0px 10px 0px;
|
|
-webkit-box-shadow: 0px 0px 25px 10px rgba(0,0,0,0.2);
|
|
box-shadow: 0px 0px 25px 10px rgba(0,0,0,0.2);
|
|
display:block;
|
|
}
|
|
.CodeBlock>div>a {
|
|
color: #77c;
|
|
transition: color .2s ease;
|
|
}
|
|
.CodeBlock>div>a:hover {
|
|
color: #88f;
|
|
}
|
|
.CodeBlock>div>i {
|
|
color:rgb(51, 49, 66);
|
|
float:right;
|
|
margin-top:-23px;
|
|
} |