← Back to branch summary

~ubuntu-branches/ubuntu/precise/gwibber/precise-proposed-201206191543

« back to all changes in this revision

Viewing changes to ui/themes/default/theme.html

  • Committer: Bazaar Package Importer
  • Author(s): Alexander Sack, Fabien Tassin
  • Date: 2009-07-03 20:32:57 UTC
  • mfrom: (1.1.2 upstream)
  • Revision ID: james.westby@ubuntu.com-20090703203257-oho1r2n57oy24vvl
Tags: 1.2.0~bzr346-0ubuntu1
https://launchpad.net/bugs/304033
* snapshot 1.2.0~bzr346 fixes: LP: #304033

[ Fabien Tassin ]
* New upstream snapshot
* Add python-mako to Depends

Show diffs side-by-side

added added

removed removed

Lines of Context:
ui/themes/default/theme.html
1
 
<html>
2
 
  <head>
3
 
    <style>
4
 
      body {
5
 
        background: url(blue_stripe.png);
6
 
        word-break: break-word;
7
 
        color: white;
8
 
        font-size: 12px;
9
 
      }
10
 
 
11
 
      a { color: white; }
12
 
 
13
 
      a:hover, .time a:hover {
14
 
        text-decoration: underline;
15
 
      }
16
 
 
17
 
      p { line-height: 125% }
18
 
 
19
 
      td { vertical-align: top; }
20
 
 
21
 
      .message {
22
 
        padding: 10px;
23
 
        padding-bottom: 20px;
24
 
        margin-bottom: 5px;
25
 
        text-shadow: 1px 1px black;
26
 
        font-family: Lucida Grande;
27
 
        -webkit-border-radius: 7px;
28
 
      }
29
 
 
30
 
      .searchresult {
31
 
        padding: 1px;
32
 
        -webkit-border-radius: 7px;
33
 
        background: -webkit-gradient(linear, left top, left 220%, from(rgba(143, 6, 32, 0.8)), to(black))
34
 
      }
35
 
 
36
 
      .title {
37
 
        font-size: large;
38
 
        font-weight: bold;
39
 
      }
40
 
 
41
 
      .time {
42
 
        font-size: small;
43
 
        unicode-bidi: embed;
44
 
      }
45
 
 
46
 
      .time a {
47
 
        text-decoration: none;
48
 
        unicode-bidi: embed;
49
 
      }
50
 
 
51
 
      .imgbox {
52
 
        width: 48px;
53
 
        height: 48px;
54
 
        margin-right: 5px;
55
 
        background-image: url('');
56
 
        background-repeat: no-repeat;
57
 
        -webkit-border-radius: 7px;
58
 
        -webkit-box-reflect:below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.6, transparent), to(rgba(0,0,0, 0.6)));
59
 
      }
60
 
 
61
 
      .inlinenick {
62
 
        text-decoration: none;
63
 
        font-weight: bold;
64
 
      }
65
 
 
66
 
      .messages h1 {
67
 
        text-align: center;
68
 
      }
69
 
 
70
 
      .replybutton {
71
 
        float: right;
72
 
        display: none;
73
 
      }
74
 
 
75
 
      .replybutton img
76
 
      {
77
 
        padding-left: 5px;
78
 
      }
79
 
 
80
 
      .diggbox {
81
 
        -webkit-border-radius: 7px;
82
 
        margin-right: 5px;
83
 
        padding: 1px;
84
 
        text-align: center;
85
 
        color: black;
86
 
        text-shadow: none;
87
 
        background:  -webkit-gradient(linear, left top, left 220%, from(rgba(254, 240, 152, 0.9)), to(black));
88
 
        display: none;
89
 
      }
90
 
 
91
 
      .diggcount {
92
 
        font-size: large;
93
 
      }
94
 
 
95
 
      .unread {
96
 
        border: 3px solid rgba(110, 240, 255, 0.8);
97
 
        border-style: ridge;
98
 
      }
99
 
 
100
 
      .reply {
101
 
        border: 3px solid rgba(143, 6, 32, 0.8);
102
 
        border-style: ridge;
103
 
      }
104
 
 
105
 
      .private {
106
 
        border: 3px solid rgba(255, 44, 188, 0.8);
107
 
        border-style: ridge;
108
 
      }
109
 
 
110
 
      .dupes {
111
 
        display: none;
112
 
      }
113
 
 
114
 
      .toggledupe {
115
 
        float: left;
116
 
        display: none;
117
 
      }
118
 
    </style>
119
 
 
120
 
    <script src="jquery.js"></script>
121
 
    <script>
122
 
      // XXX: this is a twitter-specific hack currently...needs updating for other protocols
