[Summary view] [Print] [Text view]

   1  /** Message **/
   2  .message-discussion-noframes h1 {
   3      font-size: 1em;
   4  }
   5  .message-discussion-noframes #userinfo .commands,
   6  .message .noframesjslink,
   7  .message .link {
   8      font-size: @fontSizeSmall;
   9  }
  10  .message .heading {
  11      font-size: 1em;
  12      font-weight: bold;
  13      clear: both;
  14      word-wrap: break-word;
  15  }
  16  .message .author {
  17      font-weight: bold;
  18  }
  19  .message .time {
  20      font-style: italic;
  21  }
  22  #page-message-user .commands span {
  23      font-size: 0.7em;
  24  }
  25  #page-message-user .name {
  26      font-weight: bold;
  27      font-size: 1.1em;
  28  }
  29  .message .time {
  30      .muted;
  31  }
  32  #page-message-messages {
  33      padding: 10px;
  34  }
  35  #page-message-send .notifysuccess {
  36      padding: 1px;
  37  }
  38  #page-message-send td.fixeditor {
  39      text-align: center;
  40  }
  41  .message {
  42      overflow: hidden;
  43  }
  44  .message .note {
  45      padding: 10px;
  46  }
  47  table.message .searchresults td {
  48      padding: 5px;
  49  }
  50  .message .contactselector {
  51      @maxwidth: 240px;
  52  
  53      max-width: 380px;
  54      margin: 0 auto;
  55  
  56      @media screen and (min-width: 1000px) {
  57          float: left;
  58          padding: 0 8px 0 0;
  59      }
  60      width: auto;
  61      .singleselect {
  62          width: @maxwidth;
  63      }
  64      .paging {
  65          z-index: 1;
  66          position: relative;
  67      }
  68  
  69      #message_participants {
  70          max-width: @maxwidth;
  71      }
  72  
  73      .message-contacts {
  74          list-style-type: none;
  75          margin: 0;
  76  
  77          li {
  78              clear: both;
  79              position: relative;
  80              min-height: 23px;
  81              padding: 2px;
  82              &:nth-child(odd) {
  83                  background: rgba(120, 120, 255, 0.1);
  84              }
  85              > div {
  86                  display: block;
  87                  height: 100%;
  88                  > * {
  89                      vertical-align: middle;
  90                      display: inline-block;
  91                  }
  92  
  93                  &.pix {
  94                      position: relative;
  95                      float: left;
  96                  }
  97                  &.link {
  98                      white-space: nowrap;
  99                      width: 60px;
 100                      position: relative;
 101                      float: right;
 102                      text-align: right;
 103                  }
 104                  &.contact {
 105                      position: relative;
 106                      word-break: break-all;
 107                      a {
 108                          line-height: 22px;
 109                      }
 110                  }
 111              }
 112          }
 113      }
 114  }
 115  .dir-ltr {
 116      .message .message-contacts li {
 117          text-align: left;
 118          > div {
 119              &.pix {
 120                  float: left;
 121              }
 122              &.link {
 123                  float: right;
 124                  text-align: right;
 125              }
 126              &.contact {
 127                  margin: 0 60px 0 24px;
 128                  &.nolinks {
 129                      margin: 0 0 0 24px;
 130                  }
 131              }
 132          }
 133      }
 134  }
 135  .dir-rtl {
 136      .message .message-contacts li {
 137          text-align: right;
 138          > div {
 139              &.pix {
 140                  float: right;
 141              }
 142              &.link {
 143                  float: left;
 144                  text-align: left;
 145              }
 146              &.contact {
 147                  margin: 0 24px 0 60px;
 148                  &.nolinks {
 149                      margin: 0 24px 0 0;
 150                  }
 151              }
 152          }
 153      }
 154  
 155      .message .contactselector {
 156          @media screen and (min-width: 1000px) {
 157              float: right;
 158          }
 159      }
 160  }
 161  .message .messagearea {
 162      @media screen and (min-width: 1000px) {
 163          border-left: 1px solid @tableBorder;
 164          padding: 0 8px;
 165      }
 166  
 167      @media screen and (max-width: 1000px) {
 168          width: 100%;
 169      }
 170      float: none;
 171      overflow: hidden;
 172      min-height: 200px;
 173      min-width: 300px;
 174  }
 175  
 176  #message_user_pictures {
 177      text-align: center;
 178  
 179      .dir-rtl & {
 180          direction: rtl;
 181      }
 182  }
 183  
 184  
 185  .message .messagearea .messagehistorytype {
 186      clear: both;
 187      padding-bottom: 20px;
 188  }
 189  .message .messagearea .messagehistory .user {
 190      vertical-align: top;
 191      width: 45%;
 192      min-width: 100px;
 193      display: inline-block;
 194  }
 195  .message .messagearea .messagehistory .user > div {
 196      text-align: center;
 197  }
 198  .message .messagearea .messagehistory .between {
 199      display: inline-block;
 200      width: 16px;
 201      margin: 0 1%;
 202      padding-top: 40px;
 203  }
 204  
 205  @media screen and (max-width: 320px) {
 206  
 207      .message .messagearea {
 208          min-width: 0;
 209      }
 210  
 211      .message .messagearea .messagehistory .user {
 212          max-width: 70px;
 213          min-width: 0;
 214      }
 215  
 216      .message .messagearea .messagehistory .user .userpicture {
 217          width: 50px;
 218          height: auto;
 219      }
 220  }
 221  
 222  @media screen and (min-width: 800px) {
 223      .message .messagearea .messagehistory .between {
 224          margin: 0 3%;
 225      }
 226      .message .messagearea .messagehistory .user {
 227          width: 32%;
 228      }
 229  }
 230  
 231  @media screen and (min-width: 1200px) {
 232      .message .messagearea .messagehistory .user {
 233          width: 25%;
 234      }
 235  }
 236  .message .messagearea .messagehistory .heading {
 237      width: 100%;
 238      clear: both;
 239  }
 240  .message .messagearea .messagehistory .left {
 241      margin-bottom: 10px;
 242      width: 50%;
 243      float: left;
 244      position: relative;
 245      clear: both;
 246  }
 247  .dir-rtl .message .messagearea .messagehistory .left {
 248      float: right;
 249  }
 250  .message .messagearea .messagehistory .right {
 251      margin-bottom: 10px;
 252      width: 50%;
 253      float: right;
 254      position: relative;
 255      clear: both;
 256  }
 257  .dir-rtl .message .messagearea .messagehistory .right {
 258      float: left;
 259  }
 260  .message .messagearea .messagehistory .notification {
 261      .well;
 262      .well-small;
 263      margin-bottom: 0;
 264      margin-top: 5px;
 265  }
 266  .dir-ltr .message .messagearea .messagehistory .message {
 267      margin-right: 20px;
 268  }
 269  .dir-ltr .message .messagearea .messagehistory .right .message {
 270      margin-left: 20px;
 271  }
 272  .dir-rtl .message .messagearea .messagehistory .message {
 273      margin-left: 20px;
 274  }
 275  .dir-rtl .message .messagearea .messagehistory .right .message {
 276      margin-right: 20px;
 277  }
 278  .message .messagearea .messagehistory .messageactive {
 279      background-color: @tableBackgroundHover;
 280  }
 281  .message .messagearea .messagehistory .messagecontent .deleteicon {
 282      width: 20px;
 283      position: absolute;
 284      top: -2px;
 285  }
 286  .dir-ltr .message .messagearea .messagehistory .messagecontent .deleteicon {
 287      right: 0;
 288  }
 289  .dir-rtl .message .messagearea .messagehistory .messagecontent .deleteicon {
 290      left: 0;
 291  }
 292  .message .messagearea .messagesend {
 293      padding-top: 20px;
 294      clear: both;
 295  }
 296  .message .messagearea .messagesend .messagesendbox {
 297      width: 100%;
 298      box-sizing: border-box;
 299  }
 300  .message .messagearea .messagesend fieldset {
 301      padding: 0;
 302      margin: 0;
 303  }
 304  // Bring the message send button closer to the message box.
 305  .message .messagearea .messagerecent {
 306      text-align: left;
 307      width: 100%;
 308  }
 309  .message .messagearea .messagerecent .singlemessage {
 310      border-bottom: 1px solid @tableBorder;
 311      padding: 10px;
 312  }
 313  .message .messagearea .messagerecent .singlemessage .otheruser span {
 314      padding: 5px;
 315  }
 316  .message .messagearea .messagerecent .singlemessage .messagedate {
 317      float: right;
 318  }
 319  .message .hiddenelement {
 320      display: none;
 321  }
 322  // not just using hidden as mform adds that class to its fieldset */
 323  .message .visible {
 324      display: inline;
 325  }
 326  .message #usergroupselector.fieldset,
 327  .message #viewing {
 328      width: 100%;
 329  }
 330  .messagesearchresults {
 331      margin-bottom: 40px;
 332  }
 333  .messagesearchresults td {
 334      padding: 0 10px 0 20px;
 335  }
 336  .messagesearchresults td span {
 337      white-space: nowrap;
 338  }
 339  .messagesearchresults td img.userpicture {
 340      padding-right: .45em;
 341      vertical-align: text-bottom;
 342  }
 343  .dir-rtl .messagesearchresults td img.userpicture {
 344      padding-left: .45em;
 345      padding-right: 0;
 346  }
 347  .messagesearchresults td span img {
 348      padding: 0 0 0 .45em;
 349      vertical-align: text-bottom;
 350  }
 351  .dir-rtl .messagesearchresults td span img {
 352      padding: 0 .45em 0 0;
 353  }
 354  #newmessageoverlay {
 355      .well;
 356      margin: 0 1em;
 357      position: fixed;
 358      bottom: 0;
 359      right: 0;
 360  }
 361  #newmessageoverlay #usermessage {
 362      padding: 10px;
 363  }
 364  /* Widen the plain text editor on the bulk message screen */
 365  #page-user-action_redir #edit-messagebody {
 366      width: auto;
 367  }
 368  
 369  /** Messenger send message dialog */
 370  .core_message-messenger-sendmessage-hidden {
 371      display: none;
 372  }
 373  .core_message-messenger-sendmessage {
 374      .message-actions {
 375          position: relative;
 376      }
 377      .message-area {
 378          height: 240px;
 379          max-height: 100%;
 380          position: relative;
 381          margin-bottom: 10px;
 382      }
 383      .message-input {
 384          width: 100%;
 385          height: 100%;
 386          .box-sizing(border-box);
 387      }
 388      .message-send {
 389          margin: 0;
 390          float: right;
 391      }
 392      .message-notice-area {
 393          display: table;
 394          position: absolute;
 395          top: 0;
 396          bottom: 0;
 397          left: 0;
 398          right: 0;
 399          width: 100%;
 400          height: 100%;
 401      }
 402      .message-notice {
 403          display: table-cell;
 404          vertical-align: middle;
 405          text-align: center;
 406          > div {
 407              background: #eee;
 408              padding: 5px;
 409              font-size: 12px;
 410          }
 411      }
 412      .message-footer {
 413          margin-top: 3px;
 414          line-height: 20px;
 415      }
 416      .message-history {
 417          position: absolute;
 418          bottom: 0;
 419      }
 420  }
 421  .dir-rtl {
 422      .core_message-messenger-sendmessage {
 423          .message-send {
 424              float: left;
 425          }
 426      }
 427  }