MDL-36631 usability: Core edit for new messaging icons
[moodle.git] / theme / base / style / message.css
1 /** Message **/
2 .message-discussion-noframes h1 {font-size:1em;}
3 .message-discussion-noframes #userinfo .commands {font-size:0.8em;}
5 .message .noframesjslink {font-size:0.8em;}
6 .message .link {font-size:0.8em;}
8 .message .heading {font-size:1.0em;font-weight:bold;}
10 .message .author {font-weight: bold;}
11 .message .time {font-style: italic;}
12 .message .text {}
14 #page-message-user .commands span {font-size:0.7em;}
15 #page-message-user .name {font-weight: bold;font-size:1.1em;}
16 table.message_search_results td {border-color:#DDDDDD;}
18 .message .time {color: #999999;}
19 .message.me .author {color: #999999;}
20 .message.other .author {color: #8888CC;}
22 #page-message-messages {padding:10px;}
23 #page-message-send .notifysuccess {padding:1px;}
24 #page-message-send td.fixeditor {text-align:center;}
26 .message .note {padding:10px;}
27 table.message .searchresults td {padding:5px;}
29 .message .contactselector {width:24%;float:left;}
30 .message .contactselector .contact {text-align:left;}
31 .message .contactselector .messageselecteduser {font-weight:bold;}
32 .message .contactselector .paging {z-index:1;position:relative;}
34 .message .messagearea  {padding-left:1%;border-left:1px solid LightGrey;width:74%;float:right;min-height:200px;}
35 .message .messagearea .messagehistorytype {clear:both;padding-bottom:20px;}
37 .message .messagearea .messagehistory .message_user_pictures {margin-left: auto;margin-right: auto;}
38 .message .messagearea .messagehistory .message_user_pictures #user1 {vertical-align:top;width:200px;}
39 .message .messagearea .messagehistory .message_user_pictures #user2 {vertical-align:top;width:200px;}
40 .message .messagearea .messagehistory .message_user_pictures .useractionlinks {font-size:0.9em;}
42 .message .messagearea .messagehistory .heading {width:100%;clear:both;}
43 .message .messagearea .messagehistory .left {padding-bottom:10px;width:50%;float:left;clear:both;}
44 .message .messagearea .messagehistory .right {padding-bottom:10px;width:50%;float:right;clear:both;}
45 .message .messagearea .messagehistory .notification {padding:10px;background-color:#EEEEEE;margin-top:5px;}
46 .message .messagearea .messagesend {padding-top:20px;clear:both;}
47 .message .messagearea .messagesend .messagesendbox {width:100%}
48 .message .messagearea .messagesend fieldset {padding:0px;margin:0;} /** bring the message send button closer to the message box */
50 .message .messagearea .messagerecent {text-align:left;width:100%;}
51 .message .messagearea .messagerecent .singlemessage {border-bottom:1px solid #D3D3D3;padding:10px;}
52 .message .messagearea .messagerecent .singlemessage .otheruser span {padding:5px;}
53 .message .messagearea .messagerecent .singlemessage .messagedate {float:right;}
55 .message .hiddenelement  {display:none;} /** not just using hidden as mform adds that class to its fieldset */
56 .message .visible {display:inline;}
58 .message #usergroupselector.fieldset, .message #viewing {width: 100%;}
60 .messagesearchresults {margin-bottom:40px;}
61 .messagesearchresults td {padding:0px 10px 0px 20px;}
62 .messagesearchresults td span {white-space:nowrap;}
63 .messagesearchresults td img.userpicture { padding-right: .45em; vertical-align: text-bottom; }
64 .dir-rtl .messagesearchresults td img.userpicture { padding-left: .45em; padding-right: 0; }
65 .messagesearchresults td span img { padding: 0 0 0 .45em; vertical-align: text-bottom; }
66 .dir-rtl .messagesearchresults td span img { padding: 0 .45em 0 0; }
68 #newmessageoverlay {background-color:LightGrey;border:1px solid black;padding:20px;position:fixed;bottom:0;right:0;}
69 #newmessageoverlay #usermessage {padding:10px;}
70 .ie6 #newmessageoverlay {position:static;}