57 lines
1.2 KiB
CSS
57 lines
1.2 KiB
CSS
html, body {
|
|
font-family: "pinar";
|
|
margin: 0;
|
|
-webkit-text-size-adjust: 100%;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
/* iOS Safari color fixes */
|
|
input, textarea, select {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
color: inherit;
|
|
-webkit-text-fill-color: currentColor;
|
|
}
|
|
|
|
/* Fix for iOS PWA text color issues */
|
|
* {
|
|
-webkit-text-fill-color: unset;
|
|
}
|
|
|
|
/* Ensure proper text rendering on iOS */
|
|
p, span, div, input, textarea, button {
|
|
color: inherit;
|
|
-webkit-text-fill-color: currentColor;
|
|
opacity: 1;
|
|
}
|
|
|
|
/* Hide scrollbars across browsers */
|
|
.hide-scrollbar,
|
|
.scrollbar-hide {
|
|
-ms-overflow-style: none; /* IE and Edge */
|
|
scrollbar-width: none; /* Firefox */
|
|
}
|
|
.hide-scrollbar::-webkit-scrollbar,
|
|
.scrollbar-hide::-webkit-scrollbar {
|
|
display: none; /* Chrome, Safari and Opera */
|
|
}
|
|
|
|
/* Highlight animation for messages */
|
|
@keyframes highlight-pulse {
|
|
0% {
|
|
box-shadow: 0 0 0 0 hsla(var(--HIGHLIGHT_BLUE), 0.7);
|
|
}
|
|
70% {
|
|
box-shadow: 0 0 0 20px hsla(var(--HIGHLIGHT_BLUE), 0);
|
|
}
|
|
100% {
|
|
box-shadow: 0 0 0 0 hsla(var(--HIGHLIGHT_BLUE), 0);
|
|
}
|
|
}
|
|
|
|
.highlight-message {
|
|
animation: highlight-pulse 3s ease-in-out;
|
|
}
|