Rodrigo Rodriguez (Pragmatismo)
b9395cb0d7
Added new navigation links for Dashboard, Editor, Player, Paper, Settings, Tables, and News sections. Each link includes click handlers to switch sections and active state styling. This expands the application's navigation options for better user access to different features.
71 lines
2.8 KiB
CSS
71 lines
2.8 KiB
CSS
:root {
|
|
/* Windows 3.1 White & Blue Theme */
|
|
--background: 0 0% 100%; /* Pure white */
|
|
--foreground: 0 0% 0%; /* Black text */
|
|
--card: 0 0% 98%; /* Slightly off-white for cards */
|
|
--card-foreground: 0 0% 0%; /* Black text */
|
|
--popover: 0 0% 100%; /* White */
|
|
--popover-foreground: 0 0% 0%; /* Black */
|
|
--primary: 240 100% 27%; /* Windows blue */
|
|
--primary-foreground: 0 0% 100%; /* White text on blue */
|
|
--secondary: 0 0% 90%; /* Light gray for secondary */
|
|
--secondary-foreground: 0 0% 0%; /* Black text */
|
|
--muted: 0 0% 85%; /* Muted gray */
|
|
--muted-foreground: 240 10% 40%; /* Muted blue-gray */
|
|
--accent: 60 100% 50%; /* Classic yellow accent */
|
|
--accent-foreground: 240 100% 27%; /* Blue */
|
|
--destructive: 0 100% 50%; /* Red for destructive */
|
|
--destructive-foreground: 0 0% 100%; /* White */
|
|
--border: 240 100% 27%; /* Blue borders */
|
|
--input: 0 0% 100%; /* White input */
|
|
--ring: 240 100% 27%; /* Blue ring/focus */
|
|
--radius: 0.125rem; /* Small radius, almost square */
|
|
--chart-1: 240 100% 27%; /* Blue */
|
|
--chart-2: 0 0% 60%; /* Gray */
|
|
--chart-3: 60 100% 50%; /* Yellow */
|
|
--chart-4: 0 100% 50%; /* Red */
|
|
--chart-5: 120 100% 25%; /* Green */
|
|
--border-light: 0 0% 100%; /* White for top/left border */
|
|
--border-dark: 240 100% 20%; /* Dark blue for bottom/right border */
|
|
}
|
|
|
|
/* Windows 3.11 style border */
|
|
.win311-border {
|
|
border-top: 2px solid hsl(var(--border-light));
|
|
border-left: 2px solid hsl(var(--border-light));
|
|
border-bottom: 2px solid hsl(var(--border-dark));
|
|
border-right: 2px solid hsl(var(--border-dark));
|
|
background: hsl(var(--background));
|
|
}
|
|
|
|
/* Titles */
|
|
.win311-title {
|
|
color: hsl(var(--primary));
|
|
border-bottom: 2px solid hsl(var(--primary));
|
|
font-weight: bold;
|
|
padding: 0.25em 0.5em;
|
|
background: hsl(var(--background));
|
|
}
|
|
|
|
/* General text */
|
|
body, .filemanager, .filemanager * {
|
|
color: hsl(var(--foreground));
|
|
background: hsl(var(--background));
|
|
}
|
|
|
|
button, .win311-button {
|
|
font-family: inherit;
|
|
font-size: 1em;
|
|
padding: 0.25em 1.5em;
|
|
background: #c0c0c0; /* classic light gray */
|
|
color: #000;
|
|
border-top: 2px solid #fff; /* light bevel */
|
|
border-left: 2px solid #fff; /* light bevel */
|
|
border-bottom: 2px solid #808080;/* dark bevel */
|
|
border-right: 2px solid #808080; /* dark bevel */
|
|
border-radius: 0;
|
|
box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #808080 !important;
|
|
outline: none !important;
|
|
cursor: pointer !important;
|
|
transition: none !important;
|
|
}
|