furizon_webint/res/styles/base.css

54 lines
1.2 KiB
CSS
Raw Normal View History

/* Other blocks' styles */
@import url('propic.css');
@import url('admin.css');
@import url('room.css');
2024-01-13 22:24:22 +00:00
@import url('navbar.css');
a[role=button] {
margin: 0.25em 0;
}
summary:has(span.status) {
background-color: #ffaf0377;
}
.rainbow-text {
background-image: repeating-linear-gradient(90deg, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff);
background-size: 2000% 2000%;
color: transparent;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: rainbow 4s linear infinite;
}
@keyframes rainbow {
0% { background-position:0% 0%; }
100% { background-position:57.75% 0%; }
}
/* Popover */
*[popover]:popover-open {
border-radius: var(--border-radius);
border: 1px solid #fff;
backdrop-filter: blur(10px);
padding: 1rem;
}
2024-01-13 22:24:22 +00:00
/* Dark theme */
@media only screen and (prefers-color-scheme: dark) {
.icon {filter: invert(1);}
}
/* Mobile only */
@media only screen and ((max-width: 500px) or (hover: none)) {
.propic-border.blurred {
display: none;
}
}
@media only screen and (prefers-reduced-motion) {
.propic-border.blurred {
display: none;
}
}