From 7a58794717a79d23191c81e0a10816298a085975 Mon Sep 17 00:00:00 2001
From: Sergey Monin <moninsergei@gmail.com>
Date: Mon, 12 Oct 2015 05:57:39 +0400
Subject: [PATCH] Visibility fix for github pages

---
 1.html          | 2 +-
 2.html          | 2 +-
 3.html          | 2 +-
 4.html          | 2 +-
 5.html          | 2 +-
 6.html          | 4 +++-
 7.html          | 2 +-
 examples/1.html | 2 +-
 examples/2.html | 2 +-
 examples/3.html | 2 +-
 examples/4.html | 2 +-
 examples/5.html | 2 +-
 examples/6.html | 4 +++-
 examples/7.html | 2 +-
 14 files changed, 18 insertions(+), 14 deletions(-)

diff --git a/1.html b/1.html
index a00ad20..fdd9f8f 100644
--- a/1.html
+++ b/1.html
@@ -6,7 +6,7 @@
 		<style>
 			body { margin: 10px; padding: 0; }
 			#viewport { width: 900px; height: 600px; }
-			#flowedContent, #fixedContent { visibility: hidden; }
+			#flowedContent, #fixedContent { display: none; }
 			p {
 				margin-bottom: 16px;
 				line-height: 18px;
diff --git a/2.html b/2.html
index a737138..206ed06 100644
--- a/2.html
+++ b/2.html
@@ -6,7 +6,7 @@
 		<style>
 			body { margin: 10px; padding: 0; }
 			#viewport { width: 900px; height: 600px; }
-			#flowedContent, #fixedContent { visibility: hidden; }
+			#flowedContent, #fixedContent { display: none; }
 
 			.cf-page { outline: 1px solid red; background-color: rgba(255, 0, 0, 0.1); }
 			.cf-column { outline: 1px solid blue; background-color: rgba(0, 0, 255, 0.1); }
diff --git a/3.html b/3.html
index 52c99b9..7f06610 100644
--- a/3.html
+++ b/3.html
@@ -6,7 +6,7 @@
 		<style>
 			body { margin: 10px; padding: 0; }
 			#viewport { width: 700px; height: 300px; }
-			#flowedContent, #fixedContent { visibility: hidden; }
+			#flowedContent, #fixedContent { display: none; }
 			.cf-page { outline: 1px solid red; }
 			h1, h2, h3, h4, h5, h6 { margin: 20px 0 10px; padding: 0; font-weight: bold; -webkit-font-smoothing: antialiased; cursor: text; position: relative; }
 			body { font: 14px Helvetica,arial,freesans,clean,sans-serif; color: #333; font-size: 14px; line-height: 1.6; }
diff --git a/4.html b/4.html
index bdd44ba..b572c98 100644
--- a/4.html
+++ b/4.html
@@ -6,7 +6,7 @@
 		<style>
 			body { margin: 10px; padding: 0; }
 			#viewport { width: 600px; height: 300px; }
-			#flowedContent, #fixedContent { visibility: hidden; }
+			#flowedContent, #fixedContent { display: none; }
 
 			.cf-page { outline: 1px solid red; background-color: rgba(255, 0, 0, 0.1); }
 			.cf-column { outline: 1px solid blue; background-color: rgba(0, 0, 255, 0.1); }
diff --git a/5.html b/5.html
index 8057332..27e4ef0 100644
--- a/5.html
+++ b/5.html
@@ -7,7 +7,7 @@
 			* { box-sizing: border-box }
 			body { margin: 10px; padding: 0; }
 			#viewport { width: 900px; height: 600px; }
-			#flowedContent, #fixedContent { visibility: hidden; }
+			#flowedContent, #fixedContent { display: none; }
 			.cf-page { outline: 1px solid red; background-color: rgba(255, 0, 0, 0.1); }
 			.boxed { background-color: #eee; outline: 1px solid grey; padding: 10px; }
 			h1, h2 { margin: 0; }
diff --git a/6.html b/6.html
index 8a6a275..2d4780a 100644
--- a/6.html
+++ b/6.html
@@ -3,7 +3,9 @@
 		 <style>
 
 			html, body { margin: 0; padding: 0; }
-			#columns { width: 800px; height: 600px; margin: 50px; -webkit-column-count: 3; -webkit-column-width: 140px; -webkit-column-gap: 25px; }
+			#columns { width: 800px; height: 600px; margin: 50px; -webkit-column-count: 3; -webkit-column-width: 140px; -webkit-column-gap: 25px;
+																  -moz-column-count: 3; -moz-column-width: 140px; -moz-column-gap: 25px;
+																  column-count: 3; column-width: 140px; column-gap: 25px; }
 			h3 { margin: 0; font-size: 1em; font-weight: normal; color: blue; }
 			h1, h2, h3, h4, h5, h6 { margin: 20px 0 10px; padding: 0; font-weight: bold; -webkit-font-smoothing: antialiased; cursor: text; position: relative; }
 			body { font: 14px Helvetica,arial,freesans,clean,sans-serif; color: #333; font-size: 14px; line-height: 1.6; }
diff --git a/7.html b/7.html
index 3918e42..3cdfc61 100644
--- a/7.html
+++ b/7.html
@@ -6,7 +6,7 @@
 		<style>
 			body { margin: 10px; padding: 0; }
 			#viewport { width: 900px; height: 600px; }
-			#flowedContent, #fixedContent { visibility: hidden; }
+			#flowedContent, #fixedContent { display: none; }
 			p {
 				margin-bottom: 16px;
 				line-height: 18px;
diff --git a/examples/1.html b/examples/1.html
index 47c0e8e..14c60c1 100644
--- a/examples/1.html
+++ b/examples/1.html
@@ -6,7 +6,7 @@
 		<style>
 			body { margin: 10px; padding: 0; }
 			#viewport { width: 900px; height: 600px; }
-			#flowedContent, #fixedContent { visibility: hidden; }
+			#flowedContent, #fixedContent { display: none; }
 			p {
 				margin-bottom: 16px;
 				line-height: 18px;
diff --git a/examples/2.html b/examples/2.html
index b54d486..d46c2d9 100644
--- a/examples/2.html
+++ b/examples/2.html
@@ -6,7 +6,7 @@
 		<style>
 			body { margin: 10px; padding: 0; }
 			#viewport { width: 900px; height: 600px; }
-			#flowedContent, #fixedContent { visibility: hidden; }
+			#flowedContent, #fixedContent { display: none; }
 
 			.cf-page { outline: 1px solid red; background-color: rgba(255, 0, 0, 0.1); }
 			.cf-column { outline: 1px solid blue; background-color: rgba(0, 0, 255, 0.1); }
diff --git a/examples/3.html b/examples/3.html
index aaa48d4..ca914cd 100644
--- a/examples/3.html
+++ b/examples/3.html
@@ -6,7 +6,7 @@
 		<style>
 			body { margin: 10px; padding: 0; }
 			#viewport { width: 700px; height: 300px; }
-			#flowedContent, #fixedContent { visibility: hidden; }
+			#flowedContent, #fixedContent { display: none; }
 			.cf-page { outline: 1px solid red; }
 			h1, h2, h3, h4, h5, h6 { margin: 20px 0 10px; padding: 0; font-weight: bold; -webkit-font-smoothing: antialiased; cursor: text; position: relative; }
 			body { font: 14px Helvetica,arial,freesans,clean,sans-serif; color: #333; font-size: 14px; line-height: 1.6; }
diff --git a/examples/4.html b/examples/4.html
index a614182..d87ea4e 100644
--- a/examples/4.html
+++ b/examples/4.html
@@ -6,7 +6,7 @@
 		<style>
 			body { margin: 10px; padding: 0; }
 			#viewport { width: 600px; height: 300px; }
-			#flowedContent, #fixedContent { visibility: hidden; }
+			#flowedContent, #fixedContent { display: none; }
 
 			.cf-page { outline: 1px solid red; background-color: rgba(255, 0, 0, 0.1); }
 			.cf-column { outline: 1px solid blue; background-color: rgba(0, 0, 255, 0.1); }
diff --git a/examples/5.html b/examples/5.html
index 0aa92d8..c002331 100644
--- a/examples/5.html
+++ b/examples/5.html
@@ -7,7 +7,7 @@
 			* { box-sizing: border-box }
 			body { margin: 10px; padding: 0; }
 			#viewport { width: 900px; height: 600px; }
-			#flowedContent, #fixedContent { visibility: hidden; }
+			#flowedContent, #fixedContent { display: none; }
 			.cf-page { outline: 1px solid red; background-color: rgba(255, 0, 0, 0.1); }
 			.boxed { background-color: #eee; outline: 1px solid grey; padding: 10px; }
 			h1, h2 { margin: 0; }
diff --git a/examples/6.html b/examples/6.html
index 8a6a275..2d4780a 100644
--- a/examples/6.html
+++ b/examples/6.html
@@ -3,7 +3,9 @@
 		 <style>
 
 			html, body { margin: 0; padding: 0; }
-			#columns { width: 800px; height: 600px; margin: 50px; -webkit-column-count: 3; -webkit-column-width: 140px; -webkit-column-gap: 25px; }
+			#columns { width: 800px; height: 600px; margin: 50px; -webkit-column-count: 3; -webkit-column-width: 140px; -webkit-column-gap: 25px;
+																  -moz-column-count: 3; -moz-column-width: 140px; -moz-column-gap: 25px;
+																  column-count: 3; column-width: 140px; column-gap: 25px; }
 			h3 { margin: 0; font-size: 1em; font-weight: normal; color: blue; }
 			h1, h2, h3, h4, h5, h6 { margin: 20px 0 10px; padding: 0; font-weight: bold; -webkit-font-smoothing: antialiased; cursor: text; position: relative; }
 			body { font: 14px Helvetica,arial,freesans,clean,sans-serif; color: #333; font-size: 14px; line-height: 1.6; }
diff --git a/examples/7.html b/examples/7.html
index 73d0837..8692ae6 100644
--- a/examples/7.html
+++ b/examples/7.html
@@ -6,7 +6,7 @@
 		<style>
 			body { margin: 10px; padding: 0; }
 			#viewport { width: 900px; height: 600px; }
-			#flowedContent, #fixedContent { visibility: hidden; }
+			#flowedContent, #fixedContent { display: none; }
 			p {
 				margin-bottom: 16px;
 				line-height: 18px;