on-demand release 3.5beta+
[moodle.git] / mod / chat / styles.css
1 /** General Styles **/
2 .path-mod-chat .chat-event .picture,
3 .path-mod-chat .chat-message .picture {
4     width: 40px;
5 }
7 .path-mod-chat .chat-event .text {
8     text-align: left;
9 }
11 .path-mod-chat #messages-list,
12 .path-mod-chat #users-list {
13     list-style-type: none;
14     padding: 0;
15     margin: 0;
16 }
18 .path-mod-chat #chat-header {
19     overflow: hidden;
20 }
22 .path-mod-chat #chat-input-area table.generaltable td.cell {
23     padding: 1px;
24 }
26 /** shrink the text box so the theme link is always accessible */
28 @media all and (max-device-width: 320px) {
29     .path-mod-chat #input-message {
30         width: 150px;
31     }
32 }
34 @media all and (min-device-width: 321px) and (max-device-width: 640px) {
35     .path-mod-chat #input-message {
36         width: 175px;
37     }
38 }
40 /** styles for view.php **/
41 #page-mod-chat-view .chatcurrentusers .chatuserdetails {
42     vertical-align: middle;
43 }
45 /** Styles for basic chat **/
46 #page-mod-chat-gui_basic #participants ul {
47     margin: 0;
48     padding: 0;
49     list-style-type: none;
50 }
52 #page-mod-chat-gui_basic #participants ul li {
53     list-style-type: none;
54     display: inline;
55     margin-right: 10px;
56 }
58 #page-mod-chat-gui_basic #participants ul li .userinfo {
59     display: inline;
60 }
62 #page-mod-chat-gui_basic #messages {
63     padding: 0;
64     margin: 0;
65 }
67 #page-mod-chat-gui_basic #messages dl {
68     padding: 0;
69     margin: 6px 0;
70 }
72 #page-mod-chat-gui_basic #messages dt {
73     margin-left: 0;
74     margin-right: 5px;
75     padding: 0;
76     display: inline;
77 }
79 #page-mod-chat-gui_basic #messages dd {
80     padding: 0;
81     margin: 0;
82 }
84 /** Styles for header **/
85 #page-mod-chat-gui_header_js-jsupdate .chat-event,
86 #page-mod-chat-gui_header_js-jsupdate .chat-message {
87     width: 100%;
88 }
90 /** YUI Overrides **/
91 .path-mod-chat .yui-layout-unit-top {
92     background: #ffe39d;
93 }
95 .path-mod-chat .yui-layout-unit-right {
96     background: #ffd46b;
97 }
99 .path-mod-chat .yui-layout-unit-bottom {
100     background: #ffcb44;
103 .path-mod-chat .yui-layout .yui-layout-hd {
104     border: 0;
107 .path-mod-chat .yui-layout .yui-layout-unit div.yui-layout-bd {
108     border: 0;
109     background: transparent;
112 .path-mod-chat .yui-layout .yui-layout-unit div.yui-layout-unit-right {
113     background: white;