Skip to content

Commit

Permalink
I was not done
Browse files Browse the repository at this point in the history
But maybe I am now
  • Loading branch information
Robaum committed Aug 24, 2014
1 parent 82eab0b commit fa3c439
Show file tree
Hide file tree
Showing 4 changed files with 514 additions and 2 deletions.
4 changes: 2 additions & 2 deletions Scroll-Demo/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -359,7 +359,7 @@ <h2>This demo is a combination of two awesome projects</h2>
<section class="page2">
<div class="page_container">
<h1>Pretty cool looking and easy to use!</h1>
<h2>You can learn more of how to use them at my <a href="http://blog.robamador.com/vertical-dot-navigation-styles-one-page-scroll"></a>blog post or the Github repository.</h2>
<h2>You can learn more of how to use them at my <a href="http://blog.robamador.com/vertical-dot-navigation-styles-one-page-scroll">blog post</a> or the <a href="https://github.com/Robaum/Vertical-Dot-Navigation">Github repository</a>.</h2>
</div>
</section>

Expand All @@ -370,7 +370,7 @@ <h2>But here is the bad news. The tooltip and dotmove have some problems when wo
</div>
</section>
</div>
<a href=""><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>
<a href="https://github.com/Robaum/Vertical-Dot-Navigation"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>
</div>
</body>
</html>
98 changes: 98 additions & 0 deletions css/onepage-scroll.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,98 @@
body, html {
margin: 0;
overflow: hidden;
-webkit-transition: opacity 400ms;
-moz-transition: opacity 400ms;
transition: opacity 400ms;
}

body, .onepage-wrapper, html {
display: block;
position: static;
padding: 0;
width: 100%;
height: 100%;
}

.onepage-wrapper {
width: 100%;
height: 100%;
display: block;
position: relative;
padding: 0;
-webkit-transform-style: preserve-3d;
}

.onepage-wrapper .section {
width: 100%;
height: 100%;
}

.onepage-pagination {
position: absolute;
right: 10px;
top: 50%;
z-index: 5;
list-style: none;
margin: 0;
padding: 0;
}

/*
.onepage-pagination li {
padding: 0;
text-align: center;
}
.onepage-pagination li a{
padding: 10px;
width: 4px;
height: 4px;
display: block;
}
.onepage-pagination li a:before{
content: '';
position: absolute;
width: 4px;
height: 4px;
background: rgba(0,0,0,0.85);
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.onepage-pagination li a.active:before{
width: 10px;
height: 10px;
background: none;
border: 1px solid black;
margin-top: -4px;
left: 8px;
}
*/

.disabled-onepage-scroll, .disabled-onepage-scroll .wrapper {
overflow: auto;
}

.disabled-onepage-scroll .onepage-wrapper .section {
position: relative !important;
top: auto !important;
left: auto !important;
}
.disabled-onepage-scroll .onepage-wrapper {
-webkit-transform: none !important;
-moz-transform: none !important;
transform: none !important;
-ms-transform: none !important;
min-height: 100%;
}


.disabled-onepage-scroll .onepage-pagination {
display: none;
}

body.disabled-onepage-scroll, .disabled-onepage-scroll .onepage-wrapper, html {
position: inherit;
}
2 changes: 2 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,7 @@
<div class="codrops-top clearfix">
<a class="codrops-icon codrops-icon-prev" href="Scroll-Demo/index.html"><span>Vertical Dot Navigation Styles + One Page Scroll Demo</span></a>
<span class="right"><a class="codrops-icon codrops-icon-drop" href="http://tympanus.net/codrops/?p=18295"><span>Back to the original Codrops Article</span></a></span>
<span class="right"><a class="codrops-icon codrops-icon-drop" href="http://blog.robamador.com/vertical-dot-navigation-styles-one-page-scroll"><span>Back to my Blog Post</span></a></span>
</div>
<header class="codrops-header">
<h1>Vertical Dot Navigation Styles <span>Subtle effects for simple dot navigation</span></h1>
Expand Down Expand Up @@ -182,6 +183,7 @@ <h2>Fall</h2>
</div>
</div>


</div><!-- /container -->
<script src="js/dots.js"></script>
<script>
Expand Down
Loading

0 comments on commit fa3c439

Please sign in to comment.