src/widgets/Tweet.css
branchnew-model
changeset 880 4c7b33bf2795
child 882 61c384dda19e
equal deleted inserted replaced
876:03967b6ada7c 880:4c7b33bf2795
       
     1 .Ldt-Tweet-Widget {
       
     2     border: 1px solid #b7b7b7;
       
     3     padding: 1px;
       
     4     margin: 0;
       
     5     font-family: Helvetica, Arial, sans-serif;
       
     6 }
       
     7 
       
     8 .Ldt-Tweet-Inner {
       
     9     background: url(img/pinstripe.png);
       
    10     padding: 5px;
       
    11     margin: 0;
       
    12     min-height: 50px;
       
    13 }
       
    14 
       
    15 .Ldt-Tweet-PinClose-Buttons {
       
    16     float: right;
       
    17 }
       
    18 
       
    19 .Ldt-Tweet-PinClose-Buttons a {
       
    20     display: inline-block; width: 17px; height: 17px; margin: 2px;
       
    21     background: url(img/widget-control.png);
       
    22 }
       
    23 
       
    24 a.Ldt-Tweet-Pin {
       
    25     background-position: 0 -17px;
       
    26 }
       
    27 
       
    28 a.Ldt-Tweet-Pin:hover, a.Ldt-Tweet-Pin.active {
       
    29     background-position: -17px -17px;
       
    30 }
       
    31 
       
    32 a.Ldt-Tweet-Pin.active:hover {
       
    33     background-position: 0 -17px;
       
    34 }
       
    35 
       
    36 a.Ldt-Tweet-Close:hover {
       
    37     background-position: -17px 0;
       
    38 }
       
    39 
       
    40 .Ldt-Tweet-AvatarContainer {
       
    41     float: left; width: 48px; height: 48px; margin: 2px 4px 2px 0;
       
    42 }
       
    43 
       
    44 .Ldt-Tweet-Avatar {
       
    45     border: none; width: 48px; height: 48px;
       
    46 }
       
    47 
       
    48 .Ldt-Tweet-Inner h3 {
       
    49     margin: 2px 0 5px 52px;
       
    50     font-size: 14px;
       
    51 }
       
    52 
       
    53 a.Ldt-Tweet-ScreenName {
       
    54     color: #0068c4;
       
    55     text-decoration: none;
       
    56 }
       
    57 
       
    58 a.Ldt-Tweet-ScreenName:hover {
       
    59     color: #000000;
       
    60     text-decoration: underline;
       
    61 }
       
    62 
       
    63 p.Ldt-Tweet-Contents {
       
    64     margin: 5px 0 5px 52px;
       
    65     font-size: 12px;
       
    66 }
       
    67 
       
    68 .Ldt-Tweet-Bottom {
       
    69     margin: 5px 0 0;
       
    70     font-size: 12px;
       
    71     text-align: right;
       
    72 }
       
    73 
       
    74 .Ldt-Tweet-Time {
       
    75     display: inline-block;
       
    76 }
       
    77 
       
    78 .Ldt-Tweet-Bottom a {
       
    79     display: inline-block;
       
    80     margin-left: 12px;
       
    81     color: #000000;
       
    82     text-decoration: none;
       
    83 }
       
    84 
       
    85 .Ldt-Tweet-Bottom a:hover {
       
    86     text-decoration: underline;
       
    87 }
       
    88 
       
    89 .Ldt-Tweet-Icon {
       
    90     display: inline-block; width: 16px; height: 16px;
       
    91     margin: 0 2px -2px;
       
    92     background: url(img/twitter_sprites.png);
       
    93 }
       
    94 
       
    95 .Ldt-Tweet-Retweet .Ldt-Tweet-Icon {
       
    96     background-position: -80px 0;
       
    97 }
       
    98 
       
    99 .Ldt-Tweet-Retweet:hover .Ldt-Tweet-Icon {
       
   100     background-position: -96px 0;
       
   101 }
       
   102 
       
   103 .Ldt-Tweet-Reply:hover .Ldt-Tweet-Icon {
       
   104     background-position: -16px 0;
       
   105 }