Windows7のUIを再現できるスタイルシート・「7.css」

7.css

<br /> See the Pen <a href='https://codepen.io/kachibito/pen/QWpzrZb'>QWpzrZb</a> by kachibito<br /> (<a href='https://codepen.io/kachibito'>@kachibito</a>) on <a href='https://codepen.io'>CodePen</a>.<br />
7.cssはWindows7のUIを再現できるスタイルシートです。98.css、XP.cssに続く懐かしのUIシリーズ3段目。98.CSSを拡張したXP.cssがベースとなっているそう。

<link rel="stylesheet" href="https://unpkg.com/7.css">

CDNも用意されています。

	<input checked disabled type="checkbox" id="example4">
	<label for="example4">チェック変更不可</label>

	<select>
		<option>5 - 5番目</option>
		<option>4 - 4番目</option>
		<option selected>3 - 3番目</option>
		<option>2 - 2番目</option>
		<option>1 - 1番目</option>
	</select>

セマンティックなHTMLで実装できます。

基本的にはネタCSSなのでしょうけど、CSSの設計もUIも割といい気がしてしまいました。7やXPに触れた期間が長かったのでバイアスかかってるかもしれません。ライセンスはMITです。

7.css