[Summary view] [Print] [Text view]

   1  // Chat (more!)
   2  // -------------------------
   3  .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
   4      background-color: @white;
   5      .yui-layout-unit div.yui-layout-bd-nohd,
   6      .yui-layout-unit div.yui-layout-bd-noft,
   7      .yui-layout-unit div.yui-layout-bd,
   8      .yui-layout-unit-right,
   9      .yui-layout-unit-bottom {
  10          border: 0;
  11      }
  12      .yui-layout-unit-right,
  13      .yui-layout-unit-bottom {
  14          .well;
  15          border-radius: 0;
  16      }
  17      .yui-layout-unit div.yui-layout-bd {
  18          background-color: transparent;
  19      }
  20      #chat-input-area table.generaltable,
  21      #chat-input-area table.generaltable td.cell {
  22          border: 0;
  23          padding: 3px 15px;
  24          white-space: nowrap;
  25          input {
  26              margin: 0 10px;
  27              &#input-message {
  28                  width: 45%;
  29                  margin: auto;
  30              }
  31          }
  32          a {
  33              margin: 0 5px;
  34          }
  35      }
  36      #chat-userlist {
  37          padding: 10px 5px;
  38          #users-list {
  39              border-top: 1px solid #ddd;
  40              border-bottom: 1px solid @white;
  41              li {
  42                  border-top: 1px solid @white;
  43                  border-bottom: 1px solid #ddd;
  44                  padding: 5px 10px;
  45              }
  46              img {
  47                  margin-right: 8px;
  48                  border: 1px solid #ccc;
  49                  border-radius: 4px;
  50                  max-width: none;
  51              }
  52          }
  53      }
  54      #chat-messages {
  55          margin: 20px 25px;
  56          .chat-event.course-theme {
  57              text-align: center;
  58              margin: 10px 0;
  59              font-size: @fontSizeSmall;
  60              color: #777;
  61          }
  62          .chat-message.course-theme {
  63              background-color: @white;
  64              border: 1px dotted #ddd;
  65              .border-radius(4px);
  66              padding: 4px 10px;
  67              margin: 10px 0;
  68              .time {
  69                  float: right;
  70                  font-size: 11px;
  71                  color: #777;
  72              }
  73          }
  74          .mdl-chat-my-entry .chat-message.course-theme {
  75              background-color: #f6f6f6;
  76              .user {
  77                  font-weight: bold;
  78              }
  79          }
  80      }
  81  }
  82  
  83  // RTL overides
  84  .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax.dir-rtl {
  85      .yui-layout-unit-right {
  86          padding: 0;
  87      }
  88      .yui-layout-unit div.yui-layout-bd {
  89          text-align: right;
  90      }
  91      #chat-userlist {
  92          #users-list {
  93              img {
  94                  margin-left: 8px;
  95              }
  96          }
  97      }
  98      #chat-messages {
  99          .chat-message.course-theme {
 100              .time {
 101                  float: left;
 102              }
 103              .user {
 104                  float: right;
 105              }
 106              .chat-message-meta {
 107                  height: 20px;
 108              }
 109              .text {
 110                  text-align: right;
 111              }
 112          }
 113      }
 114  }