説明を追加するUserCSS
研究室の説明を追加するUserCSS
code:style.css
.page-list.clearfix::before {
content: var(--description);
text-align: center;
color: #ffffff;
font-size: 15px;
white-space: pre-line;
display: block;
padding: 20px 30px;
margin-bottom: 15px;
/** CSS Gradient https://cssgradient.io/ **/
background: linear-gradient(-45deg, #ff9800 15%, #e91e63 45%, #673ab7 65%, #009688 85%);
background-size: 400% 400%;
animation: header_anime 180s infinite ease;
font-weight: 500;
border-radius: 15px;
}
@keyframes header_anime {
0% { background-position: 0% 50%}
50% { background-position: 100% 50%}
100% { background-position: 0% 50%}
}
@media screen and (max-width: 850px) {
.page-list.clearfix::before {
content: var(--description);
font-size: 13px;
padding: 30px 15px;
}
}
#UserCSS