VGUI.css

CSS Classic Green VGUI Skin from early Steam and Goldsource games, with a black variant.

To use, install the styles folder onto your server, and add the <link> line to your HTML file, changing the path if necessary.

See demo_greensteam.html for example usage. Semantics are exactly the same for blacksteam.

To edit the styles, use lessc on specific files or leave the less-watch-compiler process running: less-watch-compiler --main-file greensteam/greensteam.less styles styles, in the root folder.

Online Demo

• Green Steam Demo
• Black Steam Demo

Greensteam

<link rel=stylesheet type=text/css href="/styles/greensteam/greensteam.css">

Screenshots: (click to view)

<img src="https://raw.githubusercontent.com/AlpyneDreams/vgui.css/master/screenshots/greensteam1.png" width="300"> <img src="https://raw.githubusercontent.com/AlpyneDreams/vgui.css/master/screenshots/greensteam2.png" width="300">

Blacksteam

<link rel=stylesheet type=text/css href="/styles/blacksteam/blacksteam.css">

Screenshots: (click to view)

<img src="https://raw.githubusercontent.com/AlpyneDreams/vgui.css/master/screenshots/blacksteam1.png" width="300"> <img src="https://raw.githubusercontent.com/AlpyneDreams/vgui.css/master/screenshots/blacksteam2.png" width="300">