docs : remove .iso-container. Add clearfix to demo containers

_layouts/inf-scroll-page.html

@@ -11,7 +11,7 @@
 
   <h1>{{ page.title }}</h1>
   
-  <div id="container" class="iso-container variable-sizes">
+  <div id="container" class="variable-sizes">
     {% assign page_position = page.page_position %}
     {% for element in site.elements_ordered limit:20 offset:page_position %}
       {% include element-partial.html %}

_posts/demos/2010-12-12-basic.html

@@ -9,7 +9,7 @@ related: etc
     <p>This is a basic demo of Isotope. Resize the browser window to see the layout animate.</p>
   </section>
   
-  <div id="container" class="iso-container">
+  <div id="container">
     {% for element in site.elements_ordered limit:20 %}
       {% include element-partial.html %}
     {% endfor %}

_posts/demos/2010-12-13-elements-complete.html

@@ -5,7 +5,7 @@ category: demos
 related: etc
 ---
 
-<div id="container" class="iso-container clickable">
+<div id="container" class="clickable clearfix">
   {% for element in site.elements %}
     {% include element-partial.html %}
   {% endfor %}

_posts/demos/2010-12-16-elements-partial.html

@@ -5,7 +5,7 @@ category: demos
 related: etc
 ---
 
-<div id="container" class="iso-container clickable">
+<div id="container" class="clickable clearfix">
   {% for element in site.elements_best_of %}
     {% include element-partial.html %}
   {% endfor %}

_posts/demos/2010-12-29-layout-modes.html

@@ -16,7 +16,7 @@ related: layouts
 
   </section> <!-- #options -->
   
-  <div id="container" class="iso-container variable-sizes">
+  <div id="container" class="variable-sizes clearfix">
     {% for element in site.elements_ordered limit:20 %}
       {% include element-partial.html %}
     {% endfor %}

_posts/demos/2010-12-30-filtering.html

@@ -23,7 +23,7 @@ related: filtering
 
   </section> <!-- #options -->
   
-  <div id="container" class="iso-container">
+  <div id="container" class="clearfix">
     {% for element in site.elements_best_of %}
       {% include element-partial.html %}
     {% endfor %}

_posts/demos/2010-12-30-sorting.html

@@ -16,7 +16,7 @@ related: sorting
 
   </section> <!-- #options -->
   
-  <div id="container" class="iso-container">
+  <div id="container" class="clearfix">
     {% for element in site.elements_best_of %}
       {% include element-partial.html %}
     {% endfor %}

_posts/demos/2010-12-31-relayout.html

@@ -16,7 +16,7 @@ related: methods
     </ul>
   </section>
   
-  <div id="container" class="iso-container clickable">
+  <div id="container" class="clickable clearfix">
     {% for element in site.elements_ordered limit:20 %}
       {% include element-partial.html %}
     {% endfor %}

_posts/demos/2011-01-02-adding-items.html

@@ -18,7 +18,7 @@ related: methods
     </ul>
   </section>
 
-  <div id="container" class="iso-container">
+  <div id="container" class="clearfix">
     {% for element in site.elements_best_of limit:10 %}
       {% include element-partial.html %}
     {% endfor %}

_posts/demos/2011-01-02-infinite-scroll.html

@@ -10,7 +10,7 @@ infinite_scroll: true
     <p>Isotope is interoperable with <a href="http://www.infinite-scroll.com/">Infinite Scroll</a> by Paul Irish. Use the <a href="../docs/methods.html#appended"><code>appended</code></a> method to add new items to the Isotope layout.</p>
   </section>
 
-  <div id="container" class="iso-container variable-sizes">
+  <div id="container" class="variable-sizes clearfix">
     {% for element in site.elements_ordered limit:20 %}
       {% include element-partial.html %}
     {% endfor %}

_posts/demos/2011-01-11-images.html

@@ -19,7 +19,7 @@ photos:
 
   </section>
 
-  <div id="container" class="iso-container photos">
+  <div id="container" class="photos clearfix">
     {% for photo in page.photos %}
       <div class="photo">
         {{ photo }}

css/style.css

@@ -66,9 +66,8 @@ body {
   height: 100%;
 }
 
-.iso-container {
-  background: transparent;
-  border: 1px solid #FFF;
+#container {
+  border: 1px solid #666;
   padding: 5px;
   margin-bottom: 20px;
 }
@@ -341,7 +340,7 @@ body {
 
 /**** Horizontal ****/
 
-.horizontal .iso-container {
+.horizontal #container {
   height: 80%;
 }