@CHARSET "UTF-8"; /* MESSAGING INBOX ===========================*/ #dlgMyMessages { } /** * Left pane - list mailboxes */ #messagingSideBar { float: left; width: 180px; padding-right: 9px; margin-right: 10px; border-right: 1px solid #eee; } #messagingSideBar #mailboxList { margin-bottom: 20px; } #messagingSideBar #mailboxList .mailboxDiv { margin-bottom: 10px; } #messagingSideBar #mailboxList .mailboxDiv a.mailbox-link { font-size: .9em; display: block; padding:5px; margin-left: 13px; cursor: pointer; background: #f6f6f6; margin-bottom: 3px; } #messagingSideBar #mailboxList .mailboxDiv a.mailbox-link:hover { font-weight: bold; background: #019BE3; color: #fff; } #messagingSideBar #mailboxList .mailboxDiv a.mailbox-link.active { font-weight: bold; background: #E17009; color: #fff; cursor: default; } #messagingSideBar #mailboxList .mailboxDiv .mailbox-title { line-height: 16px; margin-bottom: 5px; cursor: pointer; } #messagingSideBar #mailboxList .mailboxDiv .mailbox-title .ui-icon { float: left; } #messagingSideBar #mailboxList .mailboxDiv .mailbox-title .Inbox { background: url(/assets/images/ui/inbox.png) no-repeat; padding-left: 20px; } #messagingSideBar #mailboxList .mailboxDiv .mailbox-title .Sent { background: url(/assets/images/ui/sent.png) no-repeat; padding-left: 20px; } #messagingSideBar #mailboxList .mailboxDiv .mailbox-title .Trash { background: url(/assets/images/ui/trash.png) no-repeat; padding-left: 20px; } #messagingSideBar #mailboxList .mailbox-title .ui-icon-triangle-1-e { background-position:-64px -16px; } #messagingSideBar #mailboxList .mailbox-title.collapsed .ui-icon-triangle-1-e { background-position: -32px -16px; } #messagingSideBar #mailboxList .mailbox-title .combined-inbox-unread-count { visibility: hidden; } #messagingSideBar #mailboxList .mailbox-title.collapsed .combined-inbox-unread-count { visibility: visible; } #messagingSideBar #mailAdvertisement { display: block; width: 180px; height: 150px; background: #eee; text-align: center; } #messagingSideBar #mailAdvertisement p { line-height: 150px; } /** * Right pane - list and display messages */ #messagingRightDiv { float: left; width: 460px; } #messagingRightDiv .top-controls { height: 20px; margin: 10px 0px;} #messagingRightDiv .top-controls .ui-state-default { } #messagingRightDiv .top-controls .ui-state-default .ui-button-text { padding: 3px; } #messagingRightDiv .top-controls .mailbox-buttons { float: left; } #messagingRightDiv .top-controls .pagination { float: right; } #messagingRightDiv .top-controls .pagination .listLimit { float: right; } #messagingRightDiv .top-controls .pagination select#selThreadListLimit { padding: 0px; width: auto; } #messagingRightDiv .top-controls .pagination .page-jump { float: right; margin-right: 5px; } #messagingRightDiv .top-controls .pagination .page-jump a { cursor: pointer; font-size: .8em; } #messagingRightDiv .top-controls .pagination .page-jump a.prev { } #messagingRightDiv .top-controls .pagination .page-jump a.next { } #threadList { min-height: 100px; border-top: 1px solid #ddd; } #threadList .thread-summary { border-bottom: 1px solid #ddd; padding: 10px 5px; min-height: 15px; } #messagingRightDiv .thread-summary .ui-state-default .ui-button-text { padding: 2px 5px; } #threadList .thread-summary.unread { background-color: #f5f5f5; } #threadList .thread-summary:hover { background-color: #eee; } #threadList .thread-summary .label { margin-right: 5px; font-weight: bold; display: inline-block; } #threadList .thread-summary .clickable { cursor: pointer; } #threadList .thread-summary .threadcol { min-height:15px; } #threadList .thread-summary .threadcol.threadcol-checkbox { float: left; margin-right: 5px; } #threadList .thread-summary .threadcol.threadcol-checkbox input { padding: 0px; margin: 0px; } #threadList .thread-summary .threadcol.threadcol-image { width: 50px; }/*removed ...*/ #threadList .thread-summary .threadcol.threadcol-from-and-time { line-height: 1.3em; } #threadList .thread-summary .threadcol .thread_from, #threadList .thread-summary .threadcol .thread_time { display: inline; font-size: .9em; color: #999; } #threadList .thread-summary .threadcol .thread_from { font-weight: bold; margin-right: 5px; } #threadList .thread-summary .threadcol.threadcol-subj-and-preview { padding: 0px 18px; line-height: 1.5em; } #threadList .thread-summary .threadcol .thread_subject { color: #019BE3; font-size: 1.1em;} #threadList .thread-summary.unread .threadcol .thread_subject { font-weight: bold; } #threadList .thread-summary .threadcol .thread_preview { font-size: .9em; color: #666; } #threadList .thread-summary .threadcol.threadcol-delete { float: right; } /* COMPOSE MESSAGE ===========================*/ /* compose message dialog */ #dlgComposeMessage { } #dlgComposeMessage #composeMsgSpinner { padding: 20px; } #dlgComposeMessage #frmComposeMessage .submit_feedback { padding:5px; } #dlgComposeMessage #frmComposeMessage .subject {width: 460px; } #dlgComposeMessage #frmComposeMessage .message { width: 460px;} /* recipient styling */ #recip_list { } #recip_list .recipient { float: left; padding: 3px; margin-right: 5px; } #recip_list .recipient { border: 1px solid #ddd; color: white; background: #7593A9; } #recip_list .recipient .recip_remove { cursor: pointer; color: white; } #recip_list .recipient.recip_type_person { border-color: green; } /* TODO: add a person icon or something */ #recip_list .recipient.recip_type_band { border-color: blue; } /* TODO: add a band icon or something */ /* VIEW THREAD ==================*/ div.thread-view { margin: 0px 10px; } div.thread-view .thread-subject { font-size: 18px; font-weight: bold; } div.thread-view .thread-participants { border-bottom: 1px solid #ddd; padding: 5px 0 10px 0; font-size: .9em; color: #999; } div.thread-view .thread-messages-wrapper { } div.thread-view .thread-messages-wrapper .thread-message-block { padding: 10px 0px 15px 0px; margin: 5px 50px; border-bottom: 1px solid #ddd; } div.thread-view .thread-messages-wrapper .thread-message-block .left-col { float: left; width: 60px; margin-right: 20px; } div.thread-view .thread-messages-wrapper .thread-message-block .left-col .from-photo { width: 70px; height: 70px; background: #eee; } div.thread-view .thread-messages-wrapper .thread-message-block .left-col .from-photo img { max-width: 70px; max-height: 70px; } div.thread-view .thread-messages-wrapper .thread-message-block .right-col { float: left; width: 460px; line-height: 1.5em; } div.thread-view .thread-messages-wrapper .thread-message-block .right-col .msg-from { float: left; } div.thread-view .thread-messages-wrapper .thread-message-block .right-col .msg-ts { float: left; margin-left: 5px; font-size: 10px; } div.thread-view .thread-messages-wrapper .thread-message-block .right-col .msg-body { clear: left; padding-top: 5px; } div.thread-view .reply-div { margin: 0px 50px; padding-left: 80px; padding-bottom: 20px; } div.thread-view .reply-div textarea { float: left; width: 460px; height: 100px; } div.thread-view .reply-div .replyMsgSpinner { float: left; margin: 10px 0 0 20px; } div.thread-view .reply-div .submit_feedback { padding:5px; }