53 lines
1.0 KiB
Vue
53 lines
1.0 KiB
Vue
<template>
|
|
<div>
|
|
<NuxtPage />
|
|
</div>
|
|
</template>
|
|
|
|
<style>
|
|
/* Global Styles for Pixel Art */
|
|
|
|
/* 俐方體 11 號字型 */
|
|
@font-face {
|
|
font-family: 'Cubic 11';
|
|
src: url('/fonts/cubicll.ttf') format('truetype');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
background-color: #1b1026;
|
|
color: #e0d8f0;
|
|
font-family: 'Cubic 11', 'DotGothic16', 'Courier New', monospace !important;
|
|
}
|
|
|
|
/* Force all elements to use Cubic 11 */
|
|
* {
|
|
font-family: 'Cubic 11', 'DotGothic16', 'Courier New', monospace !important;
|
|
}
|
|
|
|
/* Scrollbar Styling */
|
|
.custom-scrollbar::-webkit-scrollbar {
|
|
width: 8px;
|
|
height: 8px;
|
|
}
|
|
.custom-scrollbar::-webkit-scrollbar-track {
|
|
background: #0f0816;
|
|
border-left: 1px solid #2b193f;
|
|
}
|
|
.custom-scrollbar::-webkit-scrollbar-thumb {
|
|
background: #4a3b5e;
|
|
border: 1px solid #2b193f;
|
|
}
|
|
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
|
|
background: #8f80a0;
|
|
}
|
|
|
|
/* Pixelated Image Rendering */
|
|
.image-pixelated {
|
|
image-rendering: pixelated;
|
|
}
|
|
</style>
|