Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Sharebox added

  • Loading branch information...
commit 53d31bdd36c1222d361f7311720f38d88e0fee86 1 parent 64fd65b
@dsheiko authored
Showing with 49 additions and 0 deletions.
  1. +47 −0 assets/demo.css
  2. +2 −0  index.html
View
47 assets/demo.css
@@ -176,6 +176,53 @@ body > header a.fork:hover {
color: white;
}
+ol, ul {
+ list-style: none outside none;
+}
+.sharebar {
+ display: none;
+ overflow: hidden;
+ position: absolute;
+ right: 0;
+ bottom: -40px;
+}
+:root .sharebar {
+ display: block;
+}
+.sharebar li {
+ display: block;
+ float: left;
+ height: 32px;
+ margin-right: 10px;
+ margin-bottom: 10px;
+ width: 32px;
+ background-repeat: no-repeat;
+ background-color: white;
+ border-radius: 12px;
+ -moz-box-shadow: 0 0 10px #000;
+ -webkit-box-shadow: 0 0 10px #000;
+ -o-box-shadow: 0 0 10px #000;
+ -ms-box-shadow: 0 0 10px #000;
+ box-shadow: 0 0 10px #000;
+ cursor: pointer;
+ border: 1px solid white;
+}
+.sharebar li.facebook {
+ background-image: url("http://demo.dsheiko.com/share/assets/social-icons/facebook_32.png");
+}
+.sharebar li.twitter {
+ background-image: url("http://demo.dsheiko.com/share/assets/social-icons/twitter_32.png");
+}
+.sharebar li.google {
+ background-image: url("http://demo.dsheiko.com/share/assets/social-icons/google_32.png");
+}
+.sharebar li.linkedin {
+ background-image: url("http://demo.dsheiko.com/share/assets/social-icons/linkedin_32.png");
+}
+.sharebar li:hover {
+ background-position: 0 -32px;
+}
+
textarea.code {
border: 0;
background-color: #ddd;
View
2  index.html
@@ -14,6 +14,8 @@
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="./js/jquery.a-queue.js" type="text/javascript"></script>
<script src="./js/jquery.t-effects.js" type="text/javascript"></script>
+ <link rel="demo" href="http://demo.dsheiko.com/teffects" title="tEffects jQuery plugin - CSS3 transformation effects library" />
+ <script src="http://demo.dsheiko.com/share/js/sharebar.js" type="text/javascript"></script>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
Please sign in to comment.
Something went wrong with that request. Please try again.