xmpp.chapril.org-conversejs/css/converse-muc-embedded.css

67 lines
2.4 KiB
CSS
Raw Normal View History

/*
2017-01-16 22:15:07 +01:00
Color scheme helpers:
https://coolors.co/app/264653-2a9d8f-e9c46a-f4a261-e76f51
http://paletton.com/#uid=70a0u0kkNs+b4JOgryLpxqpsbkI
2017-01-16 22:15:07 +01:00
*/
#converse-embedded-chat {
2017-02-03 00:16:15 +01:00
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
2017-01-16 22:15:07 +01:00
bottom: auto;
right: auto;
position: relative;
width: 100%; }
2017-02-03 00:16:15 +01:00
#converse-embedded-chat *, #converse-embedded-chat *:before, #converse-embedded-chat *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
#converse-embedded-chat form.pure-form.converse-centered-form {
position: absolute;
top: 30%;
transform: translateY(-50%); }
2017-01-16 22:15:07 +01:00
#converse-embedded-chat .chatroom {
width: auto; }
#converse-embedded-chat .flyout {
bottom: auto;
display: block;
position: relative; }
#converse-embedded-chat .chatbox {
float: none; }
#converse-embedded-chat .chatbox .box-flyout {
box-shadow: none; }
#converse-embedded-chat .chatbox .chat-title {
padding: 0.3em;
2017-02-28 08:32:00 +01:00
font-size: 120%; }
2017-01-16 22:15:07 +01:00
#converse-embedded-chat .chatbox-btn {
display: none; }
#converse-embedded-chat .chatroom .box-flyout {
min-width: auto;
2017-02-03 00:16:15 +01:00
width: 100%;
height: 55vh; }
2017-01-16 22:15:07 +01:00
#converse-embedded-chat .chatroom .box-flyout .chat-body {
height: -webkit-calc(100% - 55px);
height: calc(100% - 55px); }
#converse-embedded-chat .chatroom .box-flyout .occupants-heading {
2017-02-28 08:32:00 +01:00
font-size: 120%; }
2017-02-03 00:16:15 +01:00
#converse-embedded-chat .chatroom .box-flyout .chat-content {
height: calc(100% - 97px); }
#converse-embedded-chat .chatroom .box-flyout .chat-content .chat-message {
margin: 0.5em;
font-size: 120%; }
#converse-embedded-chat .chatroom .box-flyout .sendXMPPMessage .chat-textarea {
padding: 0.5em;
font-size: 110%; }
2017-01-16 22:15:07 +01:00
#converse-embedded-chat .chatroom .box-flyout .chatroom-body .chatroom-form-container {
font-size: 180%;
float: left;
height: 100%;
2017-01-16 22:15:07 +01:00
position: relative; }
#converse-embedded-chat .chatroom .box-flyout .chatroom-body .chatroom-form-container input {
font-size: 60%; }
2017-01-16 22:15:07 +01:00
#converse-embedded-chat .chatroom .box-flyout .occupants .occupant-list {
padding-left: 0.3em; }
#converse-embedded-chat .chatroom .box-flyout .occupants .occupant-list li.occupant {
font-size: 120%; }
2017-01-16 22:15:07 +01:00
/*# sourceMappingURL=converse-muc-embedded.css.map */