[Summary view] [Print] [Text view]

   1  .yui-skin-sam .yui-layout .yui-layout-hd {border:0;}
   2  .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd-nohd {border:0;}
   3  .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {border:0;}
   4  .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-unit-right {background: white;}
   5  .yui-skin-sam .yui-layout-unit-bottom  {background: #F2F2F2;}
   6  .yui-skin-sam .yui-layout-unit-right {background: #eef2f8;}
   7  .yui-skin-sam .yui-layout-unit-center {background: white;}
   8  .yui-skin-sam .yui-layout-unit-top {background: #FFE39D;}
   9  .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {background: transparent;}
  10  
  11  #chat-messages {padding-top:15px;}
  12  
  13  #input-message {background:#FFFFFF url(input.png) repeat-x scroll 0 0;padding:0 9px;border: 1px solid #999;border-radius: 9px;-moz-border-radius: 9px;}
  14  .mdl-chat-entry,
  15  .mdl-chat-my-entry {clear:both;}
  16  .dir-rtl .mdl-chat-entry,
  17  .dir-rtl .mdl-chat-my-entry {height: 90px;}
  18  
  19  .mdl-chat-entry .chat-event {padding-bottom:15px;}
  20  
  21  .chat-message .chat-message-meta {padding-top:15px;padding-bottom:15px;}
  22  .chat-message .chat-message-meta .user {white-space:nowrap;}
  23  .chat-message .picture {vertical-align:middle;}
  24  .chat-message .right {text-align:right;}
  25  .chat-message .left {text-align:left;}
  26  .dir-rtl .chat-message .right,
  27  .dir-rtl .chat-message .left  {direction:ltr;}
  28  
  29  #chat-input-area,
  30  #chat-input-area table.generaltable,
  31  #chat-input-area table.generaltable td.cell {background: #92B3E8;border: 0; height:100%;}
  32  #chat-userlist {background: #E3E8F0;height: 100%;}
  33  
  34  /**
  35   * The following CSS is a cut down version of PURE CSS SPEECH BUBBLES.
  36   * Moodle only uses a small subset of the original.
  37   * The original version is available at http://nicolasgallagher.com/pure-css-speech-bubbles/
  38   */
  39  
  40  /* ------------------------------------------
  41  PURE CSS SPEECH BUBBLES
  42  by Nicolas Gallagher
  43  - http://nicolasgallagher.com/pure-css-speech-bubbles/
  44  
  45  http://nicolasgallagher.com
  46  http://twitter.com/necolas
  47  
  48  Created: 02 March 2010
  49  Version: 1.2 (03 March 2011)
  50  
  51  Dual licensed under MIT and GNU GPLv2 © Nicolas Gallagher
  52  ------------------------------------------ */
  53  
  54  .triangle-border {
  55      position:relative;
  56      padding:10px;
  57      margin:1em 0 3em;
  58      border:2px solid #5a8f00;
  59      color:#333;
  60      background:#fff;
  61      /* css3 */
  62      -webkit-border-radius:10px;
  63      -moz-border-radius:10px;
  64      border-radius:10px;
  65  
  66      /* moodle specific */
  67      margin-top:0px;
  68      /* end moodle specific */
  69  }
  70  
  71  /* moodle specific */
  72  @media all and (max-device-width: 320px) {
  73      .triangle-border {
  74          width:50%;
  75      }
  76  }
  77  @media all and (min-device-width: 321px) and (max-device-width: 640px) {
  78      .triangle-border {
  79          width:60%;
  80      }
  81  }
  82  @media all and (min-device-width: 641px) {
  83      .triangle-border {
  84          width:65%;
  85      }
  86  }
  87  /* end moodle specific */
  88  
  89  /* Variant : for left positioned triangle
  90  ------------------------------------------ */
  91  
  92  .triangle-border.left {
  93      margin-left:30px;
  94      /* moodle specific */
  95      float:right;
  96      /* end moodle specific */
  97  }
  98  
  99  /* Variant : for right positioned triangle
 100  ------------------------------------------ */
 101  
 102  .triangle-border.right {
 103      margin-right:30px;
 104      /* moodle specific */
 105      float:left;
 106      /* end moodle specific */
 107  }
 108  
 109  .triangle-border:before {
 110      content:"";
 111      position:absolute;
 112      bottom:-20px; /* value = - border-top-width - border-bottom-width */
 113      left:40px; /* controls horizontal position */
 114      border-width:20px 20px 0;
 115      border-style:solid;
 116      border-color:#5a8f00 transparent;
 117      /* reduce the damage in FF3.0 */
 118      display:block;
 119      width:0;
 120  }
 121  
 122  /* creates the smaller  triangle */
 123  .triangle-border:after {
 124      content:"";
 125      position:absolute;
 126      bottom:-13px; /* value = - border-top-width - border-bottom-width */
 127      left:47px; /* value = (:before left) + (:before border-left) - (:after border-left) */
 128      border-width:13px 13px 0;
 129      border-style:solid;
 130      border-color:#fff transparent;
 131      /* reduce the damage in FF3.0 */
 132      display:block;
 133      width:0;
 134  }
 135  
 136  /* Variant : left
 137  ------------------------------------------ */
 138  
 139  /* creates the larger triangle */
 140  .triangle-border.left:before {
 141      top:7px; /* controls vertical position */
 142      bottom:auto;
 143      left:-24px; /* value = - border-left-width - border-right-width */
 144      border-width:10px 24px 10px 0;
 145      border-color:transparent #5a8f00;
 146  }
 147  
 148  /* creates the smaller  triangle */
 149  .triangle-border.left:after {
 150      top:8px; /* value = (:before top) + (:before border-top) - (:after border-top) */
 151      bottom:auto;
 152      left:-21px; /* value = - border-left-width - border-right-width */
 153      border-width:9px 21px 9px 0;
 154      border-color:transparent #fff;
 155  }
 156  
 157  /* Variant : right
 158  ------------------------------------------ */
 159  
 160  /* creates the larger triangle */
 161  .triangle-border.right:before {
 162      top:7px; /* controls vertical position */
 163      bottom:auto;
 164      left:auto;
 165      right:-24px; /* value = - border-left-width - border-right-width */
 166      border-width:10px 0 10px 24px;
 167      border-color:transparent #5a8f00;
 168  }
 169  
 170  /* creates the smaller  triangle */
 171  .triangle-border.right:after {
 172      top:8px; /* value = (:before top) + (:before border-top) - (:after border-top) */
 173      bottom:auto;
 174      left:auto;
 175      right:-21px; /* value = - border-left-width - border-right-width */
 176      border-width:9px 0 9px 21px;
 177      border-color:transparent #fff;
 178  }