.xt_blog_social { font-family: Helvetica, Arial, sans-serif !important; margin:5px !important; padding:5px !important; font-size: 13px !important; color: #fff; background-color: #fff; background-color: rgba(0,0,0,.5); text-shadow: 0px 1px 0px #000; text-shadow: 0px 1px 0px rgba(0,0,0,0.5); border-radius: 3px; border: 1px solid #333; border-color: rgba(0,0,0,.5); } @font-face { font-family: 'xtgem-icons'; src: url('http://xtgem.com/fonts/xtgem-icons.eot'); src: url('http://xtgem.com/fonts/xtgem-icons.eot?#iefix') format('embedded-opentype'), url('http://xtgem.com/fonts/xtgem-icons.woff') format('woff'), url('http://xtgem.com/fonts/xtgem-icons.ttf') format('truetype'), url('http://xtgem.com/fonts/xtgem-icons.svg#xtgem-icons') format('svg'); font-weight: normal; font-style: normal; } .xt_blog_social .icon-arrow-up:before, .xt_blog_social .icon-star:before { font-family: 'xtgem-icons'; speak: none; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; } .xt_blog_social .icon-arrow-up:before { content: "\e000"; } .xt_blog_social .icon-star:before { content: "\e001"; } .xt_blog_social .rate_up, .xt_blog_social .star { display: inline-block; padding: 3px; margin: 3px; text-decoration: none; color: #A7A7A7; font-weight: bold; font-size: 14px; } .xt_blog_social .rate_up:hover, .xt_blog_social .rate_up.rated_up { background-color: #70b30b; } .xt_blog_social .star:hover, .xt_blog_social .star.starred { background-color: #DBB110; } .xt_blog_social .rate_up:hover, .xt_blog_social .rate_up.rated_up, .xt_blog_social .star:hover, .xt_blog_social .star.starred { color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .featured { margin: 3px; } .featured a { color: #fff; } #ovrl1388741472 { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000000; opacity: 0.5; zoom: 1; filter: alpha(opacity=50); z-index: 999999 !important; z-index: 999999999 !important; } #wr1388741472 { padding: 37px 0; position: fixed; bottom: 0; left: -40px; z-index: 999999 !important; z-index: 999999999 !important; -webkit-transition: bottom 300ms ease-out 0; -moz-transition: bottom 300ms ease-out 0; -o-transition: bottom 300ms ease-out 0; transition: bottom 300ms ease-out 0; font: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; font-size: 12px !important; font-weight: normal !important; letter-spacing: normal !important; line-height: normal !important; list-style-type: none !important; text-align: left !important; text-indent: 0 !important; text-transform: none !important; visibility: visible !important; white-space: nowrap !important; word-spacing: normal !important; letter-spacing: normal !important; margin: 0 !important; width: 40px !important; height: auto !important; min-height: 0 !important; min-width: 0 !important; } #wr1388741472.top { top: 0; bottom: auto; } #wr1388741472.right { left: auto; right: -40px; } #wr1388741472 ul { margin: 0 !important; padding: 0 !important; list-style-type: none; } #wr1388741472 a { margin: 0; padding: 0; text-decoration: none; } #wr1388741472 li { position: relative; height: 37px; margin-bottom: 5px; margin-left: -220px; left: 40px; transition-property: margin; transition-duration: .2s; transition-timing-function: easeInCirc; transform: translate3d(0,0,0); -webkit-transition-property: margin, opacity; -webkit-transition-duration: .2s; -webkit-transition-timing-function: easeInCirc; -webkit-transform: translate3d(0,0,0); } #wr1388741472.right li { left: 0px; margin-left: 220px; margin-right: 0px; } #wr1388741472 span { cursor: pointer; position: absolute; top: 6px; left: 33px; display: inline-block; padding: 2px 8px 2px 8px; white-space: nowrap; background-color: #6E6E6E; background-color: rgba(0, 0, 0, .45); border: 1px solid #323232; border-color: rgba(0, 0, 0, .7); border-radius: 4px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 12px; font-weight: bold; color: #F5F5F5 !important; text-align: left !important; } #wr1388741472.right span { left: auto; right: 33px; } #tg1388741472 { display:block; } #tg1388741472:checked ~ label::before { content: ' '; } #tg1388741472 ~ label::before { content: ' '; } #tg1388741472:checked ~ label:before { content: ' '; } #tg1388741472 ~ label:before { content: ' '; } #tg1388741472[type="checkbox"]:checked + ul > li { margin-left: 0px; } #wr1388741472.show li { margin-left: 0px; } #wr1388741472.right #tg1388741472[type="checkbox"]:checked + ul > li { margin-left: 0px; margin-right: 220px; } #wr1388741472.right.show li { margin-left: 0px; margin-right: 220px; } #tg1388741472[type="checkbox"].show + ul > li { margin-left: 0; } #wr1388741472 label { position: absolute; bottom: 0px; left: auto; right: -40px; display: inline-block; width: 37px; height: 37px; margin: 0 !important; padding: 0 !important; line-height: 37px !important; cursor: pointer !important; user-select: none; background-image: url('http://xtgem.com/images//authbar/sprite-auth.png') !important; background-position: 0 -200px !important; } #wr1388741472.top label { top: 0px; bottom: auto; } #wr1388741472.right label { right: auto; left: -40px; } #wr1388741472 label:active { bottom: -1px !important; } #wr1388741472 .img { position: absolute; z-index: 2; top: 0; left: 3px; display: inline-block; width: 37px; height: 37px; margin: 0 !important; padding: 0 !important; background-image: url('http://xtgem.com/images//authbar/sprite-auth.png') !important; } #wr1388741472.right .img { right: 3px; left: auto; } #wr1388741472 .img.report { background-position: 0 -80px !important; } #wr1388741472 .img.logout { background-position: 0 -40px !important; } #wr1388741472 .img.signup { background-position: 0 -120px !important; } #wr1388741472 .img.sub { background-position: 0 -160px !important; } #wr1388741472 .img.unsub { background-position: 0 -240px !important; } #wr1388741472 .img.login { background-position: 0 0 !important; } #wr1388741472 .img.edit { background-position: 0 -279px !important; } #wr1388741472 .img.mystery { background-position: 0 -319px !important; } #wr1388741472 .img.feed { background-position: 0 -359px !important; }