Permalink
Browse files

adjusted z-index of title info and download links so they are clickable

  • Loading branch information...
1 parent 2c15ffc commit 070fe460667215ce5508674ee49f91097d129ef5 @johnpolacek committed May 28, 2012
Showing with 22 additions and 22 deletions.
  1. +4 −6 css/style.css
  2. +18 −16 index.html
View
@@ -90,6 +90,8 @@ blockquote {
#title-line2 { top: -60px; }
#title-line3 { top: -120px; }
.title-line span { display: inline-block; line-height: 1.1; position: relative; }
+.twitter-follow-button { position: relative; top: 8px; left: 4px; }
+#title-info { position: relative; z-index:99998; }
.credit {
font-size: 20px;
@@ -100,17 +102,13 @@ blockquote {
z-index:100;
}
-.twitter-follow-button {
- position: relative;
- top: 8px;
- left: 4px;
-}
-
#download {
+ position: relative;
margin: 50px auto;
font-size: 18px;
width: 100%;
line-height: 1.8;
+ z-index: 99999;
}
#download a { color: #69697A; }
View
@@ -11,7 +11,7 @@
</head>
<body>
<a href="https://github.com/johnpolacek/superscrollorama">
- <img style="position: fixed; top: 0; right: 0; border: 0; z-index: 999999999;" src="https://a248.e.akamai.net/assets.github.com/img/71eeaab9d563c2b3c590319b398dd35683265e85/687474703a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" alt="Fork me on GitHub" />
+ <img style="position: absolute; top: 0; right: 0; border: 0; z-index: 999999999;" src="https://a248.e.akamai.net/assets.github.com/img/71eeaab9d563c2b3c590319b398dd35683265e85/687474703a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" alt="Fork me on GitHub" />
</a>
<div id="intro">
@@ -20,24 +20,26 @@ <h1 id="title">
<span id="title-line2" class="title-line">scroll</span>
<span id="title-line3" class="title-line">orama</span>
</h1>
- <div id="title-info">
- <p id="desc">The jQuery plugin for supercool scroll animation</p>
- <p class="credit">powered by <a href="http://www.greensock.com">Greensock</a></p>
- <p class="credit">
- created by <a href="http://twitter.com/johnpolacek">John Polacek</a>
- </p>
- <p class="credit">
- <a href="https://twitter.com/johnpolacek" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @johnpolacek</a>
- <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
- </p>
- </div>
- <p id="download">
- <span class="accent">&#9733;</span> DOWNLOAD <span class="accent">&#9733;</span><br />
- <a class="download" href="https://github.com/johnpolacek/superscrollorama/zipball/master">zip</a>
- <a class="download" href="https://github.com/johnpolacek/superscrollorama/tarball/master">tar</a>
+ </div>
+
+ <div id="title-info">
+ <p id="desc">The jQuery plugin for supercool scroll animation</p>
+ <p class="credit">powered by <a href="http://www.greensock.com">Greensock</a></p>
+ <p class="credit">
+ created by <a href="http://twitter.com/johnpolacek">John Polacek</a>
+ </p>
+ <p class="credit">
+ <a href="https://twitter.com/johnpolacek" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @johnpolacek</a>
+ <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</p>
</div>
+ <p id="download">
+ <span class="accent">&#9733;</span> DOWNLOAD <span class="accent">&#9733;</span><br />
+ <a class="download" href="https://github.com/johnpolacek/superscrollorama/zipball/master">zip</a>
+ <a class="download" href="https://github.com/johnpolacek/superscrollorama/tarball/master">tar</a>
+ </p>
+
<div id="content-wrapper">
<div id="examples-1">

0 comments on commit 070fe46

Please sign in to comment.