weekly release 4.0dev
[moodle.git] / theme / boost / scss / moodle / chat.scss
CommitLineData
536f0460
DW
1// Chat (more!)
2// -------------------------
3.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
4 background-color: $body-bg;
f4143537 5
536f0460
DW
6 .yui-layout-unit div.yui-layout-bd-nohd,
7 .yui-layout-unit div.yui-layout-bd-noft,
8 .yui-layout-unit div.yui-layout-bd,
9 .yui-layout-unit-right,
10 .yui-layout-unit-bottom {
11 border: 0;
12 }
f4143537 13
536f0460
DW
14 .yui-layout-unit-right,
15 .yui-layout-unit-bottom {
536f0460
DW
16 border-radius: 0;
17 }
f4143537 18
536f0460
DW
19 .yui-layout-unit div.yui-layout-bd {
20 background-color: transparent;
21 }
5e92cf33
BB
22 .yui-layout-unit.yui-layout-unit-center div.yui-layout-bd {
23 background-color: $gray-100;
24 }
25 // Override the default padding added by function $OUTPUT->box();
26 #chat-input-area.py-3 {
4f77082d 27 padding: 0 !important; /* stylelint-disable-line declaration-no-important */
5e92cf33 28 }
536f0460
DW
29 #chat-input-area table.generaltable,
30 #chat-input-area table.generaltable td.cell {
31 border: 0;
32 padding: 3px 15px;
33 white-space: nowrap;
5e92cf33 34 margin-bottom: 0;
536f0460 35 }
f4143537 36
536f0460
DW
37 #chat-userlist {
38 padding: 10px 5px;
f4143537 39
536f0460 40 #users-list {
5e92cf33 41 border-top: 1px solid $gray-300;
536f0460 42 border-bottom: 1px solid $body-bg;
f4143537 43
536f0460
DW
44 li {
45 border-top: 1px solid $body-bg;
5e92cf33 46 border-bottom: 1px solid $gray-300;
536f0460
DW
47 padding: 5px 10px;
48 }
f4143537 49
536f0460
DW
50 img {
51 margin-right: 8px;
52 border: 1px solid #ccc;
53 border-radius: 4px;
54 max-width: none;
55 }
56 }
57 }
f4143537 58
536f0460
DW
59 #chat-messages {
60 margin: 20px 25px;
f4143537 61
536f0460
DW
62 .chat-event.course-theme {
63 text-align: center;
64 margin: 10px 0;
65 font-size: $font-size-sm;
5e92cf33 66 color: $gray-700;
536f0460 67 }
f4143537 68
536f0460 69 .chat-message.course-theme {
5e92cf33
BB
70 margin-bottom: $card-spacer-y;
71 @include border-radius($card-border-radius);
72 border: $card-border-width solid $card-border-color;
73 padding: $card-spacer-x;
f4143537 74
536f0460
DW
75 .time {
76 float: right;
77 font-size: 11px;
5e92cf33 78 color: $gray-700;
536f0460
DW
79 }
80 }
f4143537 81
5e92cf33
BB
82 .chat-message.course-theme {
83 background-color: $white;
f4143537 84
536f0460
DW
85 .user {
86 font-weight: bold;
87 }
88 }
89 }
90}