123
 
      function addUserHeader(data) {
124
 
        html = '<div id="'+ data.gId +'" class="message '+ data.username + data.protocol + ' ' + data.aId + data.bgcolor +'" title="'+ data.sender_nick +'">' +
125
 
            '<center> \
126
 
            <p class="content"> \
127
 
            <span class="title">'+ data.sender +'</span><br /> \
128
 
            <span class="text">'+ data.sender_followers_count +' followers</span><br /> \
129
 
            <span class="text">'+ data.sender_location +'</span><br /> \
130
 
            <span class="text"><a href="'+ data.external_profile_url  +'">'+ data.external_profile_url +'</a></span> \
131
 
            </p> \
132
 
            </center> \
133
 
        </div>'
134
 
        $(".header").html(html);
135
 
      }
136
 
 
137
 
      function addMessages(messages, msg) {
138
 
        clearMessages()
139
 
        $.each(messages, function() {addMessage(this, msg)});
140
 
      }
141
 
 
142
 
      function clearMessages() {
143
 
        $(".messages").html("");
144
 
      }
145
 
 
146
 
      function addDiggCount(message, data) {
147
 
        message.html('<p><span class="diggcount">' + data.diggs + '</span><br /><small>diggs</small></p>');
148
 
        message.css('display', 'block');
149
 
      }
150
 
 
151
 
      function setAccountConfig(data) {
152
 
        $.each(data, function() {
153
 
          for (var conf in this) {
154
 
            if (conf.search("color") > 0)
155
 
              setMessageColor(this.id, conf, this[conf].red, this[conf].green, this[conf].blue, 0.6);
156
 
          }
157
 
        });
158
 
      }
159
 
 
160
 
      function setGtkConfig(data) {
161
 
 
162
 
      }
163
 
 
164
 
      function addMessage(data, msg) {
165
 
        html = '<div id="'+ data.gId +'" class="message '+ data.username + data.protocol + ' ' + data.aId + data.bgcolor +'">' +
166
 
          '<table><tr>' +
167
 
            (data.image ? '<td class="imagecolumn"> \
168
 
              <a href="'+ data.profile_url +'"> \
169
 
                <div class="imgbox" title="'+ data.sender_nick +'" style="background-image: url('+ data.image +');"></div> \
170
 
              </a> \
171
 
              <br />\
172
 
              <div class="diggbox"></div> \
173
 
            </td>' : '') + '<td> \
174
 
              <p class="content"> \
175
 
                <span class="title">'+ (data.title == undefined ? data.sender : data.title) +'</span> \
176
 
                <span class="time"> (<a href="'+ 'gwibber:read/' + data.message_index +'">'+ data.time_string +'</a>' +
177
 
                    (data.reply_nick ? ' <a href="'+ data.reply_url +'">'+ msg.reply +' '+ data.reply_nick +'</a>' : '') +
178
 
                    ')</span><br /> \
179
 
                <span class="text">'+ data.html_string +'</span> \
180
 
              </p> \
181
 
            </td></tr> \
182
 
          </table> \
183
 
          <div class="toggledupe"><img src="add.png" /></div> \
184
 
          <div class="dupes"></div> \
185
 
          <div class="replybutton">' +
186
 
            (data.can_thread ? '<a href="gwibber:thread/' + data.message_index + '"><img src="thread.png" /></a>' : '') +
187
 
            (data.can_reply ? '<a href="gwibber:reply/'+ data.message_index +'"><img src="reply.png" /></a>' : '') +
188
 
          '</div> \
189
 
        </div>'
190
 
 
191
 
        if (data.is_duplicate) {
192
 
          $("#" + data.gId + " .dupes:first").append(html);
193
 
          $("#" + data.gId + " .toggledupe:first").show(0).unbind().toggle(
194
 
            function() {$(this).parent().find(".dupes").show(100)},
195
 
            function() {$(this).parent().find(".dupes").hide(100)});
196
 
        } else $(".messages").append(html);
197
 
 
198
 
        if (data.protocol == "digg")
199
 
          addDiggCount($(".diggbox:last"), data);
200
 
 
201
 
        if (data.is_unread)
202
 
          $(".message:last").addClass("unread");
203
 
 
204
 
        if (data.is_reply)
205
 
          $(".message:last").addClass("reply");
206
 
 
207
 
        if (data.is_private)
208
 
          $(".message:last").addClass("private");
209
 
 
210
 
        $(".message:last").hover(
211
 
          function() {$(this).find(".replybutton").fadeIn(100)},
212
 
          function() {$(this).find(".replybutton").hide(0)});
213
 
      }
214
 
 
215
 
      function setMessageColor(aId, colorName, r, g, b, a) {
216
 
        $('.'+aId+colorName).css('background', '-webkit-gradient(linear, left top, left 220%, from(rgba('+r+','+g+','+b+','+a+')), to(black))')
217
 
      }
218
 
    </script>
219
 
  </head>
220
 
  <body>
221
 
    <div class="header">
222
 
    </div>
223
 
    <div class="messages">
224
 
    </div>
225
 
  </body>
226
 
</html>
227