/********************************************************** // Social >> Resets **********************************************************/ #Social-Sidebar ol, #Social-Sidebar ul { margin: 0; padding: 0; list-style: none; } #Social-Sidebar a, #Social-Sidebar a:hover, #Social-Sidebar a:active { text-decoration: none; } #Social-Sidebar a img { border: none; } #Social-Sidebar span { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /********************************************************** // Social >> Font Icons **********************************************************/ @font-face { font-family: "Social-Icons"; src:url("../Fonts/Social-Icons.eot"); src:url("../Fonts/Social-Icons.eot?#iefix") format("embedded-opentype"), url("../Fonts/Social-Icons.ttf") format("truetype"), url("../Fonts/Social-Icons.woff") format("woff"), url("../Fonts/Social-Icons.svg#Social-Icons") format("svg"); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: "Social-Icons"; src: url("../Fonts/Social-Icons.svg#Social-Icons") format("svg"); } } /********************************************************** // CSS Fix Point: // For sites with normalized font-size, // change line-height from 1 to 1.9 or 2 **********************************************************/ #Social-Sidebar a:before { font-family: "Social-Icons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; } #Social-Sidebar a.Aid:before { content: "\e657"; } #Social-Sidebar a.Android:before { content: "\e639"; } #Social-Sidebar a.Apple:before { content: "\e602"; } #Social-Sidebar a.Behance:before { content: "\e67e"; } #Social-Sidebar a.Blogger:before { content: "\e641"; } #Social-Sidebar a.Blogger-2:before { content: "\e640"; } #Social-Sidebar a.Bookmark:before { content: "\e659"; } #Social-Sidebar a.Bookmark-2:before { content: "\e65a"; } #Social-Sidebar a.Bubbles:before { content: "\e64f"; } #Social-Sidebar a.Bubbles-2:before { content: "\e650"; } #Social-Sidebar a.Bullhorn:before { content: "\e63b"; } #Social-Sidebar a.Calendar:before { content: "\e66a"; } #Social-Sidebar a.Cart:before { content: "\e666"; } #Social-Sidebar a.Cart-2:before { content: "\e667"; } #Social-Sidebar a.Cart-3:before { content: "\e668"; } #Social-Sidebar a.CC:before { content: "\e681"; } #Social-Sidebar a.Circles:before { content: "\e67f"; } #Social-Sidebar a.Cloud-Down:before { content: "\e66e"; } #Social-Sidebar a.Cloud-Up:before { content: "\e66f"; } #Social-Sidebar a.Cog:before { content: "\e655"; } #Social-Sidebar a.Cog-2:before { content: "\e656"; } #Social-Sidebar a.CSS3:before { content: "\e65f"; } #Social-Sidebar a.Delicious:before { content: "\e643"; } #Social-Sidebar a.Deviantart:before { content: "\e625"; } #Social-Sidebar a.Deviantart-2:before { content: "\e626"; } #Social-Sidebar a.Dribbble:before { content: "\e620"; } #Social-Sidebar a.Dribbble-2:before { content: "\e621"; } #Social-Sidebar a.Dribbble-3:before { content: "\e622"; } #Social-Sidebar a.Dropbox:before { content: "\e679"; } #Social-Sidebar a.Evernote:before { content: "\e677"; } #Social-Sidebar a.Facebook:before { content: "\e61c"; } #Social-Sidebar a.Facebook-2:before { content: "\e61b"; } #Social-Sidebar a.Facebook-3:before { content: "\e61a"; } #Social-Sidebar a.File-Down:before { content: "\e670"; } #Social-Sidebar a.File-Up:before { content: "\e671"; } #Social-Sidebar a.Flag:before { content: "\e672"; } #Social-Sidebar a.Flattr:before { content: "\e64b"; } #Social-Sidebar a.Flickr:before { content: "\e60c"; } #Social-Sidebar a.Flickr-2:before { content: "\e60b"; } #Social-Sidebar a.Flickr-3:before { content: "\e60a"; } #Social-Sidebar a.Flickr-4:before { content: "\e61d"; } #Social-Sidebar a.Forrst:before { content: "\e623"; } #Social-Sidebar a.Forrst-2:before { content: "\e624"; } #Social-Sidebar a.Foursquare:before { content: "\e64d"; } #Social-Sidebar a.Foursquare-2:before { content: "\e64c"; } #Social-Sidebar a.Github:before { content: "\e62b"; } #Social-Sidebar a.Github-2:before { content: "\e62a"; } #Social-Sidebar a.Github-3:before { content: "\e629"; } #Social-Sidebar a.Github-4:before { content: "\e62c"; } #Social-Sidebar a.Github-5:before { content: "\e62d"; } #Social-Sidebar a.Google:before { content: "\e604"; } #Social-Sidebar a.Google-Drive:before { content: "\e609"; } #Social-Sidebar a.GPlus:before { content: "\e605"; } #Social-Sidebar a.GPlus-2:before { content: "\e606"; } #Social-Sidebar a.GPlus-3:before { content: "\e607"; } #Social-Sidebar a.GPlus-4:before { content: "\e608"; } #Social-Sidebar a.Heart:before { content: "\e65b"; } #Social-Sidebar a.Home:before { content: "\e662"; } #Social-Sidebar a.Home-2:before { content: "\e663"; } #Social-Sidebar a.HTML5:before { content: "\e65e"; } #Social-Sidebar a.HTML5-2:before { content: "\e661"; } #Social-Sidebar a.Instagram:before { content: "\e619"; } #Social-Sidebar a.Instagram-2:before { content: "\e67a"; } #Social-Sidebar a.Joomla:before { content: "\e642"; } #Social-Sidebar a.Lab:before { content: "\e66c"; } #Social-Sidebar a.Lanyrd:before { content: "\e60d"; } #Social-Sidebar a.LastFM:before { content: "\e630"; } #Social-Sidebar a.LastFM-2:before { content: "\e631"; } #Social-Sidebar a.Lightning:before { content: "\e66b"; } #Social-Sidebar a.LinkedIn:before { content: "\e632"; } #Social-Sidebar a.Linux:before { content: "\e601"; } #Social-Sidebar a.Mail:before { content: "\e63c"; } #Social-Sidebar a.Mail-2:before { content: "\e603"; } #Social-Sidebar a.Mail-3:before { content: "\e600"; } #Social-Sidebar a.Mail-4:before { content: "\e674"; } #Social-Sidebar a.Mixi:before { content: "\e67d"; } #Social-Sidebar a.Paypal:before { content: "\e64e"; } #Social-Sidebar a.Paypal-2:before { content: "\e660"; } #Social-Sidebar a.Phone:before { content: "\e63a"; } #Social-Sidebar a.Phone-2:before { content: "\e673"; } #Social-Sidebar a.Picassa:before { content: "\e61e"; } #Social-Sidebar a.Picassa-2:before { content: "\e61f"; } #Social-Sidebar a.Pinterest:before { content: "\e647"; } #Social-Sidebar a.Pinterest-2:before { content: "\e648"; } #Social-Sidebar a.Power:before { content: "\e658"; } #Social-Sidebar a.QQ:before { content: "\e678"; } #Social-Sidebar a.Rdio:before { content: "\e675"; } #Social-Sidebar a.Reddit:before { content: "\e633"; } #Social-Sidebar a.RenRen:before { content: "\e67b"; } #Social-Sidebar a.Rocket:before { content: "\e66d"; } #Social-Sidebar a.RSS:before { content: "\e614"; } #Social-Sidebar a.RSS-2:before { content: "\e615"; } #Social-Sidebar a.RSS-3:before { content: "\e613"; } #Social-Sidebar a.Share:before { content: "\e664"; } #Social-Sidebar a.SinaWeibo:before { content: "\e67c"; } #Social-Sidebar a.Skype:before { content: "\e634"; } #Social-Sidebar a.Soundcloud:before { content: "\e636"; } #Social-Sidebar a.Soundcloud-2:before { content: "\e635"; } #Social-Sidebar a.Spotify:before { content: "\e676"; } #Social-Sidebar a.Stackoverflow:before { content: "\e646"; } #Social-Sidebar a.Star:before { content: "\e65c"; } #Social-Sidebar a.Steam:before { content: "\e627"; } #Social-Sidebar a.Steam-2:before { content: "\e628"; } #Social-Sidebar a.Stumbleupon:before { content: "\e645"; } #Social-Sidebar a.Stumbleupon-2:before { content: "\e644"; } #Social-Sidebar a.Support:before { content: "\e669"; } #Social-Sidebar a.Tag:before { content: "\e665"; } #Social-Sidebar a.Thumbs-Up:before { content: "\e65d"; } #Social-Sidebar a.Tumblr:before { content: "\e63f"; } #Social-Sidebar a.Tumblr-2:before { content: "\e63e"; } #Social-Sidebar a.Twitter:before { content: "\e618"; } #Social-Sidebar a.Twitter-2:before { content: "\e617"; } #Social-Sidebar a.Twitter-3:before { content: "\e616"; } #Social-Sidebar a.User:before { content: "\e652"; } #Social-Sidebar a.User-2:before { content: "\e654"; } #Social-Sidebar a.Users:before { content: "\e653"; } #Social-Sidebar a.Vimeo:before { content: "\e610"; } #Social-Sidebar a.Vimeo-2:before { content: "\e60f"; } #Social-Sidebar a.Vimeo-3:before { content: "\e60e"; } #Social-Sidebar a.VK:before { content: "\e680"; } #Social-Sidebar a.Windows:before { content: "\e638"; } #Social-Sidebar a.Windows8:before { content: "\e637"; } #Social-Sidebar a.Wordpress:before { content: "\e62e"; } #Social-Sidebar a.Wordpress-2:before { content: "\e62f"; } #Social-Sidebar a.Xing:before { content: "\e649"; } #Social-Sidebar a.Xing-2:before { content: "\e64a"; } #Social-Sidebar a.Yahoo:before { content: "\e63d"; } #Social-Sidebar a.Yelp:before { content: "\e651"; } #Social-Sidebar a.Youtube:before { content: "\e612"; } #Social-Sidebar a.Youtube-2:before { content: "\e611"; } /********************************************************** // Social Sidebar **********************************************************/ #Social-Sidebar { position: fixed; font-family: Arial, Verdana, sans-serif; z-index: 1000; top: 25%; } #Social-Sidebar ul li a { width: 35px; height: 35px; line-height: 40px; font-size: 19px; text-align: center; position: relative; display: block; background: #333; color: #FFF; } #Social-Sidebar ul li a:hover span { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } #Social-Sidebar ul li a:hover, #Social-Sidebar ul li a span, #Social-Sidebar ul li a span:before { background: #444; } #Social-Sidebar ul li a span { width: 0; -webkit-transition: opacity .3s, left .4s, right .4s, top .4s, bottom .4s; -moz-transition: opacity .3s, left .4s, right .4s, top .4s, bottom .4s; -ms-transition: opacity .3s, left .4s, right .4s, top .4s, bottom .4s; -o-transition: opacity .3s, left .4s, right .4s, top .4s, bottom .4s; transition: opacity .3s, left .4s, right .4s, top .4s, bottom .4s, width .4s; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); white-space: nowrap; opacity: 0; position: absolute; z-index: -1; } /********************************************************** // Social Sidebar >> Label: Square **********************************************************/ #Social-Sidebar.Label-Square ul li a span { margin-left: -5px; padding: 0 8px 0 13px; min-width: 80px; width: auto; height: inherit; line-height: 35px; font-size: 15px; } #Social-Sidebar.Label-Square.Pos-Right ul li a span { margin-right: -5px; padding: 0 13px 0 8px; } #Social-Sidebar.Label-Square.Large ul li a span { line-height: 52px; font-size: 17px; } #Social-Sidebar.Label-Square.Pos-Left ul li a span { text-align: left; } #Social-Sidebar.Label-Square.Pos-Right ul li a span { text-align: right; } #Social-Sidebar.Label-Square.Pos-Left.Circle ul li a span { margin-left: -16px; padding-left: 24px; } #Social-Sidebar.Label-Square.Pos-Right.Circle ul li a span { margin-right: -16px; padding-right: 24px; } #Social-Sidebar.Label-Square.Pos-Left.Circle.Large ul li a span { margin-left: -24px; padding-left: 32px; } #Social-Sidebar.Label-Square.Pos-Right.Circle.Large ul li a span { margin-right: -24px; padding-right: 32px; } /********************************************************** // Social Sidebar >> Label: Curve **********************************************************/ #Social-Sidebar.Label-Curve ul li a span { margin-left: -5px; padding: 0 8px 0 13px; min-width: 80px; width: auto; height: inherit; line-height: 35px; font-size: 15px; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } #Social-Sidebar.Label-Curve.Pos-Right ul li a span { margin-right: -5px; padding: 0 13px 0 8px; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } #Social-Sidebar.Label-Curve.Large ul li a span { line-height: 52px; font-size: 17px; } #Social-Sidebar.Label-Curve.Pos-Left ul li a span { text-align: left; } #Social-Sidebar.Label-Curve.Pos-Right ul li a span { text-align: right; } #Social-Sidebar.Label-Curve.Pos-Left.Circle ul li a span { margin-left: -16px; padding-left: 24px; } #Social-Sidebar.Label-Curve.Pos-Right.Circle ul li a span { margin-right: -16px; padding-right: 24px; } #Social-Sidebar.Label-Curve.Pos-Left.Circle.Large ul li a span { margin-left: -24px; padding-left: 32px; } #Social-Sidebar.Label-Curve.Pos-Right.Circle.Large ul li a span { margin-right: -24px; padding-right: 32px; } /********************************************************** // Social Sidebar >> Label: Round **********************************************************/ #Social-Sidebar.Label-Round ul li a span { margin-left: -5px; padding: 0 8px 0 13px; min-width: 80px; width: auto; height: inherit; line-height: 35px; font-size: 15px; -webkit-border-radius: 0 25px 25px 0; -moz-border-radius: 0 25px 25px 0; border-radius: 0 25px 25px 0; } #Social-Sidebar.Label-Round.Pos-Right ul li a span { margin-right: -5px; padding: 0 13px 0 8px; -webkit-border-radius: 25px 0 0 25px; -moz-border-radius: 25px 0 0 25px; border-radius: 25px 0 0 25px; } #Social-Sidebar.Label-Round.Large ul li a span { line-height: 52px; font-size: 17px; } #Social-Sidebar.Label-Round.Pos-Left ul li a span { text-align: left; } #Social-Sidebar.Label-Round.Pos-Right ul li a span { text-align: right; } #Social-Sidebar.Label-Round.Pos-Left.Circle ul li a span { margin-left: -16px; padding-left: 24px; } #Social-Sidebar.Label-Round.Pos-Right.Circle ul li a span { margin-right: -16px; padding-right: 24px; } #Social-Sidebar.Label-Round.Pos-Left.Circle.Large ul li a span { margin-left: -24px; padding-left: 32px; } #Social-Sidebar.Label-Round.Pos-Right.Circle.Large ul li a span { margin-right: -24px; padding-right: 32px; } /********************************************************** // Social Sidebar >> Label: Fancy **********************************************************/ #Social-Sidebar.Label-Fancy ul li a span { margin-top: -16px; padding: 4px 8px; min-width: 80px; width: auto; line-height: 24px; font-size: 14px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; top: 50%; } #Social-Sidebar.Label-Fancy ul li a span:before { margin-top: -4px; width: 8px; height: 8px; content: ""; display: block; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); position: absolute; z-index: -2; top: 50%; } #Social-Sidebar.Label-Fancy.Pos-Left ul li a:hover span { left: 130%; } #Social-Sidebar.Label-Fancy.Pos-Right ul li a:hover span { right: 130%; } /********************************************************** // Social Sidebar >> Large **********************************************************/ #Social-Sidebar.Large ul li a { width: 50px; height: 50px; line-height: 57px; font-size: 25px; } /********************************************************** // Social Sidebar >> Position: Left **********************************************************/ #Social-Sidebar.Pos-Left { left: 0; } #Social-Sidebar.Pos-Left ul li a span { left: -600%; } #Social-Sidebar.Pos-Left ul li a:hover span { left: 100%; } #Social-Sidebar.Pos-Left ul li a span:before { left: -4px; } /********************************************************** // Social Sidebar >> Position: Right **********************************************************/ #Social-Sidebar.Pos-Right { right: 0; } #Social-Sidebar.Pos-Right ul li a span { right: -600%; } #Social-Sidebar.Pos-Right ul li a:hover span { right: 100%; } #Social-Sidebar.Pos-Right ul li a span:before { right: -4px; } /********************************************************** // Social Sidebar >> Corners **********************************************************/ #Social-Sidebar.Corners.Pos-Left ul li:first-child a { -webkit-border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0; } #Social-Sidebar.Corners.Pos-Left ul li:last-child a { -webkit-border-radius: 0 0 5px 0; -moz-border-radius: 0 0 5px 0; border-radius: 0 0 5px 0; } #Social-Sidebar.Corners.Pos-Left.SingleSocial ul li:last-child a{ -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } #Social-Sidebar.Corners.Pos-Right ul li:first-child a { -webkit-border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0; } #Social-Sidebar.Corners.Pos-Right ul li:last-child a { -webkit-border-radius: 0 0 0 5px; -moz-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px; } #Social-Sidebar.Corners.Pos-Right.SingleSocial ul li:last-child a { -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } /********************************************************** // Social Sidebar >> Corners: All **********************************************************/ #Social-Sidebar.Corners-All.Pos-Left ul li a { -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } #Social-Sidebar.Corners-All.Pos-Right ul li a { -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } /********************************************************** // Social Sidebar >> Shadow **********************************************************/ #Social-Sidebar.Shadow.Pos-Left { -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3); } #Social-Sidebar.Shadow.Pos-Right { -webkit-box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.3); box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.3); } /********************************************************** // Social Sidebar >> Shadow: All **********************************************************/ #Social-Sidebar.Shadow-All.Pos-Left ul li a { -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); } #Social-Sidebar.Shadow-All.Pos-Right ul li a { -webkit-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3); box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3); } /********************************************************** // Social Sidebar >> Circle **********************************************************/ #Social-Sidebar.Circle ul li a { -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } #Social-Sidebar.Circle.Pos-Left ul li a { margin-top: 5px; left: 5px; } #Social-Sidebar.Circle.Pos-Right ul li a { margin-top: 5px; right: 5px; } /********************************************************** // Social Sidebar >> Theme: Light **********************************************************/ #Social-Sidebar.Theme-Light ul li a { background: #F0F0F0; color: #555; } #Social-Sidebar.Theme-Light ul li a:hover, #Social-Sidebar.Theme-Light ul li a span, #Social-Sidebar.Theme-Light ul li a span:before { background: #E0E0E0; } /********************************************************** // Social Sidebar >> Theme: Trans **********************************************************/ #Social-Sidebar.Theme-Trans ul li a { background: none; color: rgba(0, 0, 0, 0.5); } #Social-Sidebar.Theme-Trans ul li a:hover, #Social-Sidebar.Theme-Trans ul li a span, #Social-Sidebar.Theme-Trans ul li a span:before { background: #EEE; } /********************************************************** // Social Sidebar >> Theme: Color **********************************************************/ #Social-Sidebar.Theme-Color ul li a { background: #444; color: #FFF; } #Social-Sidebar.Theme-Color ul li a[class*="Aid"] { background: #444; } #Social-Sidebar.Theme-Color ul li a[class*="Android"] { background: #80BD01; } #Social-Sidebar.Theme-Color ul li a[class*="Apple"] { background: #999; } #Social-Sidebar.Theme-Color ul li a[class*="Behance"] { background: #222; } #Social-Sidebar.Theme-Color ul li a[class*="Blogger"] { background: #FF6501; } #Social-Sidebar.Theme-Color ul li a[class*="Bookmark"] { background: #444; } #Social-Sidebar.Theme-Color ul li a[class*="Bubbles"] { background: #444; } #Social-Sidebar.Theme-Color ul li a[class*="Bullhorn"] { background: #444; } #Social-Sidebar.Theme-Color ul li a[class*="Calendar"] { background: #444; } #Social-Sidebar.Theme-Color ul li a[class*="Cart"] { background: #444; } #Social-Sidebar.Theme-Color ul li a[class*="CC"] { background: #7FA517; } #Social-Sidebar.Theme-Color ul li a[class*="Circles"] { background: #7090C8; } #Social-Sidebar.Theme-Color ul li a[class*="Cloud-Down"] { background: #444; } #Social-Sidebar.Theme-Color ul li a[class*="Cloud-Up"] { background: #444; } #Social-Sidebar.Theme-Color ul li a[class*="Cog"] { background: #444; } #Social-Sidebar.Theme-Color ul li a[class*="CSS3"] { background: #1572B6; } #Social-Sidebar.Theme-Color ul li a[class*="Delicious"] { background: #3399FF; } #Social-Sidebar.Theme-Color ul li a[class*="Deviantart"] { background: #5E756F; } #Social-Sidebar.Theme-Color ul li a[class*="Dribbble"] { background: #EA4C89; } #Social-Sidebar.Theme-Color ul li a[class*="Dropbox"] { background: #007EE5; } #Social-Sidebar.Theme-Color ul li a[class*="Evernote"] { background: #5FB336; } #Social-Sidebar.Theme-Color ul li a[class*="Facebook"] { background: #234999; } #Social-Sidebar.Theme-Color ul li a[class*="File-Down"] { background: #444; } #Social-Sidebar.Theme-Color ul li a[class*="File-Up"] { background: #444; } #Social-Sidebar.Theme-Color ul li a[class*="Flag"] { background: #444; } #Social-Sidebar.Theme-Color ul li a[class*="Flattr"] { background: #EB8327; } #Social-Sidebar.Theme-Color ul li a[class*="Flickr"] { background: #ED006E; } #Social-Sidebar.Theme-Color ul li a[class*="Forrst"] { background: #3B7140; } #Social-Sidebar.Theme-Color ul li a[class*="Foursquare"] { background: #1DAFEC; } #Social-Sidebar.Theme-Color ul li a[class*="Github"] { background: #202021; } #Social-Sidebar.Theme-Color ul li a[class*="Google"] { background: #E34429; } #Social-Sidebar.Theme-Color ul li a[class*="Google-Drive"] { background: #0EA862; } #Social-Sidebar.Theme-Color ul li a[class*="GPlus"] { background: #E34429; } #Social-Sidebar.Theme-Color ul li a[class*="Heart"] { background: #CD181F; } #Social-Sidebar.Theme-Color ul li a[class*="Home"] { background: #444; } #Social-Sidebar.Theme-Color ul li a[class*="HTML5"] { background: #E44D26; } #Social-Sidebar.Theme-Color ul li a[class*="Instagram"] { background: #31547A; } #Social-Sidebar.Theme-Color ul li a[class*="Joomla"] { background: #0D6DAB; } #Social-Sidebar.Theme-Color ul li a[class*="Lab"] { background: #444; } #Social-Sidebar.Theme-Color ul li a[class*="Lanyrd"] { background: #2A66BE; } #Social-Sidebar.Theme-Color ul li a[class*="LastFM"] { background: #D21309; } #Social-Sidebar.Theme-Color ul li a[class*="Lightning"] { background: #444; } #Social-Sidebar.Theme-Color ul li a[class*="LinkedIn"] { background: #007BB6; } #Social-Sidebar.Theme-Color ul li a[class*="Linux"] { background: #444; } #Social-Sidebar.Theme-Color ul li a[class*="Mail"] { background: #444; } #Social-Sidebar.Theme-Color ul li a[class*="Mixi"] { background: #E0C074; } #Social-Sidebar.Theme-Color ul li a[class*="Paypal"] { background: #00335E; } #Social-Sidebar.Theme-Color ul li a[class*="Phone"] { background: #444; } #Social-Sidebar.Theme-Color ul li a[class*="Picassa"] { background: #35A328; } #Social-Sidebar.Theme-Color ul li a[class*="Pinterest"] { background: #CA2128; } #Social-Sidebar.Theme-Color ul li a[class*="Power"] { background: #444; } #Social-Sidebar.Theme-Color ul li a[class*="QQ"] { background: #23A1DD; } #Social-Sidebar.Theme-Color ul li a[class*="Rdio"] { background: #1875A4; } #Social-Sidebar.Theme-Color ul li a[class*="Reddit"] { background: #FF4500; } #Social-Sidebar.Theme-Color ul li a[class*="RenRen"] { background: #105BA3; } #Social-Sidebar.Theme-Color ul li a[class*="Rocket"] { background: #444; } #Social-Sidebar.Theme-Color ul li a[class*="RSS"] { background: #F57B05; } #Social-Sidebar.Theme-Color ul li a[class*="Share"] { background: #017F49; } #Social-Sidebar.Theme-Color ul li a[class*="SinaWeibo"] { background: #E43037; } #Social-Sidebar.Theme-Color ul li a[class*="Skype"] { background: #019BD7; } #Social-Sidebar.Theme-Color ul li a[class*="Soundcloud"] { background: #F93900; } #Social-Sidebar.Theme-Color ul li a[class*="Spotify"] { background: #A9D00B; } #Social-Sidebar.Theme-Color ul li a[class*="Stackoverflow"] { background: #FF7A15; } #Social-Sidebar.Theme-Color ul li a[class*="Star"] { background: #444; } #Social-Sidebar.Theme-Color ul li a[class*="Steam"] { background: #222; } #Social-Sidebar.Theme-Color ul li a[class*="Stumbleupon"] { background: #EB4823; } #Social-Sidebar.Theme-Color ul li a[class*="Support"] { background: #444; } #Social-Sidebar.Theme-Color ul li a[class*="Tag"] { background: #444; } #Social-Sidebar.Theme-Color ul li a[class*="Thumbs-Up"] { background: #444; } #Social-Sidebar.Theme-Color ul li a[class*="Tumblr"] { background: #1769FF; } #Social-Sidebar.Theme-Color ul li a[class*="Twitter"] { background: #6CDFEA; } #Social-Sidebar.Theme-Color ul li a[class*="User"] { background: #444; } #Social-Sidebar.Theme-Color ul li a[class*="Users"] { background: #444; } #Social-Sidebar.Theme-Color ul li a[class*="Vimeo"] { background: #17B3E8; } #Social-Sidebar.Theme-Color ul li a[class*="VK"] { background: #57799E; } #Social-Sidebar.Theme-Color ul li a[class*="Windows"] { background: #C40013; } #Social-Sidebar.Theme-Color ul li a[class*="Windows8"] { background: #00ADEF; } #Social-Sidebar.Theme-Color ul li a[class*="Wordpress"] { background: #326D95; } #Social-Sidebar.Theme-Color ul li a[class*="Xing"] { background: #0C5459; } #Social-Sidebar.Theme-Color ul li a[class*="Yahoo"] { background: #640F6C; } #Social-Sidebar.Theme-Color ul li a[class*="Yelp"] { background: #B61100; } #Social-Sidebar.Theme-Color ul li a[class*="Youtube"] { background: #CD181F; } /********************************************************** // Social Sidebar >> Hover: Color **********************************************************/ #Social-Sidebar ul li a:hover { color: #FFF; } #Social-Sidebar ul li a[class*="Aid"]:hover, #Social-Sidebar ul li a[class*="Aid"] span, #Social-Sidebar ul li a[class*="Aid"] span:before { background: #444; } #Social-Sidebar ul li a[class*="Android"]:hover, #Social-Sidebar ul li a[class*="Android"] span, #Social-Sidebar ul li a[class*="Android"] span:before { background: #80BD01; } #Social-Sidebar ul li a[class*="Apple"]:hover, #Social-Sidebar ul li a[class*="Apple"] span, #Social-Sidebar ul li a[class*="Apple"] span:before { background: #999; } #Social-Sidebar ul li a[class*="Behance"]:hover, #Social-Sidebar ul li a[class*="Behance"] span, #Social-Sidebar ul li a[class*="Behance"] span:before { background: #222; } #Social-Sidebar ul li a[class*="Blogger"]:hover, #Social-Sidebar ul li a[class*="Blogger"] span, #Social-Sidebar ul li a[class*="Blogger"] span:before { background: #FF6501; } #Social-Sidebar ul li a[class*="Bookmark"]:hover, #Social-Sidebar ul li a[class*="Bookmark"] span, #Social-Sidebar ul li a[class*="Bookmark"] span:before { background: #444; } #Social-Sidebar ul li a[class*="Bubbles"]:hover, #Social-Sidebar ul li a[class*="Bubbles"] span, #Social-Sidebar ul li a[class*="Bubbles"] span:before { background: #444; } #Social-Sidebar ul li a[class*="Bullhorn"]:hover, #Social-Sidebar ul li a[class*="Bullhorn"] span, #Social-Sidebar ul li a[class*="Bullhorn"] span:before { background: #444; } #Social-Sidebar ul li a[class*="Calendar"]:hover, #Social-Sidebar ul li a[class*="Calendar"] span, #Social-Sidebar ul li a[class*="Calendar"] span:before { background: #444; } #Social-Sidebar ul li a[class*="Cart"]:hover, #Social-Sidebar ul li a[class*="Cart"] span, #Social-Sidebar ul li a[class*="Cart"] span:before { background: #444; } #Social-Sidebar ul li a[class*="CC"]:hover, #Social-Sidebar ul li a[class*="CC"] span, #Social-Sidebar ul li a[class*="CC"] span:before { background: #7FA517; } #Social-Sidebar ul li a[class*="Circles"]:hover, #Social-Sidebar ul li a[class*="Circles"] span, #Social-Sidebar ul li a[class*="Circles"] span:before { background: #7090C8; } #Social-Sidebar ul li a[class*="Cloud-Down"]:hover, #Social-Sidebar ul li a[class*="Cloud-Down"] span, #Social-Sidebar ul li a[class*="Cloud-Down"] span:before { background: #444; } #Social-Sidebar ul li a[class*="Cloud-Up"]:hover, #Social-Sidebar ul li a[class*="Cloud-Up"] span, #Social-Sidebar ul li a[class*="Cloud-Up"] span:before { background: #444; } #Social-Sidebar ul li a[class*="Cog"]:hover, #Social-Sidebar ul li a[class*="Cog"] span, #Social-Sidebar ul li a[class*="Cog"] span:before { background: #444; } #Social-Sidebar ul li a[class*="CSS3"]:hover, #Social-Sidebar ul li a[class*="CSS3"] span, #Social-Sidebar ul li a[class*="CSS3"] span:before { background: #1572B6; } #Social-Sidebar ul li a[class*="Delicious"]:hover, #Social-Sidebar ul li a[class*="Delicious"] span, #Social-Sidebar ul li a[class*="Delicious"] span:before { background: #3399FF; } #Social-Sidebar ul li a[class*="Deviantart"]:hover, #Social-Sidebar ul li a[class*="Deviantart"] span, #Social-Sidebar ul li a[class*="Deviantart"] span:before { background: #5E756F; } #Social-Sidebar ul li a[class*="Dribbble"]:hover, #Social-Sidebar ul li a[class*="Dribbble"] span, #Social-Sidebar ul li a[class*="Dribbble"] span:before { background: #EA4C89; } #Social-Sidebar ul li a[class*="Dropbox"]:hover, #Social-Sidebar ul li a[class*="Dropbox"] span, #Social-Sidebar ul li a[class*="Dropbox"] span:before { background: #007EE5; } #Social-Sidebar ul li a[class*="Evernote"]:hover, #Social-Sidebar ul li a[class*="Evernote"] span, #Social-Sidebar ul li a[class*="Evernote"] span:before { background: #5FB336; } #Social-Sidebar ul li a[class*="Facebook"]:hover, #Social-Sidebar ul li a[class*="Facebook"] span, #Social-Sidebar ul li a[class*="Facebook"] span:before { background: #234999; } #Social-Sidebar ul li a[class*="File-Down"]:hover, #Social-Sidebar ul li a[class*="File-Down"] span, #Social-Sidebar ul li a[class*="File-Down"] span:before { background: #444; } #Social-Sidebar ul li a[class*="File-Up"]:hover, #Social-Sidebar ul li a[class*="File-Up"] span, #Social-Sidebar ul li a[class*="File-Up"] span:before { background: #444; } #Social-Sidebar ul li a[class*="Flag"]:hover, #Social-Sidebar ul li a[class*="Flag"] span, #Social-Sidebar ul li a[class*="Flag"] span:before { background: #EB8327; } #Social-Sidebar ul li a[class*="Flattr"]:hover, #Social-Sidebar ul li a[class*="Flattr"] span, #Social-Sidebar ul li a[class*="Flattr"] span:before { background: #EB8327; } #Social-Sidebar ul li a[class*="Flickr"]:hover, #Social-Sidebar ul li a[class*="Flickr"] span, #Social-Sidebar ul li a[class*="Flickr"] span:before { background: #ED006E; } #Social-Sidebar ul li a[class*="Forrst"]:hover, #Social-Sidebar ul li a[class*="Forrst"] span, #Social-Sidebar ul li a[class*="Forrst"] span:before { background: #3B7140; } #Social-Sidebar ul li a[class*="Foursquare"]:hover, #Social-Sidebar ul li a[class*="Foursquare"] span, #Social-Sidebar ul li a[class*="Foursquare"] span:before { background: #1DAFEC; } #Social-Sidebar ul li a[class*="Github"]:hover, #Social-Sidebar ul li a[class*="Github"] span, #Social-Sidebar ul li a[class*="Github"] span:before { background: #202021; } #Social-Sidebar ul li a[class*="Google"]:hover, #Social-Sidebar ul li a[class*="Google"] span, #Social-Sidebar ul li a[class*="Google"] span:before { background: #E34429; } #Social-Sidebar ul li a[class*="Google-Drive"]:hover, #Social-Sidebar ul li a[class*="Google-Drive"] span, #Social-Sidebar ul li a[class*="Google-Drive"] span:before { background: #0EA862; } #Social-Sidebar ul li a[class*="GPlus"]:hover, #Social-Sidebar ul li a[class*="GPlus"] span, #Social-Sidebar ul li a[class*="GPlus"] span:before { background: #E34429; } #Social-Sidebar ul li a[class*="Heart"]:hover, #Social-Sidebar ul li a[class*="Heart"] span, #Social-Sidebar ul li a[class*="Heart"] span:before { background: #CD181F; } #Social-Sidebar ul li a[class*="Home"]:hover, #Social-Sidebar ul li a[class*="Home"] span, #Social-Sidebar ul li a[class*="Home"] span:before { background: #444; } #Social-Sidebar ul li a[class*="HTML5"]:hover, #Social-Sidebar ul li a[class*="HTML5"] span, #Social-Sidebar ul li a[class*="HTML5"] span:before { background: #E44D26; } #Social-Sidebar ul li a[class*="Instagram"]:hover, #Social-Sidebar ul li a[class*="Instagram"] span, #Social-Sidebar ul li a[class*="Instagram"] span:before { background: #31547A; } #Social-Sidebar ul li a[class*="Joomla"]:hover, #Social-Sidebar ul li a[class*="Joomla"] span, #Social-Sidebar ul li a[class*="Joomla"] span:before { background: #0D6DAB; } #Social-Sidebar ul li a[class*="Lab"]:hover, #Social-Sidebar ul li a[class*="Lab"] span, #Social-Sidebar ul li a[class*="Lab"] span:before { background: #444; } #Social-Sidebar ul li a[class*="Lanyrd"]:hover, #Social-Sidebar ul li a[class*="Lanyrd"] span, #Social-Sidebar ul li a[class*="Lanyrd"] span:before { background: #2A66BE; } #Social-Sidebar ul li a[class*="LastFM"]:hover, #Social-Sidebar ul li a[class*="LastFM"] span, #Social-Sidebar ul li a[class*="LastFM"] span:before { background: #D21309; } #Social-Sidebar ul li a[class*="Lightning"]:hover, #Social-Sidebar ul li a[class*="Lightning"] span, #Social-Sidebar ul li a[class*="Lightning"] span:before { background: #444; } #Social-Sidebar ul li a[class*="LinkedIn"]:hover, #Social-Sidebar ul li a[class*="LinkedIn"] span, #Social-Sidebar ul li a[class*="LinkedIn"] span:before { background: #007BB6; } #Social-Sidebar ul li a[class*="Linux"]:hover, #Social-Sidebar ul li a[class*="Linux"] span, #Social-Sidebar ul li a[class*="Linux"] span:before { background: #444; } #Social-Sidebar ul li a[class*="Mail"]:hover, #Social-Sidebar ul li a[class*="Mail"] span, #Social-Sidebar ul li a[class*="Mail"] span:before { background: #444; } #Social-Sidebar ul li a[class*="Mixi"]:hover, #Social-Sidebar ul li a[class*="Mixi"] span, #Social-Sidebar ul li a[class*="Mixi"] span:before { background: #E0C074; } #Social-Sidebar ul li a[class*="Paypal"]:hover, #Social-Sidebar ul li a[class*="Paypal"] span, #Social-Sidebar ul li a[class*="Paypal"] span:before { background: #00335E; } #Social-Sidebar ul li a[class*="Phone"]:hover, #Social-Sidebar ul li a[class*="Phone"] span, #Social-Sidebar ul li a[class*="Phone"] span:before { background: #444; } #Social-Sidebar ul li a[class*="Picassa"]:hover, #Social-Sidebar ul li a[class*="Picassa"] span, #Social-Sidebar ul li a[class*="Picassa"] span:before { background: #35A328; } #Social-Sidebar ul li a[class*="Pinterest"]:hover, #Social-Sidebar ul li a[class*="Pinterest"] span, #Social-Sidebar ul li a[class*="Pinterest"] span:before { background: #CA2128; } #Social-Sidebar ul li a[class*="Power"]:hover, #Social-Sidebar ul li a[class*="Power"] span, #Social-Sidebar ul li a[class*="Power"] span:before { background: #444; } #Social-Sidebar ul li a[class*="QQ"]:hover, #Social-Sidebar ul li a[class*="QQ"] span, #Social-Sidebar ul li a[class*="QQ"] span:before { background: #23A1DD; } #Social-Sidebar ul li a[class*="Rdio"]:hover, #Social-Sidebar ul li a[class*="Rdio"] span, #Social-Sidebar ul li a[class*="Rdio"] span:before { background: #1875A4; } #Social-Sidebar ul li a[class*="Reddit"]:hover, #Social-Sidebar ul li a[class*="Reddit"] span, #Social-Sidebar ul li a[class*="Reddit"] span:before { background: #FF4500; } #Social-Sidebar ul li a[class*="RenRen"]:hover, #Social-Sidebar ul li a[class*="RenRen"] span, #Social-Sidebar ul li a[class*="RenRen"] span:before { background: #105BA3; } #Social-Sidebar ul li a[class*="Rocket"]:hover, #Social-Sidebar ul li a[class*="Rocket"] span, #Social-Sidebar ul li a[class*="Rocket"] span:before { background: #444; } #Social-Sidebar ul li a[class*="RSS"]:hover, #Social-Sidebar ul li a[class*="RSS"] span, #Social-Sidebar ul li a[class*="RSS"] span:before { background: #F57B05; } #Social-Sidebar ul li a[class*="Share"]:hover, #Social-Sidebar ul li a[class*="Share"] span, #Social-Sidebar ul li a[class*="Share"] span:before { background: #017F49; } #Social-Sidebar ul li a[class*="SinaWeibo"]:hover, #Social-Sidebar ul li a[class*="SinaWeibo"] span, #Social-Sidebar ul li a[class*="SinaWeibo"] span:before { background: #E43037; } #Social-Sidebar ul li a[class*="Skype"]:hover, #Social-Sidebar ul li a[class*="Skype"] span, #Social-Sidebar ul li a[class*="Skype"] span:before { background: #019BD7; } #Social-Sidebar ul li a[class*="Soundcloud"]:hover, #Social-Sidebar ul li a[class*="Soundcloud"] span, #Social-Sidebar ul li a[class*="Soundcloud"] span:before { background: #F93900; } #Social-Sidebar ul li a[class*="Spotify"]:hover, #Social-Sidebar ul li a[class*="Spotify"] span, #Social-Sidebar ul li a[class*="Spotify"] span:before { background: #A9D00B; } #Social-Sidebar ul li a[class*="Stackoverflow"]:hover, #Social-Sidebar ul li a[class*="Stackoverflow"] span, #Social-Sidebar ul li a[class*="Stackoverflow"] span:before { background: #FF7A15; } #Social-Sidebar ul li a[class*="Star"]:hover, #Social-Sidebar ul li a[class*="Star"] span, #Social-Sidebar ul li a[class*="Star"] span:before { background: #444; } #Social-Sidebar ul li a[class*="Steam"]:hover, #Social-Sidebar ul li a[class*="Steam"] span, #Social-Sidebar ul li a[class*="Steam"] span:before { background: #222; } #Social-Sidebar ul li a[class*="Stumbleupon"]:hover, #Social-Sidebar ul li a[class*="Stumbleupon"] span, #Social-Sidebar ul li a[class*="Stumbleupon"] span:before { background: #EB4823; } #Social-Sidebar ul li a[class*="Support"]:hover, #Social-Sidebar ul li a[class*="Support"] span, #Social-Sidebar ul li a[class*="Support"] span:before { background: #444; } #Social-Sidebar ul li a[class*="Tag"]:hover, #Social-Sidebar ul li a[class*="Tag"] span, #Social-Sidebar ul li a[class*="Tag"] span:before { background: #444; } #Social-Sidebar ul li a[class*="Thumbs-Up"]:hover, #Social-Sidebar ul li a[class*="Thumbs-Up"] span, #Social-Sidebar ul li a[class*="Thumbs-Up"] span:before { background: #444; } #Social-Sidebar ul li a[class*="Tumblr"]:hover, #Social-Sidebar ul li a[class*="Tumblr"] span, #Social-Sidebar ul li a[class*="Tumblr"] span:before { background: #1769FF; } #Social-Sidebar ul li a[class*="Twitter"]:hover, #Social-Sidebar ul li a[class*="Twitter"] span, #Social-Sidebar ul li a[class*="Twitter"] span:before { background: #6CDFEA; } #Social-Sidebar ul li a[class*="User"]:hover, #Social-Sidebar ul li a[class*="User"] span, #Social-Sidebar ul li a[class*="User"] span:before { background: #444; } #Social-Sidebar ul li a[class*="Users"]:hover, #Social-Sidebar ul li a[class*="Users"] span, #Social-Sidebar ul li a[class*="Users"] span:before { background: #444; } #Social-Sidebar ul li a[class*="Vimeo"]:hover, #Social-Sidebar ul li a[class*="Vimeo"] span, #Social-Sidebar ul li a[class*="Vimeo"] span:before { background: #17B3E8; } #Social-Sidebar ul li a[class*="VK"]:hover, #Social-Sidebar ul li a[class*="VK"] span, #Social-Sidebar ul li a[class*="VK"] span:before { background: #57799E; } #Social-Sidebar ul li a[class*="Windows"]:hover, #Social-Sidebar ul li a[class*="Windows"] span, #Social-Sidebar ul li a[class*="Windows"] span:before { background: #C40013; } #Social-Sidebar ul li a[class*="Windows8"]:hover, #Social-Sidebar ul li a[class*="Windows8"] span, #Social-Sidebar ul li a[class*="Windows8"] span:before { background: #00ADEF; } #Social-Sidebar ul li a[class*="Wordpress"]:hover, #Social-Sidebar ul li a[class*="Wordpress"] span, #Social-Sidebar ul li a[class*="Wordpress"] span:before { background: #326D95; } #Social-Sidebar ul li a[class*="Xing"]:hover, #Social-Sidebar ul li a[class*="Xing"] span, #Social-Sidebar ul li a[class*="Xing"] span:before { background: #0C5459; } #Social-Sidebar ul li a[class*="Yahoo"]:hover, #Social-Sidebar ul li a[class*="Yahoo"] span, #Social-Sidebar ul li a[class*="Yahoo"] span:before { background: #640F6C; } #Social-Sidebar ul li a[class*="Yelp"]:hover, #Social-Sidebar ul li a[class*="Yelp"] span, #Social-Sidebar ul li a[class*="Yelp"] span:before { background: #B61100; } #Social-Sidebar ul li a[class*="Youtube"]:hover, #Social-Sidebar ul li a[class*="Youtube"] span, #Social-Sidebar ul li a[class*="Youtube"] span:before { background: #CD181F; }