metro alike but not ?

dabblet.css

/* metro alike but not ? */
html {
	background-color:#45a;
	height:100%;
	padding:9% 5% 2%;
	box-sizing:border-box;
}
body {
	height:100%;
	column-width:324px;
	column-gap:25px;
	table-layout:fixed;
	}

div[class^=t] {
	height:150px;
	display:inline-block;
	box-shadow: inset 0 0 45px rgba(255,255,255,0.5), 0 0 3px white;
	margin:4px 4px;
	display:inline-block;
	border-radius:5px;
	;}
.t25 {
	width:150px
	;}
.t50 {
	width:312px
	;}
div.t100 {
	width : 312px;
	height: 308px;
	;}

div:nth-child( 1n) { background-color :  yellowgreen	;}
div:nth-child( 2n) { background-color :  slateblue  	;}
div:nth-child( 3n) { background-color :  turquoise   	;}
div:nth-child( 4n) { background-color :  #af0        	;}
div:nth-child( 5n) { background-color :  orange 		;}
div:nth-child( 6n) { background-color :  orchid 		;}
div:nth-child( 7n) { background-color :  tomato 		;}
div:nth-child( 8n) { background-color :  peru 			;}
div:nth-child( 9n) { background-color :  gold			;}
div:nth-child(10n) { background-color :  #666			;}

dabblet.html

<!--<img src="http://www.techdigest.tv/windows-8-metro-apps1.jpg"/>-->
<div class="t25">1/4</div>
<div class="t25">1/4</div>

<div class="t25">1/4</div>
<div class="t25">1/4</div>

<div class="t50">1/2</div>

<div class="t50">1/2</div>

<div class="t50">1/2</div>

<div class="t50">1/2</div>

<div class="t50">1/2</div>

<div class="t50">1/2</div>

<div class="t100">1/1</div>

<div class="t50">1/2</div>

<div class="t50">1/2</div>

<div class="t25">1/4</div>
<div class="t25">1/4</div>

<div class="t25">1/4</div>
<div class="t25">1/4</div>

<div class="t25">1/4</div>
<div class="t25">1/4</div>

<div class="t50">1/2</div>

<div class="t50">1/2</div>

<div class="t50">1/2</div>

<div class="t50">1/2</div>

<div class="t50">1/2</div>

<div class="t50">1/2</div>

<div class="t100">1/1</div>

<div class="t50">1/2</div>

<div class="t50">1/2</div>

<div class="t25">1/4</div>
<div class="t25">1/4</div>

<div class="t50">1/2</div>

<div class="t25">1/4</div>
<div class="t25">1/4</div>

<div class="t100">1/1</div>

<div class="t25">1/4</div>
<div class="t25">1/4</div>

<div class="t25">1/4</div>
<div class="t25">1/4</div>

<div class="t25">1/4</div>
<div class="t25">1/4</div>

<div class="t100">1/1</div>

<div class="t25">1/4</div>
<div class="t25">1/4</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"result"}