forked from element-hq/element-web
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathbundle.css
More file actions
32 lines (30 loc) · 19 KB
/
Copy pathbundle.css
File metadata and controls
32 lines (30 loc) · 19 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
.mx_MemberAvatar{z-index:20;border-radius:20px;background-color:#dbdbdb}
body{font-family:'Lato',Helvetica,Arial,Sans-Serif;font-size:16px;color:#454545;border:0;margin:0}div.error{color:red}h2{color:#80cef4;font-weight:400;font-size:20px;margin-top:16px;margin-bottom:16px}::-webkit-scrollbar{display:none}html{overflow:-moz-scrollbars-none}.mx_Dialog_Background{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.2;z-index:2000}.mx_Dialog_Wrapper{position:fixed;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.mx_Dialog{background-color:#fff;color:#747474;text-align:center;z-index:2010;font-weight:300;font-size:16px;position:relative;border-radius:8px;max-width:75%}.mx_ImageView{margin:6px;margin-bottom:4px}.mx_Dialog_content{margin:24px}.mx_Dialog_buttons{padding-bottom:24px}.mx_Dialog button{border:0;height:36px;border-radius:36px;font-weight:400;font-size:16px;color:#fff;background-color:#80cef4;margin-left:8px;margin-right:8px;padding-left:1em;padding-right:1em}.mx_ErrorDialogTitle,.mx_QuestionDialogTitle{min-height:16px;padding:12px;border-bottom:1px solid #a9dbf4;font-weight:bold;font-size:20px;line-height:1.4}
.mx_RoomDropTarget,.mx_RoomList_favourites_label,.mx_RoomList_archive_label,.mx_LeftPanel_hideButton,.mx_RoomHeader_search,.mx_RoomSettings_encrypt,.mx_CreateRoom_encrypt,.mx_RightPanel_filebutton{display:none !important}
.mx_MImageTile_download{color:#80cef4;cursor:pointer}.mx_MImageTile_download a{color:#80cef4;text-decoration:none}.mx_MImageTile_download img{padding-right:8px}
.mx_MNoticeTile{opacity:.5}
.mx_MTextTile{white-space:pre-wrap}
.mx_MatrixToolbar{width:100%;text-align:center;background-color:#ff0064;color:#fff;font-weight:bold;padding:6px}.mx_MatrixToolbar button{margin-left:12px}.mx_MatrixToolbar_close{float:right;margin-top:3px;margin-right:12px;cursor:pointer}
.mx_MemberInfo{text-align:center;border:1px solid #a9dbf4;border-radius:8px;background-color:#fff;position:absolute;width:200px;margin-left:-295px;margin-top:0;z-index:1000;padding:6px}.mx_MemberInfo_chevron{padding:12px;position:absolute;right:-21px;top:0}.mx_MemberInfo_shim{position:absolute;left:212px;width:40px;height:100%}.mx_MemberInfo_avatar{padding:6px}.mx_MemberInfo_avatarImg{border-radius:128px}.mx_MemberInfo_field{padding:6px;overflow:hidden;text-overflow:ellipsis}.mx_MemberInfo_button{vertical-align:middle;max-width:100px;height:36px;background-color:#50e3c2;line-height:36px;border-radius:36px;color:#fff;margin:auto;margin-top:6px;margin-bottom:6px}
.mx_MemberTile{cursor:pointer;display:table-row;height:49px}.mx_MemberTile_avatar{display:table-cell;padding-right:12px;padding-top:3px;padding-bottom:3px;vertical-align:middle;width:40px;height:40px;position:relative}.mx_MemberTile_inviteEditing{display:initial!important}.mx_MemberTile_inviteEditing .mx_MemberTile_avatar{display:none}.mx_MemberTile_inviteEditing .mx_MemberTile_name{width:200px}.mx_MemberTile_inviteEditing .mx_MemberTile_name input{border-radius:3px;border:1px solid #c7c7c7;font-weight:300;font-size:14px;padding:9px;margin-top:6px}.mx_MemberTile_power{z-index:10;position:absolute;width:48px;height:48px;left:-4px;top:-1px}.mx_MemberTile_name{display:table-cell;vertical-align:middle;overflow:hidden;text-overflow:ellipsis}.mx_MemberTile_nameWrapper{display:table-cell;vertical-align:middle;overflow:hidden;text-overflow:ellipsis}.mx_MemberTile_unavailable .mx_MemberTile_avatar,.mx_MemberTile_unavailable .mx_MemberTile_name,.mx_MemberTile_unavailable .mx_MemberTile_nameSpan{opacity:.75}.mx_MemberTile_offline .mx_MemberTile_avatar,.mx_MemberTile_offline .mx_MemberTile_name,.mx_MemberTile_offline .mx_MemberTile_nameSpan{opacity:.5}.mx_MemberTile_zalgo{font-family:Helvetica,Arial,Sans-Serif}.mx_MemberTile_leave{float:right}
.mx_MessageComposer_wrapper{max-width:720px;height:50px;vertical-align:middle;margin:auto;background-color:#fff;border-radius:25px;border:1px solid #a9dbf4}.mx_MessageComposer_row{display:table-row;width:100%;height:50px}.mx_MessageComposer .mx_MessageComposer_avatar{display:table-cell;padding-left:5px;padding-right:10px;height:50px}.mx_MessageComposer .mx_MessageComposer_avatar img{margin-top:5px;border-radius:20px;background-color:#dbdbdb}.mx_MessageComposer_input{display:table-cell;width:100%;vertical-align:middle;height:50px}.mx_MessageComposer_input textarea{font-size:15px;width:100%;height:1.2em;padding-top:.7em;padding-bottom:.7em;border:0;resize:none;outline:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;font-family:'Lato',Helvetica,Arial,Sans-Serif}.mx_MessageComposer_input textarea::-moz-placeholder{line-height:100%}.mx_MessageComposer_upload{display:table-cell;vertical-align:middle;padding-right:15px;cursor:pointer}.mx_MessageComposer_upload img{margin-top:5px}
.mx_MessageTile{max-width:100%;clear:both;margin-top:32px;margin-left:56px}.mx_MessageTile_avatar{padding-left:12px;padding-right:12px;margin-left:-64px;margin-top:-7px;float:left}.mx_MessageTile_avatar img{background-color:#dbdbdb;border-radius:20px;border:0}.mx_MessageTile_continuation{margin-top:8px!important}.mx_MessageTile .mx_SenderProfile{color:#454545;opacity:.5;font-size:14px;margin-bottom:4px;display:block}.mx_MessageTile .mx_MessageTimestamp{color:#454545;opacity:.5;font-size:14px;float:right}.mx_MessageTile_content{padding-right:100px;display:block}.mx_MessageTile_notice .mx_MessageTile_content{opacity:.5}.mx_MessageTile_sending{color:#ddd}.mx_MessageTile_notSent{color:#f11}.mx_MessageTile_highlight{color:#00f}.mx_MessageTile_msgOption{float:right}.mx_MessageTimestamp{display:none}.mx_MessageTile_last .mx_MessageTimestamp{display:block}.mx_MessageTile:hover .mx_MessageTimestamp{display:block}
.mx_ProgressBar{height:5px;border:1px solid black}.mx_ProgressBar_fill{height:100%;background-color:#000}
.mx_RoomDropTarget{font-size:14px;text-align:center;margin-left:8px;margin-right:8px;padding-top:16px;padding-bottom:16px;background-color:#fbfbfb;border:1px dashed #d7d7d7;border-radius:8px}
.mx_RoomHeader_wrapper{max-width:720px;margin:auto;height:88px;border-bottom:1px solid #a8dbf3;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.mx_RoomHeader_leftRow{height:48px;margin-top:18px;-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;-webkit-flex:1;flex:1}.mx_RoomHeader_textButton{height:48px;margin-top:18px;background-color:#80cef4;border-radius:48px;margin-right:8px;color:#fff;line-height:48px;text-align:center;-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;cursor:pointer;padding-left:12px;padding-right:12px}.mx_RoomHeader_rightRow{height:48px;margin-top:18px;background-color:#fff;border-radius:48px;border:1px solid #a9dbf4;-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-ms-flex-order:3;-webkit-order:3;order:3}.mx_RoomHeader_info{display:table-cell;height:48px;vertical-align:middle}.mx_RoomHeader_simpleHeader{line-height:88px;color:#80cef4;font-weight:400;font-size:20px;overflow:hidden;text-overflow:ellipsis}.mx_RoomHeader_name{vertical-align:middle;height:28px;color:#80cef4;font-weight:400;font-size:20px;padding-left:16px;padding-right:16px;text-overflow:ellipsis}.mx_RoomHeader_nameEditing{padding-left:16px;padding-right:16px;margin-top:-5px}.mx_RoomHeader_nameInput{border-radius:3px;width:260px;border:1px solid #c7c7c7;font-weight:300;font-size:14px;padding:9px;margin-top:6px}.mx_RoomHeader_topic{vertical-align:bottom;float:left;max-height:38px;color:#70b5d7;font-weight:300;padding-left:16px;padding-right:16px;overflow:hidden;text-overflow:ellipsis}.mx_RoomHeader_avatar{display:table-cell;width:48px;height:50px;vertical-align:middle}.mx_RoomHeader_avatar img{border-radius:24px}.mx_RoomHeader_button{height:48px;display:table-cell;vertical-align:middle;padding-left:8px;padding-right:8px}.mx_RoomHeader_button img{cursor:pointer}
.mx_RoomSettings{max-height:250px;padding-top:12px}.mx_RoomSettings_settings{display:table;margin:5px 0}.mx_RoomSettings_settings>div{display:table-row}.mx_RoomSettings_settings>div>*{display:table-cell;margin:0 10px}.mx_RoomSettings input,.mx_RoomSettings textarea{border-radius:3px;border:1px solid #c7c7c7;font-weight:300;font-size:14px;padding:9px;margin-top:6px}.mx_RoomSettings_description{width:330px}.mx_RoomSettings_buttons{text-align:right;margin-bottom:16px}.mx_RoomSettings_button{display:inline;border:0;height:36px;border-radius:36px;font-weight:400;font-size:16px;color:#fff;background-color:#80cef4;width:auto;margin:auto;padding:6px;padding-left:1em;padding-right:1em}
.mx_RoomTile{cursor:pointer;display:table-row;color:#818794}.mx_RoomTile_avatar{display:table-cell;padding-right:12px;padding-top:3px;padding-bottom:3px;padding-left:16px;vertical-align:middle;width:40px;height:40px;position:relative}.mx_RoomTile_avatar img{border-radius:20px;background-color:#dbdbdb}.mx_RoomTile_name{display:table-cell;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;padding-right:16px}.mx_RoomTile_badge{background-color:#ff0064;border:3px solid #fff;border-radius:16px;width:9px;height:9px;position:absolute;right:9px;bottom:3px}.mx_RoomTile_unread,.mx_RoomTile_highlight,.mx_RoomTile_invited{font-weight:bold;color:#000}.mx_RoomTile_selected{background-color:#f3f8fa;color:#80cef4;font-weight:bold}
.mx_SenderProfile_zalgo{font-family:Helvetica,Arial,Sans-Serif;display:table-row!important}
.mx_ServerConfig{margin-top:7px}.mx_ServerConfig .mx_Login_field{margin-top:4px;margin-bottom:5px}.mx_ServerConfig_help:link{opacity:.8;font-size:14px;font-weight:300;color:#4a4a4a}
.mx_IncomingCallBox{text-align:center;border:1px solid #a9dbf4;border-radius:8px;background-color:#fff;position:absolute;z-index:1000;left:235px;top:155px;padding:6px}.mx_IncomingCallBox_chevron{padding:12px;position:absolute;left:-21px;top:0}.mx_IncomingCallBox_title{padding:6px;font-weight:bold}.mx_IncomingCallBox_buttons{display:table-row}.mx_IncomingCallBox_buttons_cell{vertical-align:middle;display:table-cell;padding:6px;width:50%}.mx_IncomingCallBox_buttons_decline,.mx_IncomingCallBox_buttons_accept{vertical-align:middle;width:80px;height:36px;line-height:36px;border-radius:36px;color:#fff}.mx_IncomingCallBox_buttons_decline{background-color:#f48080}.mx_IncomingCallBox_buttons_accept{background-color:#80f480}
.mx_VideoView{width:100%;position:relative;z-index:30}.mx_VideoView video{width:100%}.mx_VideoView_remoteVideoFeed{width:100%;background-color:#000;z-index:50}.mx_VideoView_localVideoFeed{width:20%;position:absolute;left:16px;bottom:28px;z-index:100}
.mx_CreateRoom{width:720px;margin-left:auto;margin-right:auto;color:#4a4a4a}.mx_CreateRoom input,.mx_CreateRoom textarea{border-radius:3px;border:1px solid #c7c7c7;font-weight:300;font-size:14px;padding:9px;margin-top:6px}.mx_CreateRoom_description{width:330px}
.mx_LeftPanel{position:relative;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-webkit-flex-direction:column}.mx_LeftPanel_hideButton{position:absolute;top:10px;right:10px}.mx_LeftPanel .mx_RoomList{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;overflow-y:scroll;-webkit-flex:1 1 0;flex:1 1 0}.mx_LeftPanel .mx_BottomLeftMenu{-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-ms-flex-order:3;-webkit-order:3;order:3;-webkit-flex:0 0 170px;flex:0 0 170px;border-top:1px solid #f3f8fa}.mx_LeftPanel .mx_BottomLeftMenu .mx_RoomTile{color:#378bb4}.mx_LeftPanel .mx_BottomLeftMenu .mx_RoomTile_avatar{padding-left:14px}.mx_LeftPanel .mx_BottomLeftMenu .mx_BottomLeftMenu_options{margin-top:12px;width:100%}
.mx_MemberList{height:100%;margin-bottom:100px;padding:8px;-webkit-flex:1;flex:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-webkit-flex-direction:column}.mx_MemberList_chevron{position:absolute;right:35px;margin-top:-15px}.mx_MemberList_border{border:1px solid #a9dbf4;overflow-y:auto;border-radius:8px;padding:20px 14px 14px 24px;background-color:#fff;order:1;-webkit-flex:1 1 0;flex:1 1 0}.mx_MemberList_wrapper{display:table;table-layout:fixed;width:100%}.mx_MemberList h2{margin-top:0}
.mx_RightPanel{position:relative;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-webkit-flex-direction:column}.mx_RightPanel_header{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;-webkit-flex:0 0 66px;flex:0 0 66px}.mx_RightPanel_headerButtonGroup{margin-top:18px;height:48px;float:right;background-color:#fff;border-radius:48px;border:1px solid #a9dbf4;margin-right:22px}.mx_RightPanel_headerButton{cursor:pointer;height:48px;display:table-cell;vertical-align:middle;padding-left:8px;padding-right:8px}.mx_RightPanel .mx_MemberList{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2}
.mx_RoomDirectory{width:720px;margin-left:auto;margin-right:auto;margin-bottom:12px;color:#4a4a4a;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-webkit-flex-direction:column}.mx_RoomDirectory_list{-webkit-flex:1;flex:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-webkit-flex-direction:column}.mx_RoomDirectory_input{margin:auto;border-radius:3px;border:1px solid #c7c7c7;font-weight:300;font-size:14px;padding:9px;margin-top:12px;margin-bottom:12px}.mx_RoomDirectory_tableWrapper{overflow-y:scroll;-webkit-flex:1 1 0;flex:1 1 0}.mx_RoomDirectory_table{width:100%;text-align:left;table-layout:fixed}.mx_RoomDirectory_table th{font-weight:400;font-size:12px}.mx_RoomDirectory_table tbody{cursor:pointer}.mx_RoomDirectory_table td{font-weight:300;font-size:16px;overflow-x:hidden;text-overflow:ellipsis}.mx_RoomDirectory_table .mx_RoomDirectory_name{font-weight:400}.mx_RoomDirectory_table .mx_RoomDirectory_topic{font-weight:400;font-size:12px}.mx_RoomDirectory_table td,.mx_RoomDirectory_table th,{padding:6px}
.mx_RoomList_recents{margin-top:-12px;display:table;table-layout:fixed;width:100%}.mx_RoomList h2{padding-left:16px;padding-right:16px}
.mx_RoomView{word-wrap:break-word;position:relative;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;width:100%;flex-direction:column;-webkit-flex-direction:column}.mx_RoomView .mx_RoomHeader{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;-webkit-flex:0 0 88px;flex:0 0 88px}.mx_RoomView_fileDropTarget{min-width:0;max-width:720px;width:100%;font-size:20px;text-align:center;pointer-events:none;padding-left:12px;padding-right:12px;margin-left:-12px;-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;border-top-left-radius:10px;border-top-right-radius:10px;background-color:rgba(255,255,255,0.9);border:2px dashed #80cef4;border-bottom:0;position:absolute;top:88px;bottom:0;z-index:3000}.mx_RoomView_fileDropTargetLabel{top:50%;width:100%;margin-top:-50px;position:absolute}.mx_RoomView_auxPanel{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;min-width:0;max-width:720px;width:100%;margin:auto;overflow:auto;border-bottom:1px solid #a8dbf3;-webkit-flex:0 0 auto;flex:0 0 auto}.mx_RoomView_messagePanel{-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-ms-flex-order:3;-webkit-order:3;order:3;-webkit-flex:1 1 0;flex:1 1 0;width:100%;margin-top:18px;margin-bottom:18px;overflow-y:scroll}.mx_RoomView_messageListWrapper{max-width:720px;margin:auto}.mx_RoomView_MessageList{width:100%;list-style-type:none;padding:0}.mx_RoomView_MessageList h2{clear:both;margin-top:32px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #a8dbf3}.mx_RoomView_invitePrompt{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;min-width:0;max-width:720px;width:100%;margin:auto;margin-top:12px;margin-bottom:12px}.mx_RoomView_statusArea{-webkit-box-ordinal-group:4;-moz-box-ordinal-group:4;-ms-flex-order:4;-webkit-order:4;order:4;width:100%;-webkit-flex:0 0 58px;flex:0 0 58px}.mx_RoomView_statusAreaBox{max-width:720px;margin:auto;border-top:1px solid #a8dbf3}.mx_RoomView_unreadMessagesBar{margin-top:13px;color:#fff;font-weight:bold;background-color:#ff0064;border-radius:30px;height:30px;line-height:30px;cursor:pointer}.mx_RoomView_unreadMessagesBar img{padding-left:22px;padding-right:22px}.mx_RoomView_typingBar{margin-top:17px;margin-left:56px;color:#818794}.mx_RoomView_typingBar img{padding-left:12px;padding-right:12px;margin-left:-64px;margin-top:-7px;float:left}.mx_RoomView .mx_MessageComposer{-webkit-box-ordinal-group:5;-moz-box-ordinal-group:5;-ms-flex-order:5;-webkit-order:5;order:5;width:100%;-webkit-flex:0 0 63px;flex:0 0 63px;margin-right:2px}.mx_RoomView_uploadProgressOuter{width:100%;background-color:black;height:5px}.mx_RoomView_uploadProgressInner{background-color:blue;height:5px}
.mx_UserSettings{width:720px;margin-left:auto;margin-right:auto}
.mx_MatrixChat_wrapper{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-webkit-flex-direction:column;width:100%;height:100%}.mx_MatrixToolbar{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;height:21px}.mx_MatrixChat_toolbarShowing{height:auto}.mx_MatrixChat{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;-webkit-flex:1;flex:1}.mx_MatrixChat .mx_LeftPanel{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;-webkit-flex:0 0 230px;flex:0 0 230px}.mx_MatrixChat .mx_MatrixChat_middlePanel{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;padding-left:12px;padding-right:12px;background-color:#f3f8fa;width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.mx_MatrixChat .mx_RightPanel{-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-ms-flex-order:3;-webkit-order:3;order:3;background-color:#f3f8fa;-webkit-flex:0 0 230px;flex:0 0 230px}
.mx_Login{width:100%;height:100%}.mx_Login h2{color:#4a4a4a;font-weight:300;margin-top:32px;margin-bottom:20px}.mx_Login_box{width:600px;margin:auto;padding-top:100px}.mx_Login_logo{text-align:center}.mx_Login_field{width:100%;border-radius:3px;border:1px solid #c7c7c7;font-weight:300;font-size:14px;padding:9px;margin-bottom:14px}.mx_Login_submit{margin-top:35px;margin-bottom:24px;width:100%;border-radius:40px;height:40px;border:0;background-color:#76cfa6;font-size:16px;color:#fff}.mx_Login_label{font-size:14px;opacity:.8}.mx_Login_checkbox{margin-right:10px}.mx_Login_create{display:block;text-align:center;width:100%;font-size:14px;opacity:.8}.mx_Login_loader{position:absolute;left:50%;margin-top:12px}.mx_Login_error{color:#ff2020;font-weight:bold;text-align:center;height:24px;margin-top:12px;margin-bottom:12px}.mx_Login_create:link{color:#4a4a4a}