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