FANDOM


/* ---------- Social Sidebar ---------- */

  1. social-sidebar {

left: 0; margin-top: -75px; /* (li * a:width) / -2 */ position: fixed; top: 15%; }

  1. social-sidebar ul li:first-child a { border-radius: 0 5px 0 0; }
  2. social-sidebar ul li:last-child a { border-radius: 0 0 5px 0; }
  3. social-sidebar ul li a {

background: #ffffff; color: #121212; display: block; height: 50px; font-size: 18px; line-height: 50px; position: relative; text-align: center; width: 25px; }

  1. social-sidebar ul li a:hover span {

left: 130%; opacity: 1; }

  1. social-sidebar ul li a span {

border-radius: 3px; line-height: 24px; left: -100%; margin-top: -16px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; padding: 4px 8px; position: absolute; -webkit-transition: opacity .3s, left .4s; -moz-transition: opacity .3s, left .4s; -ms-transition: opacity .3s, left .4s; -o-transition: opacity .3s, left .4s; transition: opacity .3s, left .4s; top: 50%; z-index: -1; }

  1. social-sidebar ul li a span:before {

content: ""; display: block; height: 8px; left: -4px; margin-top: -4px; position: absolute; top: 50%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 8px; z-index: -2; }

  1. social-sidebar ul li a[class*="twitter"]:hover,
  2. social-sidebar ul li a[class*="twitter"] span,
  3. social-sidebar ul li a[class*="twitter"] span:before { background: #6CDFEA; }
  4. social-sidebar ul li a[class*="gplus"]:hover,
  5. social-sidebar ul li a[class*="gplus"] span,
  6. social-sidebar ul li a[class*="gplus"] span:before { background: #E34429; }
  7. social-sidebar ul li a[class*="tumblr"]:hover,
  8. social-sidebar ul li a[class*="tumblr"] span,
  9. social-sidebar ul li a[class*="tumblr"] span:before { background: #1769ff; }
  10. social-sidebar ul li a[class*="facebook"]:hover,
  11. social-sidebar ul li a[class*="facebook"] span,
  12. social-sidebar ul li a[class*="facebook"] span:before { background: #234999; }
  13. social-sidebar ul li a[class*="rss"]:hover,
  14. social-sidebar ul li a[class*="rss"] span,
  15. social-sidebar ul li a[class*="rss"] span:before { background: #f57b05; }

/*]]>*/ </style>

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.