marcolago/dabblet.css

## dabblet.css
/**
 * FluidSquares in a wrapper
 * for Levan Khutsishvili
 */

body {
	background-color: #00ffff;
}

#someotherdiv {
	background-color: #ff0000;
}

#gallery {
	width: 80%;
	margin: 0 auto;
	background-color: #ffff00;
	/* clear fix light */
	/* just for showing the yellow background */
	overflow: hidden;
}

.category {
	/* fluid squares rules */
	width: 31.333%;
	height: 0;
	padding-bottom: 31.333%;
	margin: 1%;
	float: left;
	background-color: rgba(0,0,255,0.3);
}

## dabblet.html

<body>
  <div id="someotherdiv">
  	<p>Some other content</p>
  </div>
  <div id="gallery">
    <div class="category">
      Content
    </div>
    <div class="category">
      Content
    </div>
    <div class="category">
      Content
    </div>
  </div>

<body>

## dabblet.js
// alert('Hello world!');

## settings.json
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* FluidSquares in a wrapper
	* for Levan Khutsishvili
	*/

	body {
	background-color: #00ffff;
	}

	#someotherdiv {
	background-color: #ff0000;
	}

	#gallery {
	width: 80%;
	margin: 0 auto;
	background-color: #ffff00;
	/* clear fix light */
	/* just for showing the yellow background */
	overflow: hidden;
	}

	.category {
	/* fluid squares rules */
	width: 31.333%;
	height: 0;
	padding-bottom: 31.333%;
	margin: 1%;
	float: left;
	background-color: rgba(0,0,255,0.3);
	}

	<body>
	<div id="someotherdiv">
	<p>Some other content</p>
	</div>
	<div id="gallery">
	<div class="category">
	Content
	</div>
	<div class="category">
	Content
	</div>
	<div class="category">
	Content
	</div>
	</div>

	<body>