Skip to content

Instantly share code, notes, and snippets.

Created April 29, 2013 02:49
Show Gist options
  • Save anonymous/5479441 to your computer and use it in GitHub Desktop.
Save anonymous/5479441 to your computer and use it in GitHub Desktop.
CSS3 Windows 8 Window
/**
* CSS3 Windows 8 Window
*/
background: url("http://subtlepatterns.com/patterns/binding_dark.png");
.window {
padding: 0.2em;
}
.window header {
display: inline-block;
}
<link rel= "stylesheet" href = "http://seangoresht.com/cache/template/gzip.php?template-fbf83c8c.css"/>
<body>
<div class="window windows-8">
<header>
<div class = "app-icon"><i class = "icon-windows"></i></div>
<div class="program-status">
<p>Application - Windows 8 Buttons and App</p>
</div>
<div class="btn-group toolbar">
<button class = "btn" title="Minimize"><i class = "icon-minus-2"></i></button>
<button class = "btn" title="Restore Down"><i class = "icon-refresh"></i></button>
<button class = "btn" title="Close"><i class = "icon-close"></i></button>
</div>
</header>
<article id="content" role="main">
<section class="box">
<i class="icon-windows huge"></i>
</section>
</article>
</div>
</body>
// alert('Hello world!');
{"view":"split-vertical","fontsize":"90","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment