0% found this document useful (0 votes)
12 views7 pages

Stumpedia.com Share Button Features

The document contains CSS code that defines styling for ShareThis social sharing buttons and components. It includes CSS classes for buttons, bubbles, icons, and other elements. Styles are defined for positioning, sizing, colors, backgrounds and other visual properties.

Uploaded by

Arindam Basu
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
12 views7 pages

Stumpedia.com Share Button Features

The document contains CSS code that defines styling for ShareThis social sharing buttons and components. It includes CSS classes for buttons, bubbles, icons, and other elements. Styles are defined for positioning, sizing, colors, backgrounds and other visual properties.

Uploaded by

Arindam Basu
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd

#stOverlay{height:100%;width:100%;background-color:#000;-ms-

filter:"alpha(opacity=50)";filter:alpha(opacity=60);opacity:.6;position:fixed;displ
ay:none;left:0;top:0;z-index:89999990}.stwrapper{z-
index:89999999;position:fixed;top:20%;left:50%}#stLframe{position:absolute;z-
index:1000020;left:0;top:0;background-color:#ededed;border:1px solid
#d5dcdc;border-radius:5px;box-shadow:0 2px 2px
#666;height:100%;width:100%}.stwrapper.stwrapper5x{margin:0 0 0
-256px;height:419px;width:514px}.stwrapper.stwrapper4x{margin:0 0 0
-167px;height:337px;width:334px}.stclose{cursor:pointer;z-
index:2000000;position:absolute;right:3px;top:-2px;margin:0;padding:0;font-
family:Helvetica,Arial,Sans-Serif;text-align:left;line-height:1.0em;text-
decoration:none;cursor:pointer;height:28px;width:26px}.stCloseNew2{cursor:pointer;z
-index:2000000;position:absolute;right:25px;margin:0;padding:0;text-
align:left;text-
decoration:none;cursor:pointer;height:25px;width:30px}.stCloseNew{background:url("h
ttps://[Link]/secure5x/images/[Link]") no-repeat scroll
-3px -131px transparent;cursor:pointer;display:inline-
block;height:30px;position:absolute;right:26px;top:-10px;width:30px;z-
index:2000000}.stNativeButton{margin-left:3px;margin-
right:3px;position:relative;top:7px}.stNativeButton a{text-
decoration:none}.stFourSquare{display:inline-
block;top:6px}.stGoogleNative{top:20px}.stTwitterFollowFrame{width:62px;height:20px
;*width:67px;*height:23px}.stTwitterFollow{top:0;text-
decoration:none;color:#000;display:inline-
block;cursor:pointer;position:relative;margin:3px 3px 0;padding:0;font-
size:11px;line-height:16px;vertical-
align:bottom;overflow:visible;*top:4px;*display:inline}.stYoutube{top:9px}.stButton
.stButton_left{background-
image:url("[Link]
repeat;height:20px;display:inline-block;width:5px;line-height:20px}.stButton
.stButton_right{background-
image:url("[Link]
repeat;height:20px;display:inline-block;width:5px;line-height:20px}.stButton
.stButton_gradient{background-repeat:repeat-x;border:1px solid
#ddd;padding:2px;font-family:serif;-moz-border-radius:4px;-webkit-border-
radius:4px;border-radius:4px;display:inline-
block;height:16px;background:#efefef}.stButton .stBubble+.stButton_gradient{min-
width:54px}[Link] [Link],[Link]{color:#000}.stButton
.stButton_gradient:hover{background:#d5d5d5}.stButton
.stButton_gradient2{background-
image:url('[Link]
repeat;display:inline-block;height:20px;width:60px;padding-left:4px;white-
space:nowrap}.stButton{position:relative;z-index:1;text-
decoration:none;color:#000;display:inline-block;cursor:pointer;margin-
right:3px;margin-left:3px;font-size:11px;line-height:16px}.stButton
.stBubble{height:44px;margin:0;margin-top:5px;margin-bottom:2px;background-
repeat:no-
repeat;color:#4d4d4d;width:60px;overflow:hidden;display:none;background:url("https:
//[Link]/secure/images/bubble_arrow_below.png") no-repeat 10px 40px;line-
height:16px}.stButton .stBubbleSm{background-
image:url("[Link]
ackground-repeat:no-repeat;color:#fff;line-height:16px}.stButton
.stBubbleSmHoriz{background-
image:url("[Link]
25px;background-repeat:no-repeat;color:#fff;line-
height:16px;position:absolute;right:30px}.stButton
.stHBubble{background:#fff;margin-left:3px;margin-right:3px;position:relative;z-
index:-1;*margin-left:0;display:none}.stButton .stArrow{padding-left:3px;margin-
left:-1px;background:url("[Link]
no-repeat 3px 8px;line-height:16px;height:14px;display:inline-
block;*display:inline;*padding-left:6px}.stButton .stBubble_count_sm{font-
size:10px;text-align:center;padding-top:1px;width:30px;font-
family:Verdana,Helvetica,sans-serif}.stButton .stBubble_count{font-size:14px;line-
height:18px;font-weight:bold;text-align:center;padding-
top:10px;width:58px;height:29px;font-family:Helvetica,sans-
serif;color:#555;position:relative;z-index:-1;border:1px solid #ccc;-moz-border-
radius:4px;-webkit-border-radius:4px;border-radius:4px;background:#fff}.stButton
.stBubble_count:hover{background:#ddd}.stButton .stBubble_hcount{padding-
left:2px;padding-right:2px;white-space:nowrap;font-family:Helvetica,sans-
serif;font-size:11px;height:16px;line-height:16px;font-
weight:bold;color:#555}.stButton .chicklets{background-repeat:no-repeat;background-
size:contain;-ms-
behavior:url("[Link]
-left:20px;padding-right:0;white-space:nowrap;font-family:Helvetica,sans-
serif;font-size:10px;display:inline-block;height:16px;width:auto;line-
height:16px}.stButton .chicklets:hover{opacity:.75;-ms-
filter:"alpha(opacity=75)";filter:alpha(opacity=75)}.stButton
.chicklets2{background:url("[Link]
[Link]") no-repeat scroll right top transparent;padding:0 0 2px 20px;white-
space:nowrap;font-family:Verdana,Helvetica,sans-serif;font-size:11px}.stButton
.st_fsIcon{position:relative;top:1px}.stButton .seven_live_seven{background-
image:url("[Link]
.a1_webmarks{background-
image:url("[Link]
.adfty{background-
image:url("[Link]
.aim{background-
image:url("[Link]
.allvoices{background-
image:url("[Link]
.amazon_wishlist{background-
image:url("[Link]
.arto{background-
image:url("[Link]
.att{background-
image:url("[Link]
.baidu{background-
image:url("[Link]
.blinklist{background-
image:url("[Link]
.blip{background-
image:url("[Link]
.blogged{background-
image:url("[Link]
.blogger{background-
image:url("[Link]
.blogmarks{background-
image:url("[Link]
.brainify{background-
image:url("[Link]
.buddymarks{background-
image:url("[Link]
.care2{background-
image:url("[Link]
.citeulike{background-
image:url("[Link]
.chiq{background-
image:url("[Link]
.connotea{background-
image:url("[Link]
.corank{background-
image:url("[Link]
.corkboard{background-
image:url("[Link]
.current{background-
image:url("[Link]
.dealsplus{background-
image:url("[Link]
.delicious{background-
image:url("[Link]
.digg{background-
image:url("[Link]
.diigo{background-
image:url("[Link]
.dotnetshoutout{background-
image:url("[Link] .
dzone{background-
image:url("[Link]
.evernote{background-
image:url("[Link]
.embed_ly{background-
image:url("[Link]
.email{background-
image:url("[Link]
.facebook{background-
image:url("[Link]
.fashiolista{background-
image:url("[Link]
.flipboard{background-
image:url("[Link]
.fb_like{background-
image:url("[Link]
position:0 0}.stButton .folkd{background-
image:url("[Link]
.foodlve{background-
image:url("[Link]
.fresqui{background-
image:url("[Link]
.friendfeed{background-
image:url("[Link]
.funp{background-
image:url("[Link]
.fwisp{background-
image:url("[Link]
.google{background-
image:url("[Link]
.google_bmarks{background-
image:url("[Link]
.google_reader{background-
image:url("[Link]
.google_translate{background-
image:url("[Link]
.hadash_hot{background-
image:url("[Link]
.hatena{background-
image:url("[Link]
.hyves{background-
image:url("[Link]
.identi{background-
image:url("[Link]
.jumptags{background-
image:url("[Link]
.kaboodle{background-
image:url("[Link]
.kik{background-
image:url("[Link]
.linkagogo{background-
image:url("[Link]
.linkedin{background-
image:url("[Link]
.livejournal{background-
image:url("[Link]
.meneame{background-
image:url("[Link]
.mister_wong{background-
image:url("[Link]
.mixx{background-
image:url("[Link]
.myspace{background-
image:url("[Link]
.n4g{background-
image:url("[Link]
.netlog{background-
image:url("[Link]
.netvibes{background-
image:url("[Link]
.netvouz{background-
image:url("[Link]
.newsvine{background-
image:url("[Link]
.nujij{background-
image:url("[Link]
.oknotizie{background-
image:url("[Link]
.orkut{background-
image:url("[Link]
.plaxo{background-
image:url("[Link]
.reddit{background-
image:url("[Link]
.segnalo{background-
image:url("[Link]
.sina{background-
image:url("[Link]
.slashdot{background-
image:url("[Link]
.speedtile{background-
image:url("[Link]
.squidoo{background-
image:url("[Link]
.startaid{background-
image:url("[Link]
.startlap{background-
image:url("[Link]
.strands{background-
image:url("[Link]
.stumbleupon{background-
image:url("[Link]
.stumpedia{background-
image:url("[Link]
.technorati{background-
image:url("[Link]
.twitter{background-
image:url("[Link]
.typepad{background-
image:url("[Link]
.viadeo{background-
image:url("[Link]
.virb{background-
image:url("[Link]
.voxopolis{background-
image:url("[Link]
.weheartit{background-
image:url("[Link]
.wordpress{background-
image:url("[Link]
.xanga{background-
image:url("[Link]
.xerpi{background-
image:url("[Link]
.xing{background-
image:url("[Link]
.yahoo{background-
image:url("[Link]
.yigg{background-
image:url("[Link]
.fark{background-
image:url("[Link]
.bus_exchange{background-
image:url("[Link]
.bebo{background-
image:url("[Link]
.buffer{background-
image:url("[Link]
.mail_ru{background-
image:url("[Link]
.instagram{background-
image:url("[Link]
.edmodo{background-
image:url("[Link]
.odnoklassniki{background-
image:url("[Link]
.moshare{background-
image:url("[Link]
.raise_your_voice{background-
image:url("[Link]
.vkontakte{background-
image:url("[Link]
.pinterest{background-
image:url("[Link]
.pocket{background-
image:url("[Link]
.googleplus{background-
image:url("[Link]
.gbuzz{background-
image:url("[Link]
.tumblr{background-
image:url("[Link]
.twackle{background-
image:url("[Link]
.sharethis{background-
image:url("[Link]
.messenger{background-
image:url("[Link]
.sonico{background-
image:url("[Link]
.instapaper{background-
image:url("[Link]
.whatsapp{background-
image:url("[Link]
.yammer{background-
image:url("[Link]
.formspring{background-
image:url("[Link]
.print{background-
image:url("[Link]
.stLarge{background-size:cover;-ms-
behavior:url("[Link]
:inline-block;height:32px;width:32px;position:relative}.stButton
.stHuge{display:inline-block;height:64px;width:64px;position:relative}.stButton
.stSmall,.stButton .stSmall2{display:inline-
block;height:16px;width:16px;position:relative}.stButton
.stSmall2{bottom:2px}.stButton .stLarge:hover{opacity:.75;background-position:-
32px}.stButton .stSmall:hover,.stButton .stSmall:hover{opacity:.75;background-
position:-16px}.stButton .stHuge:hover{opacity:.75;background-position:-
64px}.stButton .stSmBar{display:inline-block;height:16px;width:16px}.stButton
.stFb,.stButton .stTwbutton,.stButton .stMainServices{background-
image:url("[Link]
repeat:no-repeat;background-size:cover;-ms-
behavior:url("[Link]
box-sizing:content-box!important;box-sizing:content-box!important;display:inline-
block;white-space:nowrap;font-family:Verdana,Helvetica,sans-serif;font-
size:11px;height:16px!important;min-height:16px!important;padding-top:3px;padding-
bottom:3px;line-height:16px;width:auto;position:relative}.st_email_hcount .stButton
.st-email-counter,.st_facebook_hcount .stButton .st-facebook-
counter,.st_pinterest_hcount .stButton .st-pinterest-
counter,.st_sharethis_hcount .stButton .st-sharethis-counter,.st_twitter_hcount
.stButton .st-twitter-counter{height:16px!important}.stButton .st-twitter-
counter,.stButton .st-facebook-counter{width:60px}.stButton .st-yahoo-
counter,.stButton .st-linkedin-counter{width:60px}.stButton .st-gbuzz-
counter,.stButton .st-google-counter{width:60px}.stButton .st-pinterest-
counter,.stButton .st-email-counter{width:60px}.stButton .st-sharethis-
counter{width:60px}.stButton .stMainServices img,.stButton img{border:none!
important;margin:0!important;z-index:100000!important;background:none!
important;padding:0!important;float:none!important}.stButton
.stFb:hover{opacity:.75;-ms-
filter:"alpha(opacity=75)";filter:alpha(opacity=75)}.stButton
.stTwbutton{background:url("[Link]
g");background-repeat:no-repeat}.stButton .stTwbutton:hover{background-position:0
-23px}.stCSSButton{border:1px solid #212121;color:white;display:inline-
block;vertical-align:bottom;-moz-border-radius:2px;-webkit-border-
radius:2px;border-radius:2px;box-shadow:2px 2px 5px #aaa;-moz-box-shadow:2px 2px
5px #aaa;-webkit-box-shadow:2px 2px 5px #aaa;*float:left;*line-
height:16px;background:#363636;filter:progid:[Link](st
artColorstr='#363636',endColorstr='#868686',GradientType=0);background:-moz-linear-
gradient(top,#d6d6d6 0,#363636 42%,#868686 88%);background:-webkit-
gradient(linear,left top,left bottom,color-stop(0%,#d6d6d6),color-
stop(42%,#363636),color-stop(88%,#868686))}.stCSSButton:hover{box-shadow:1px 1px
5px #888;-moz-box-shadow:1px 1px 5px #888;-webkit-box-shadow:1px 1px 5px
#888;border:1px solid
#333;background:#545454;filter:progid:[Link](startColo
rstr='#545454',endColorstr='#989898',GradientType=0);background:-moz-linear-
gradient(top,#dcdcdc 0,#545454 42%,#989898 88%);background:-webkit-
gradient(linear,left top,left bottom,color-stop(0%,#dcdcdc),color-
stop(42%,#545454),color-stop(88%,#989898))}.stCSSSprite{display:inline-block;ve
rtical-align:top;background:url("[Link]
[Link]") no-repeat;height:16px;width:16px;margin:3px;float:left;line-
height:16px}.stCSSText{display:inline-block;margin:3px;margin-left:4px;padding-
right:5px;vertical-align:top;font-size:11px;font-family:sans-serif;font-
weight:bold}.stCSSHBubble{vertical-align:top;display:inline-
block;background:#eee;border:1px solid #bfbfbf;-moz-border-radius:4px;-webkit-
border-radius:4px;border-radius:4px;background:-moz-linear-gradient(top,#d5d5d5
0,#efefef 48%,#fff 94%);background:-webkit-gradient(linear,left top,left
bottom,color-stop(0%,#d5d5d5),color-stop(48%,#efefef),color-
stop(94%,#fff));filter:progid:[Link](startColorstr='#d
5d5d5',endColorstr='#ffffff',GradientType=0)}.stCSSHArrow{display:block;margin:0;pa
dding:0;border-top:5px solid transparent;border-right:5px solid #eee;border-
bottom:5px solid transparent;position:relative;top:-
5px;left:1px}.stCSSHArrowBorder{vertical-align:top;display:inline-
block;width:0;height:0;border-top:5px solid transparent;border-right:5px solid
#bfbfbf;border-bottom:5px solid transparent;margin-
top:7px;*float:left}.stCSSHBubble_count{display:inline-
block;height:16px;margin:3px;text-align:center;vertical-align:top;font-
size:11px;font-family:helvetica;font-
weight:bold;color:#555}.stCSSVBubble{width:100%;*width:75px}.stCSSVArrow{width:0;he
ight:0;border-top:6px solid #fff;border-left:6px solid transparent;border-right:6px
solid transparent;position:relative;top:-7px;left:-6px;z-
index:5}.stCSSVArrowBorder{width:0;height:0;border-top:6px solid #bfbfbf;border-
left:6px solid transparent;border-right:6px solid transparent;margin-
left:10px}.stCSSVBubble_count{font-size:11px;font-family:helvetica;font-
weight:bold;text-align:center;padding-
top:14px;color:#555;background:#eee;height:30px;border:1px solid #bfbfbf;-moz-
border-radius:4px;-webkit-border-radius:4px;border-radius:4px;background:-moz-
linear-gradient(top,#d5d5d5 0,#efefef 48%,#fff 94%);background:-webkit-
gradient(linear,left top,left bottom,color-stop(0%,#d5d5d5),color-
stop(48%,#efefef),color-
stop(94%,#fff));filter:progid:[Link](startColorstr='#d
5d5d5',endColorstr='#ffffff',GradientType=0)}.st_fblike_fbLong{vertical-align:text-
top;position:relative;top:-1px;*top:-4px}.st_plusone_vcount div{margin-
right:5px;margin-top:5px}.st_plusone_button div{margin-right:5px}.st_linkedinfollow
.stLinkedinfollow,.st_linkedinfollow_button
.stLinkedinfollow,.st_linkedinfollow_buttons
.stLinkedinfollow,.st_linkedinfollow_hcount
.stLinkedinfollow{top:6px}.st_linkedinfollow_large .stLinkedinfollow{top:-
2px}#stToolPop{color:#fff;z-index:99999999!
important;height:43px;width:43px;background:#01bf01;margin:0;box-sizing:content-
box}#stToolPop a{display:block;width:100%;height:100%}#stToolPop a:link,#stToolPop
a:visited,#stToolPop a:hover{background:0;color:none}#stToolPop span{text-indent:-
9999px}.stToolPop-circular{border-radius:50%;border:solid 6px
#fff}.semiTrans{opacity:.8}#[Link]{background-color:#47545d}.stToolPop-
absolute{position:absolute}.stToolPop-
fixed{position:fixed}#stToolPop_logo{vertical-align:top!important}

You might also like