marcolago · November 23, 2012 17:28
diff --git a/dabblet.css b/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);
 }
diff --git a/dabblet.html b/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>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/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);
	}