← Back to branch summary

~khurshid-alam/gwibber/gwibber-hack

« back to all changes in this revision

Viewing changes to ui/themes/ubuntu/main.css

  • Committer: Khurshid Alam
  • Date: 2012-04-06 14:38:38 UTC
  • Revision ID: khurshid.alam@linuxmail.org-20120406143838-nz7hjg8vtzi2wl7i
initial revision

Show diffs side-by-side

added added

removed removed

Lines of Context:
ui/themes/ubuntu/main.css
 
1
* {
 
2
  color: black;
 
3
}
 
4
 
 
5
.imgbox {
 
6
  -webkit-border-radius: 5px;
 
7
}
 
8
 
 
9
.tableBubble {
 
10
        width:100%;
 
11
}
 
12
 
 
13
.tableBubble .tl {
 
14
        height:8px;
 
15
}
 
16
 
 
17
.tableBubble .tr {
 
18
        width:8px;
 
19
        height:8px;
 
20
}
 
21
 
 
22
.message {
 
23
        padding:0 1em 0 1.25em;
 
24
}
 
25
 
 
26
.tableBubble .message img {
 
27
        vertical-align: -15%;
 
28
}
 
29
 
 
30
.tableBubble .messageRight {
 
31
}
 
32
 
 
33
.tableBubble .bl {
 
34
        height:10px;
 
35
}
 
36
 
 
37
.tableBubble .br {
 
38
        width:8px;
 
39
        height:10px;
 
40
}
 
41
 
 
42
.text {
 
43
  display: inline-block;
 
44
  padding-top: 10px
 
45
}
 
46
 
 
47
.myBubble .indicator {
 
48
        position:absolute;
 
49
        top:8px;
 
50
        left:0;
 
51
        width:13px;
 
52
        height:11px;
 
53
}
 
54
 
 
55
.incomingItem .myBubble, .incomingReply .myBubble {
 
56
        position:relative;
 
57
        padding-left:10px;
 
58
        margin-left: 53px;
 
59
}
 
60
 
 
61
.chatItem .imgbox {
 
62
        float:left;
 
63
}
 
64
 
 
65
/*incoming */
 
66
 
 
67
.incomingItem .myBubble .indicator {
 
68
        background:url("images/yellowIndicator.png") no-repeat top left;
 
69
}
 
70
 
 
71
.incomingItem .tableBubble .tl {
 
72
        background:url("images/yellowCurves.png") no-repeat top left;
 
73
}
 
74
 
 
75
.incomingItem .tableBubble .tr {
 
76
        background:url("images/yellowCurves.png") no-repeat top right;
 
77
}
 
78
 
 
79
.incomingItem .tableBubble .head {
 
80
        background:url("images/yellowCurves.png") no-repeat -10px 0;
 
81
}
 
82
 
 
83
.incomingItem .tableBubble .message {
 
84
        background:url("images/yellowBackground.png") repeat-y top left;
 
85
}
 
86
 
 
87
.incomingItem .tableBubble .messageRight {
 
88
        background:url("images/yellowBackground.png") repeat-y top right;
 
89
}
 
90
 
 
91
.incomingItem .tableBubble .bl {
 
92
        background:url("images/yellowCurves.png") no-repeat bottom left;
 
93
}
 
94
 
 
95
.incomingItem .tableBubble .br {
 
96
        background:url("images/yellowCurves.png") no-repeat bottom right;
 
97
}
 
98
 
 
99
/* reply */
 
100
 
 
101
.incomingReply .myBubble .indicator {
 
102
        background:url("images/redIndicator.png") no-repeat top left;
 
103
}
 
104
 
 
105
.incomingReply .tableBubble .tl {
 
106
        background:url("images/redCurves.png") no-repeat top left;
 
107
}
 
108
 
 
109
.incomingReply .tableBubble .tr {
 
110
        background:url("images/redCurves.png") no-repeat top right;
 
111
}
 
112
 
 
113
.incomingReply .tableBubble .head {
 
114
        background:url("images/redCurves.png") no-repeat -10px 0;
 
115
}
 
116
 
 
117
.incomingReply .tableBubble .message {
 
118
        background:url("images/redBackground.png") repeat-y top left;
 
119
}
 
120
 
 
121
.incomingReply .tableBubble .messageRight {
 
122
        background:url("images/redBackground.png") repeat-y top right;
 
123
}
 
124
 
 
125
.incomingReply .tableBubble .bl {
 
126
        background:url("images/redCurves.png") no-repeat bottom left;
 
127
}
 
128
 
 
129
.incomingReply .tableBubble .br {
 
130
        background:url("images/redCurves.png") no-repeat bottom right;
 
131
}
 
132
 
 
133
/* outgoing */
 
134
 
 
135
.outgoingItem .myBubble .indicator {
 
136
        background:url("images/greenIndicator2.png") no-repeat top left;
 
137
}
 
138
 
 
139
.outgoingItem .tableBubble .tl {
 
140
        background:url("images/greenCurves.png") no-repeat top left;
 
141
}
 
142
 
 
143
.outgoingItem .tableBubble .tr {
 
144
        background:url("images/greenCurves.png") no-repeat top right;
 
145
}
 
146
 
 
147
.outgoingItem .tableBubble .head {
 
148
        background:url("images/greenCurves.png") no-repeat -10px 0;
 
149
}
 
150
 
 
151
.outgoingItem .tableBubble .message {
 
152
        background:url("images/greenBackground.png") repeat-y top left;
 
153
}
 
154
 
 
155
.outgoingItem .tableBubble .messageRight {
 
156
        background:url("images/greenBackground.png") repeat-y top right;
 
157
}
 
158
 
 
159
.outgoingItem .tableBubble .bl {
 
160
        background:url("images/greenCurves.png") no-repeat bottom left;
 
161
}
 
162
 
 
163
.outgoingItem .tableBubble .br {
 
164
        background:url("images/greenCurves.png") no-repeat bottom right;
 
165
}
 
166
 
 
167
/* alternating */
 
168
 
 
169
.outgoingItem .imgbox {
 
170
        float:right;
 
171
}
 
172
 
 
173
.outgoingItem .myBubble {
 
174
        position:relative;
 
175
}
 
176
 
 
177
.outgoingItem .indicator {
 
178
        position:absolute;
 
179
        right:-11px;
 
180
        top:10px;
 
181
        left:auto;
 
182
}
 
183
 
 
184
.outgoingItem .myBubble {
 
185
        margin-right: 65px;
 
186
}