3d4ea5adb4e10ef0b3d4eb8e010552187fdb11fc
[moodle.git] / theme / boost / scss / moodle / chat.scss
1 // Chat (more!)
2 // -------------------------
3 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
4     background-color: $body-bg;
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     }
14     .yui-layout-unit-right,
15     .yui-layout-unit-bottom {
16         @extend .card;
17         @extend .card-block;
18         border-radius: 0;
19     }
21     .yui-layout-unit div.yui-layout-bd {
22         background-color: transparent;
23     }
25     #chat-input-area table.generaltable,
26     #chat-input-area table.generaltable td.cell {
27         border: 0;
28         padding: 3px 15px;
29         white-space: nowrap;
30     }
32     #chat-userlist {
33         padding: 10px 5px;
35         #users-list {
36             border-top: 1px solid #ddd;
37             border-bottom: 1px solid $body-bg;
39             li {
40                 border-top: 1px solid $body-bg;
41                 border-bottom: 1px solid #ddd;
42                 padding: 5px 10px;
43             }
45             img {
46                 margin-right: 8px;
47                 border: 1px solid #ccc;
48                 border-radius: 4px;
49                 max-width: none;
50             }
51         }
52     }
54     #chat-messages {
55         margin: 20px 25px;
57         .chat-event.course-theme {
58             text-align: center;
59             margin: 10px 0;
60             font-size: $font-size-sm;
61             color: #777;
62         }
64         .chat-message.course-theme {
65             @extend .card;
66             @extend .card-block;
67             background-color: $card-bg !important; /* stylelint-disable declaration-no-important */
69             .time {
70                 float: right;
71                 font-size: 11px;
72                 color: #777;
73             }
74         }
76         .mdl-chat-my-entry .chat-message.course-theme {
77             background-color: #f6f6f6;
79             .user {
80                 font-weight: bold;
81             }
82         }
83     }
84 }