source: trunk/instant_messenger/templates/default/css.css @ 20

Revision 20, 7.3 KB checked in by niltonneto, 17 years ago (diff)

Inclusão do módulo Mensageiro Instantâneo no CVS.

  • Property svn:eol-style set to native
  • Property svn:executable set to *
Line 
1b.rnd
2{
3   background:  #fff;
4   display:     block;
5   font-size:   1px;
6}
7b.rnd b
8{
9   display:     block;
10   height:              1px;
11   overflow:    hidden;
12}
13b.rnd1
14{
15   border-color:     #809aa9;
16   border-width:     1px 1px 0px 1px;
17   border-style:     solid;
18   background:                                          #cbdae4;
19   margin:                                                      0px 2px;
20}
21b.rnd2
22{
23      border-color:     #809aa9;
24      border-width:     0px 1px 0px 1px;
25      border-style:     solid;
26      background:                                          #cbdae4;
27          margin:                                                       0px 1px;
28}
29
30/* IM:WINDOW - ADD USER */
31
32select.add_user
33{
34   font-family:   Tahoma, Verdana, sans-serif;
35   font-size:     8pt;
36   font-weight:   normal;
37   border-color:  #809aa9;
38   border-width:  1px 1px;
39   border-style:  solid;
40   margin:        2px 2px 2px 2px;
41   width:         493px;
42
43
44}
45
46/* IM:WINDOW */
47
48.im_window_fantom
49{
50        position: absolute;
51        padding: 0px;
52        border-style: dashed;
53        border-width: 1px 1px 1px 1px;
54        border-color: #000000;
55        background-color: #ffffff;
56        overflow: hidden;
57}
58
59.im-windowfantom-des
60{
61        position: absolute;
62        padding: 0px;
63        overflow: hidden;
64}
65
66.im-window
67{
68    background: transparent;
69        position:   absolute;
70}
71
72.im-window-resizehandle
73{
74        position: absolute;
75        overflow: hidden;
76        width: 15px;
77        height: 15px;
78    background-image: url(images/img/winresize2.gif);
79}
80
81.im-window-sel {
82        z-index: 100;
83}
84
85.im-window-des {
86        z-index: 50;
87}
88
89/* IM:WINDOWHEAD */
90
91.im_window_head
92{
93   background:    #cbdae4;
94   border-color:  #809aa9;
95   border-width:  0px 1px;
96   border-style:  solid;
97   height:        24px;
98        margin:        0px;
99        overflow:      hidden;
100        width:         258px;
101}
102
103.im-window-sel .im-windowhead {
104        background-position: 0 0;
105}
106
107.im-window-des .im-windowhead {
108        background-position: 0 -25px;
109}
110
111.im-window-flash .im-windowhead {
112        background-position: 0 0px;
113        background-image: url(images/img/flash_win_top_left2.gif);
114}
115
116.im-windowhead-right{
117        padding-right: 5px;
118        margin: 0;
119        background: 100% 0 transparent no-repeat;
120        background-image: url(images/img/win_top_right.gif);
121        overflow: hidden;
122}
123
124.im-window-sel .im-windowhead-right{
125        background-position: 100% 0;
126}
127
128.im-window-des .im-windowhead-right{
129        background-position: 100% -25px;
130}
131
132.im-window-flash .im-windowhead-right{
133        background-position: 100% 0;
134        background-image: url(images/img/flash_win_top_right2.gif);
135}
136
137.im-windowhead-mid {
138        position: relative;
139        background-position: 0 0;
140        background-image: url(images/img/win_top_mid.gif);
141        background-repeat: repeat-x;
142        overflow: hidden;
143        line-height: 25px;
144        height: 25px;
145        cursor: auto;
146        font-weight: bold;
147        padding-left: 24px;
148}
149
150.im-window-sel .im-windowhead-mid {
151        background-position: 0 0;
152        color: #000000;
153}
154
155.im-window-des .im-windowhead-mid {
156        background-position: 0 -25px;
157        color: #aaaaaa;
158}
159
160.im-window-flash .im-windowhead-mid {
161        background-position: 0 0;
162        background-image: url(images/img/flash_win_top_mid2.gif);
163        color: #aaaaaa;
164}
165
166.im_window_title
167{
168   cursor:        move;
169   float:         left;
170   font-weight:   bolder;
171   height:        16px;
172   left:          8px;
173   overflow:      hidden;
174   position:      relative;
175   top:           3px;
176   width:         166px;
177}
178.im_window_icon
179{
180    background: url(images/img/favicon.ico) 0 0 no-repeat;
181    float:      left;
182        height:     16px;
183    left:       4px;
184        overflow:   hidden;
185    position:   relative;
186    top:        3px;
187        width:      16px;
188}
189
190
191/* IM:WINDOWBODY */
192
193
194.im_window_body
195{
196        background-color: #cbdae4;
197        border-color:     #809aa9;
198        border-style:     solid;
199        border-width:     0px 1px 1px 1px;
200}
201
202.im_window_body_inner
203{
204        background: #fff;
205    border:     1px solid #809aa9;
206    margin:  0px 3px;
207        overflow: auto;
208}
209
210.im-window-des .im-windowbody {
211        border-color: #d0dfe5;
212        background-color: #f0f5f8;
213
214}
215
216.im-window-flash .im-windowbody {
217        border-color: #d0dfe5;
218        background-color: #f0f5f8;
219    background-image: url(images/img/flash_window_background.gif);
220}
221
222.im-window-des .im-windowbody-inner {
223        border-color: #b9cfd8;
224}
225
226.edit_message
227{
228        background-color: #fff;
229   border:           2px solid #c9d9e8;
230        color:            #000;
231        font-family:      Tahoma, Verdana, sans-serif;
232        font-size:        10pt;
233        font-weight:      normal;
234   padding:          0px;
235}
236
237/* WINDOWBUTTONS */
238
239.im_window_head_buttons
240{
241    display:       block;
242    float:         left;
243        height:        15px;
244    padding-top:   6px;
245        position:      relative;
246        right:         0px;
247        width:         53px;
248}
249
250.im-window-sel .im-windowbutton-container {
251        background-position: 0 0;
252}
253
254.im-window-des .im-windowbutton-container {
255        background-position: 0 -25px;
256}
257
258.im-window-button {
259        margin: 1px 0px 0 2px;
260        /*float: left;*/
261   /*float: right;*/
262   /*clear: both;*/
263        height: 13px;
264        width: 13px;
265   position: absolute;
266        cursor: pointer;
267   top: 3px;
268   /*left: 20px;
269   /*right: 10px;*/
270}
271
272.im-window-sel .im-window-button {
273        background-position: 0 0;
274}
275
276.im-window-sel .im-window-button-hov {
277        background-position: 0 -13px;
278}
279
280.im-window-sel .im-window-button-pres {
281        background-position: 0 -26px;
282}
283
284.im-window-des .im-window-button {
285        background-position: 0 -39px;
286}
287
288.im-window-des .im-window-button-hov {
289        background-position: 0 -52px;
290}
291
292.im-window-des .im-window-button-pres {
293        background-position: 0 -65px;
294}
295
296.im-window-closebutton {
297   background-image: url(images/img/close.gif);
298}
299
300.im-window-maximizerestorebutton {
301   background-image: url(images/img/max.gif);
302}
303
304.im-window-minimizebutton {
305   background-image: url(images/img/min.gif);
306}
307
308/* IM:TASKBAR */
309
310.im-taskbar
311{
312        position: absolute;
313        width: 100%;
314        height: 27px;
315        z-index: 101;
316        background-position: 0 0;
317        background-repeat: repeat;
318    overflow: hidden;
319}
320
321/* IM:TASKBARITEM */
322
323.im-taskbaritem-des {
324        position: absolute;
325        top: 0;
326        right: 0;
327        width: 150px;
328        height: 22px;
329    border-style: solid;
330        border-width: 1px 1px 1px 1px;
331        border-color: #B9CFD8;
332    background-position: 0 -4px;
333    background-image: url(images/img/win_top_mid.gif);
334    padding: 3px 10px;
335    color: #555555;
336    -moz-box-sizing: border-box;
337    cursor:pointer ;
338}
339
340.im-taskbaritem-flash {
341        position: absolute;
342        top: 0;
343        right: 0;
344        width: 150px;
345        height: 22px;
346        border-style: solid;
347        border-color: #B9CFD8;
348        border-width: 1px 1px 1px 1px;
349        background-position: 0 0;
350        background-image: url(images/img/flash_window_background.gif);
351        background-repeat: repeat;
352        padding: 3px 10px;
353        color: #555555;
354        -moz-box-sizing: border-box;
355        cursor:pointer ;
356}
357
358.im-taskbaritem {
359    position: absolute;
360        top: 0;
361        right: 0;
362        width: 150px;
363        height: 22px;
364    border-style: solid;
365        border-width: 1px 1px 1px 1px;
366        border-color: #B9CFD8;
367        background-position: 0 -26px;
368        background-image: url(images/img/win_top_mid.gif);
369        padding: 3px 10px;
370        color: #999999;
371        -moz-box-sizing: border-box;
372        cursor:pointer;
373}
374
375.menu_im
376{
377   /*border-bottom: 1px solid #ccc;*/
378   display:       none;
379   /*float:         left;*/
380   list-style:    none;
381   margin:        0px;
382   padding:       0px;
383   position:      absolute;
384   width:         150px; /* Width of Menu Items */
385        z-index:       1000;
386}
387
388.menu_im dt a
389{
390   background:      #cbdae4;
391   border:          1px solid #b9cfd8;
392   border-bottom:   0px;
393   color:           #000;
394   display:         block;
395   padding:         2px;
396   text-decoration: none;
397}
398
399.menu_im dt a:hover
400{
401   color:      #e2144a;
402   background: #f9f9f9;
403}
404
405.contato_hover
406{
407   background-color: #cbdae4;
408}
Note: See TracBrowser for help on using the repository browser.