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

65 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
*/
#conversejs.converse-embedded {
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%; }
#conversejs.converse-embedded *, #conversejs.converse-embedded *:before, #conversejs.converse-embedded *:after {
2017-02-03 00:16:15 +01:00
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
#conversejs.converse-embedded form.converse-centered-form {
position: absolute;
top: 30%;
transform: translateY(-50%); }
#conversejs.converse-embedded .chatroom {
2017-01-16 22:15:07 +01:00
width: auto; }
#conversejs.converse-embedded .flyout {
2017-01-16 22:15:07 +01:00
bottom: auto;
display: block;
position: relative; }
#conversejs.converse-embedded .chatbox {
2017-01-16 22:15:07 +01:00
float: none; }
#conversejs.converse-embedded .chatbox .box-flyout {
2017-01-16 22:15:07 +01:00
box-shadow: none; }
#conversejs.converse-embedded .chatbox .chat-title {
2017-01-16 22:15:07 +01:00
padding: 0.3em;
2017-02-28 08:32:00 +01:00
font-size: 120%; }
#conversejs.converse-embedded .chatbox-btn {
2017-01-16 22:15:07 +01:00
display: none; }
#conversejs.converse-embedded .chatroom .box-flyout {
2017-01-16 22:15:07 +01:00
min-width: auto;
2017-02-03 00:16:15 +01:00
width: 100%;
height: 55vh; }
#conversejs.converse-embedded .chatroom .box-flyout .chat-body {
2017-01-16 22:15:07 +01:00
height: -webkit-calc(100% - 55px);
height: calc(100% - 55px); }
#conversejs.converse-embedded .chatroom .box-flyout .occupants-heading {
2017-02-28 08:32:00 +01:00
font-size: 120%; }
#conversejs.converse-embedded .chatroom .box-flyout .chat-content .chat-message {
margin: 0.5em;
font-size: 120%; }
#conversejs.converse-embedded .chatroom .box-flyout .sendXMPPMessage .chat-textarea {
padding: 0.5em;
font-size: 110%; }
#conversejs.converse-embedded .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; }
#conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .chatroom-form-container input {
font-size: 60%; }
#conversejs.converse-embedded .chatroom .box-flyout .occupants .occupant-list {
2017-01-16 22:15:07 +01:00
padding-left: 0.3em; }
#conversejs.converse-embedded .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 */