CoolFace
Apppublic

Pinsave/counterstrike

sourceHugging Faceupdated 3mo agoView on Hugging Face
1likes
1# Classic stylesheets for web applications.2 35 themes and a combined 205 skins from Common Desktop Environment, Windows 3.x, Windows 9x/Me/2000, Windows XP, and Mac OS 9.4 5Demo:6 7* [Windows 3.1 / Windows 3.11](https://nielssp.github.io/classic-stylesheets/?theme=win3x&skin=3.1)8* [Windows 95](https://nielssp.github.io/classic-stylesheets/?theme=win9x&skin=95)9* [Windows 98](https://nielssp.github.io/classic-stylesheets/?theme=win9x&skin=98)10* [Windows 2000](https://nielssp.github.io/classic-stylesheets/?theme=win9x&skin=2000)11* [CDE (default)](https://nielssp.github.io/classic-stylesheets/?theme=cde&skin=default)12* [CDE (Solaris default)](https://nielssp.github.io/classic-stylesheets/?theme=cde&skin=crimson-4)13* [Windows XP Default blue (aka Luna)](https://nielssp.github.io/classic-stylesheets/?theme=winxp&skin=default)14* [Windows XP Olive green](https://nielssp.github.io/classic-stylesheets/?theme=winxp&skin=olive-green)15* [Windows XP Silver](https://nielssp.github.io/classic-stylesheets/?theme=winxp&skin=silver)16* [Mac OS 9](https://nielssp.github.io/classic-stylesheets/?theme=macos9&skin=default)17 18![](screenshots/classic-stylesheets-2.png)19 20## Packages21 22Minified CSS files and assets can be downloaded from [the release page](https://github.com/nielssp/classic-stylesheets/releases/tag/v2.0).23 24Each theme package consists of the following:25 26* `theme.css` – The theme stylesheet27* `theme.min.css` – Minified version of the above file28* `layout.css` – Optional common layout utilities shared by all themes29* `layout.min.css` – Minified version of above file30* `combined.min.css` – Combination of `layout.min.css` and `theme.min.css`31* `skins/*.css` – Theme variations32 33## Install using NPM34 35```36npm install --save classic-stylehseets37```38 39When using a bundler like Vite you can include a theme and skin into your CSS or SCSS file like this:40 41```css42@import 'classic-stylesheets/layout.css';43@import 'classic-stylesheets/themes/win9x/theme.css';44@import 'classic-stylesheets/themes/win9x/skins/95.css';45```46 47## Modules48 49Most of the functionality works without JavaScript. Additional functionality can be enabled with the following minimal JavaScript modules found in the `modules` directory:50 51* [tabs.js](modules/tabs.js): Enables the use of tabs.52* [lists.js](modules/lists.js): Enables the use of list boxes.53* [wm.js](modules/wm.js): Experimental window manager, see [this demo](https://nielssp.github.io/classic-stylesheets/notepad.html).54 55 56