css/share.css

   1 #shareboxes, #tweet {
   2         overflow:hidden;
   3 }
   4
   5 #shareboxes{
   6         margin-top:15px;
   7 }
   8
   9 div.share {
  10         -moz-border-radius:5px;
  11         -webkit-border-radius:5px;
  12         border-radius:5px;
  13         border:2px solid #88c0eb;
  14         background:#fff;
  15         margin-right:1em;
  16         padding:0 1em;
  17         float:left;
  18         height:140px;
  19 }
  20 #origlink{
  21         display:inline-block;
  22         white-space:pre;
  23         width:183px;
  24         overflow:hidden;
  25         vertical-align:-2px;
  26 }
  27 #copybox {
  28         width:250px;
  29 }
  30 #sharebox {
  31         width:500px;
  32 }
  33 #tweet_body {
  34         float:left;
  35         width:450px;
  36         height:4em;
  37         font-size:12px;
  38 }
  39 #charcount {
  40         padding-left:5px;
  41         color:#88c0eb;
  42 }
  43 #charcount.negative {
  44         color:red;
  45 }
  46 #share_links a {
  47         padding:0 12px 0 18px;
  48         font-weight:bold
  49 }
  50 #share_links a:hover {
  51         background-position:2px center;
  52 }
  53 #share_tw {background:transparent url(../images/twitter.png) left center no-repeat;}
  54 #share_fb {background:transparent url(../images/facebook.png) left center no-repeat;}
  55
  56 #copylink{
  57         cursor:pointer;
  58         background:transparent url(../images/copy.png) 130% center no-repeat;
  59 }
  60
  61 #copylink:hover, #copylink.hover {
  62         background-position:100% 50%;
  63 }
  64