sticky sidebar

ncase · Aug 24, 2017 · 5925f41 · 5925f41
1 parent 3eadc8e
commit 5925f41
Show file tree

Hide file tree

Showing 6 changed files with 9,873 additions and 24 deletions.
diff --git a/css/index.css b/css/index.css
@@ -12,7 +12,7 @@ a{ color: hsl(240,80%,70%); }
 a:hover{ color: hsl(240,80%,80%); }
 #content{}
 .words{
-	width: 670px;
+	max-width: 670px;
 	margin: 0 auto;
 }
 #content p{
@@ -60,7 +60,7 @@ li{
 	margin-top: 0;
     font-size: 0.8em;
     text-align: center;
-    width: 260px;
+    max-width: 260px;
     line-height: 1.2em;
 }
 #content p.caption-test{
@@ -72,14 +72,14 @@ li{
 	margin: 0 auto;
 }
 .sim-intro{
-	width: 600px;
+	max-width: 600px;
 }
 .sim-ballot{
-	width: 670px;
+	max-width: 670px;
 	margin: 35px auto 50px auto;
 }
 .sim-test{
-	width: 800px;
+	max-width: 800px;
 	margin: 50px auto 40px auto;
 }
 #content p.quote{

diff --git a/css/slides.css b/css/slides.css
@@ -18,16 +18,14 @@ div.target  {
 }
 
 #nav {
-	position: absolute;
 	font-size: 10px;
 	top: 0%;
-	left: 340px;
-}
-
-#nav nav {
-	position: fixed;
-	width: 100px;
-	height: 20%;
+
+/*	just for start*/
+	position: absolute;
+	top: 200%;
+	height: 100%;
+	left: 20px;
 }
 
 #nav a {
@@ -44,10 +42,14 @@ div.target  {
 	color: #fff;
 }
 
+#nav nav {
+	left: 340px;
+	width: 100px;
+	height: 20%;
+	position: absolute;
+}
+
 #fixedbox {
-	top: 0%;
-	left: 0%;
 	width: 500px;
 	height: 100%;
-	position: fixed;
 }