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 }
   6
   7 .path-mod-chat .chat-event .text {
   8     text-align: left;
   9 }
  10
  11 .path-mod-chat #messages-list,
  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 }
  25
  26 /** shrink the text box so the theme link is always accessible */
  27
  28 @media all and (max-device-width: 320px) {
  29     .path-mod-chat #input-message {
  30         width: 150px;
  31     }
  32 }
  33
  34 @media all and (min-device-width: 321px) and (max-device-width: 640px) {
  35     .path-mod-chat #input-message {
  36         width: 175px;
  37     }
  38 }
  39
  40 /** styles for view.php **/
  41 #page-mod-chat-view .chatcurrentusers .chatuserdetails {
  42     vertical-align: middle;
  43 }
  44
  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 }
  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 }
  83
  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 }
  89
  90 /** YUI Overrides **/
  91 .path-mod-chat .yui-layout-unit-top {
  92     background: #ffe39d;
  93 }
  94
  95 .path-mod-chat .yui-layout-unit-right {
  96     background: #fff;
  97 }
  98
  99 .path-mod-chat .yui-layout-unit-bottom {
 100     background: #fff;
 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 }