Updated scss/css
This commit is contained in:
parent
ff4af318b2
commit
768dcbda83
1035
css/converse.css
1035
css/converse.css
File diff suppressed because it is too large
Load Diff
@ -240,7 +240,8 @@
|
|||||||
</dd>
|
</dd>
|
||||||
</dl>
|
</dl>
|
||||||
</div>
|
</div>
|
||||||
<div id="chatrooms" style="display: none;">
|
</div>
|
||||||
|
<div id="chatrooms" class="controlbox-pane" style="display: none;">
|
||||||
<form class="add-chatroom" action="" method="post">
|
<form class="add-chatroom" action="" method="post">
|
||||||
<input type="text" name="chatroom" class="new-chatroom-name" placeholder="Room name">
|
<input type="text" name="chatroom" class="new-chatroom-name" placeholder="Room name">
|
||||||
<input type="text" name="nick" class="new-chatroom-nick" placeholder="Nickname">
|
<input type="text" name="nick" class="new-chatroom-nick" placeholder="Nickname">
|
||||||
@ -274,7 +275,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="chatbox" id="37c0c87392010303765fe36b05c0967d62c6b70f">
|
<div class="chatbox" id="37c0c87392010303765fe36b05c0967d62c6b70f">
|
||||||
<div class="box-flyout">
|
<div class="box-flyout">
|
||||||
@ -369,7 +369,6 @@
|
|||||||
<div class="chat-body">
|
<div class="chat-body">
|
||||||
<div class="chat-area">
|
<div class="chat-area">
|
||||||
<div class="chat-content">
|
<div class="chat-content">
|
||||||
<time class="chat-date" datetime="2013-06-04T00:00:00.000Z">Tue Jun 04 2013</time>
|
|
||||||
<div class="chat-message ">
|
<div class="chat-message ">
|
||||||
<span class="chat-message-room">18:50 luke: </span>
|
<span class="chat-message-room">18:50 luke: </span>
|
||||||
<span class="chat-message-content">leia: hi :)</span>
|
<span class="chat-message-content">leia: hi :)</span>
|
||||||
@ -379,6 +378,7 @@
|
|||||||
<span class="chat-message-content">
|
<span class="chat-message-content">
|
||||||
I'll be gone for a while, will be back in about an hour</span>
|
I'll be gone for a while, will be back in about an hour</span>
|
||||||
</div>
|
</div>
|
||||||
|
<time class="chat-date" datetime="2013-06-04T00:00:00.000Z">Tue Jun 04 2013</time>
|
||||||
<div class="chat-message ">
|
<div class="chat-message ">
|
||||||
<span class="chat-message-room">19:40 Obi-wan Kenobi, Jedi Master: </span>
|
<span class="chat-message-room">19:40 Obi-wan Kenobi, Jedi Master: </span>
|
||||||
<span class="chat-message-content">
|
<span class="chat-message-content">
|
||||||
@ -540,6 +540,9 @@ $(document).ready(function () {
|
|||||||
$('a[href=#users]').click(function (ev) {
|
$('a[href=#users]').click(function (ev) {
|
||||||
switchTab(ev);
|
switchTab(ev);
|
||||||
});
|
});
|
||||||
|
$('a[href=#register]').click(function (ev) {
|
||||||
|
switchTab(ev);
|
||||||
|
});
|
||||||
|
|
||||||
$("a.choose-xmpp-status").click(function (ev) {
|
$("a.choose-xmpp-status").click(function (ev) {
|
||||||
ev.preventDefault();
|
ev.preventDefault();
|
||||||
@ -550,8 +553,7 @@ $(document).ready(function () {
|
|||||||
ev.preventDefault();
|
ev.preventDefault();
|
||||||
var form = ''+
|
var form = ''+
|
||||||
'<form id="set-custom-xmpp-status">' +
|
'<form id="set-custom-xmpp-status">' +
|
||||||
'<input type="text" class="custom-xmpp-status"I am online"'+
|
'<input type="text" class="custom-xmpp-status" placeholder="Custom status"/>' +
|
||||||
'placeholder="I am online"/>' +
|
|
||||||
'<button type="submit">Save</button>' +
|
'<button type="submit">Save</button>' +
|
||||||
'</form>';
|
'</form>';
|
||||||
|
|
||||||
|
@ -35,8 +35,9 @@
|
|||||||
#conversejs {
|
#conversejs {
|
||||||
@import "components/neat/app/assets/stylesheets/neat";
|
@import "components/neat/app/assets/stylesheets/neat";
|
||||||
|
|
||||||
/* XXX: These should be moved to a separate file */
|
// XXX: These should be moved to a separate file
|
||||||
$link-color: #436F64;
|
$link-color: #436F64;
|
||||||
|
$inverse-link-color: white;
|
||||||
$link-shadow-color: #FAFAFA;
|
$link-shadow-color: #FAFAFA;
|
||||||
$text-shadow-color: #FAFAFA;
|
$text-shadow-color: #FAFAFA;
|
||||||
$text-color: #6C4C44;
|
$text-color: #6C4C44;
|
||||||
@ -49,8 +50,14 @@
|
|||||||
$chat-head-color: #436F64;
|
$chat-head-color: #436F64;
|
||||||
$chatroom-head-color: #0F592F;
|
$chatroom-head-color: #0F592F;
|
||||||
$chat-head-text-color: white;
|
$chat-head-text-color: white;
|
||||||
$chat-head-height: 40px;
|
$chat-head-inverse-text-color: white;
|
||||||
|
$chat-head-height: 44px;
|
||||||
$save-button-color: #436F64;
|
$save-button-color: #436F64;
|
||||||
|
$chat-textarea-height: 64px;
|
||||||
|
$toolbar-height: 20px;
|
||||||
|
$message-them-color: #4B7003;
|
||||||
|
$roster-height: 194px;
|
||||||
|
$controlbox-dropdown-height: 25px;
|
||||||
|
|
||||||
$font-size: 14px;
|
$font-size: 14px;
|
||||||
$legend-font-size: 16px;
|
$legend-font-size: 16px;
|
||||||
@ -94,7 +101,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
textarea,
|
textarea,
|
||||||
input[type=submit],
|
input[type=submit], input[type=button],
|
||||||
input[type=text], input[type=password],
|
input[type=text], input[type=password],
|
||||||
button {
|
button {
|
||||||
font-size: $font-size;
|
font-size: $font-size;
|
||||||
@ -116,35 +123,17 @@
|
|||||||
|
|
||||||
ul, ol, dl {
|
ul, ol, dl {
|
||||||
font: inherit;
|
font: inherit;
|
||||||
margin: 0 0 15px 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
<<<<<<< HEAD
|
|
||||||
=======
|
|
||||||
|
|
||||||
color: $text-color;
|
|
||||||
font-size: $font-size;
|
|
||||||
bottom: 0;
|
|
||||||
direction: ltr;
|
|
||||||
height: 25px;
|
|
||||||
left: 0;
|
|
||||||
position: fixed;
|
|
||||||
right: 0;
|
|
||||||
z-index: 30;
|
|
||||||
display: block;
|
|
||||||
box-sizing: border-box;
|
|
||||||
-moz-box-sizing: border-box;
|
|
||||||
-webkit-box-sizing: border-box;
|
|
||||||
|
|
||||||
>>>>>>> 5c9a7c257b032996cce5c2059c56acf23b61843b
|
|
||||||
[data-icon]:before {
|
[data-icon]:before {
|
||||||
font-family: 'Converse-js';
|
|
||||||
content: attr(data-icon);
|
content: attr(data-icon);
|
||||||
speak: none;
|
font-family: 'Converse-js';
|
||||||
font-weight: normal;
|
|
||||||
font-variant: normal;
|
font-variant: normal;
|
||||||
text-transform: none;
|
font-weight: normal;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
|
speak: none;
|
||||||
|
text-transform: none;
|
||||||
/* Better Font Rendering =========== */
|
/* Better Font Rendering =========== */
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
@ -152,12 +141,12 @@
|
|||||||
|
|
||||||
[class^="icon-"], [class*=" icon-"] {
|
[class^="icon-"], [class*=" icon-"] {
|
||||||
font-family: 'Converse-js';
|
font-family: 'Converse-js';
|
||||||
speak: none;
|
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: normal;
|
|
||||||
font-variant: normal;
|
font-variant: normal;
|
||||||
text-transform: none;
|
font-weight: normal;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
|
speak: none;
|
||||||
|
text-transform: none;
|
||||||
/* Better Font Rendering =========== */
|
/* Better Font Rendering =========== */
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
@ -309,16 +298,15 @@
|
|||||||
|
|
||||||
#minimized-chats,
|
#minimized-chats,
|
||||||
.toggle-controlbox {
|
.toggle-controlbox {
|
||||||
|
border-top-left-radius: 2px;
|
||||||
|
border-top-right-radius: 2px;
|
||||||
|
color: #0a0a0a;
|
||||||
float: right;
|
float: right;
|
||||||
font-size: 90%;
|
font-size: 90%;
|
||||||
border-top-right-radius: 2px;
|
|
||||||
border-top-left-radius: 2px;
|
|
||||||
background-color: #F4F4F4;
|
|
||||||
padding: 4px 8px;
|
|
||||||
margin-right: 5px;
|
|
||||||
color: #0a0a0a;
|
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
margin-right: 5px;
|
||||||
|
padding: 4px 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#minimized-chats {
|
#minimized-chats {
|
||||||
@ -351,8 +339,6 @@
|
|||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
color: #0f0f0f;
|
|
||||||
|
|
||||||
.unread-message-count {
|
.unread-message-count {
|
||||||
right: 5px;
|
right: 5px;
|
||||||
bottom: 5px;
|
bottom: 5px;
|
||||||
@ -360,15 +346,17 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.toggle-controlbox,
|
.toggle-controlbox,
|
||||||
.toggle-minimized-chats {
|
a.toggle-minimized-chats {
|
||||||
float: right;
|
float: right;
|
||||||
font-size: 85%;
|
font-size: 85%;
|
||||||
border-top-right-radius: 4px;
|
border-top-right-radius: 4px;
|
||||||
border-top-left-radius: 4px;
|
border-top-left-radius: 4px;
|
||||||
background-color: #5390c8;
|
background-color: $link-color;
|
||||||
padding: 4px 8px;
|
padding: 4px 8px;
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
color: white;
|
span {
|
||||||
|
color: $inverse-link-color;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.chat-body {
|
.chat-body {
|
||||||
@ -418,28 +406,6 @@
|
|||||||
border-bottom-left-radius: 4px;
|
border-bottom-left-radius: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.participants {
|
|
||||||
label {
|
|
||||||
margin-top: 5px;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.participant-list {
|
|
||||||
li {
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
white-space: nowrap;
|
|
||||||
display: block;
|
|
||||||
font-size: 12px;
|
|
||||||
font-weight: bold;
|
|
||||||
padding: 0.5em 0 0 0.5em;
|
|
||||||
cursor: default;
|
|
||||||
}
|
|
||||||
li.moderator {
|
|
||||||
color: #8f2831;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.chat-blink {
|
.chat-blink {
|
||||||
background-color: #176679;
|
background-color: #176679;
|
||||||
border-right: 1px solid #176679;
|
border-right: 1px solid #176679;
|
||||||
@ -463,7 +429,7 @@
|
|||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
-moz-box-sizing: border-box;
|
-moz-box-sizing: border-box;
|
||||||
height: 206px;
|
height: 206px;
|
||||||
height: calc(100% - 84px);
|
height: calc(100% - #{$toolbar-height + $chat-textarea-height});
|
||||||
}
|
}
|
||||||
|
|
||||||
.chat-info {
|
.chat-info {
|
||||||
@ -471,7 +437,14 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.chat-error {
|
.chat-error {
|
||||||
color: #8f2831;
|
color: $warning-color;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chat-error,
|
||||||
|
.chat-info,
|
||||||
|
.chat-message {
|
||||||
|
padding: 2px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.chat-message-room,
|
.chat-message-room,
|
||||||
@ -491,18 +464,15 @@
|
|||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.chat-message-room,
|
||||||
.chat-message-them {
|
.chat-message-them {
|
||||||
color: #8f2831;
|
color: $message-them-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.chat-message-me {
|
.chat-message-me {
|
||||||
color: $link-color;
|
color: $link-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.chat-message-room {
|
|
||||||
color: #4B7003;
|
|
||||||
}
|
|
||||||
|
|
||||||
.chat-event,
|
.chat-event,
|
||||||
.chat-date,
|
.chat-date,
|
||||||
.chat-info {
|
.chat-info {
|
||||||
@ -568,9 +538,9 @@
|
|||||||
|
|
||||||
.reg-feedback,
|
.reg-feedback,
|
||||||
#converse-login .conn-feedback {
|
#converse-login .conn-feedback {
|
||||||
width: 100%;
|
|
||||||
text-align: center;
|
|
||||||
display: block;
|
display: block;
|
||||||
|
text-align: center;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.chat-message-error {
|
.chat-message-error {
|
||||||
@ -603,22 +573,11 @@
|
|||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.chat-head {
|
|
||||||
color: #ffffff;
|
|
||||||
font-size: 100%;
|
|
||||||
border-top-right-radius: 4px;
|
|
||||||
border-top-left-radius: 4px;
|
|
||||||
padding: 2px 2px 2px 4px;
|
|
||||||
margin: 0;
|
|
||||||
.avatar {
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.chat-head-chatbox,
|
.chat-head-chatbox,
|
||||||
.chat-head-chatroom {
|
.chat-head-chatroom {
|
||||||
height: $chat-head-height;
|
height: $chat-head-height;
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: 3px;
|
padding: 5px;
|
||||||
}
|
}
|
||||||
.chat-head-chatroom {
|
.chat-head-chatroom {
|
||||||
background-color: $chatroom-head-color;
|
background-color: $chatroom-head-color;
|
||||||
@ -650,14 +609,13 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
dl.add-converse-contact {
|
dl.add-converse-contact {
|
||||||
margin: 0 0 0 0.5em;
|
margin: 0 0.5em 0.5em 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fancy-dropdown {
|
.fancy-dropdown {
|
||||||
border: 1px solid $light-background-border-color;
|
border: 1px solid $light-background-border-color;
|
||||||
height: 22px;
|
height: $controlbox-dropdown-height;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
|
||||||
.choose-xmpp-status {
|
.choose-xmpp-status {
|
||||||
width: 155px;
|
width: 155px;
|
||||||
span {
|
span {
|
||||||
@ -703,17 +661,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.controlbox-head {
|
|
||||||
margin: 0;
|
|
||||||
color: #FFF;
|
|
||||||
border-top-right-radius: 4px;
|
|
||||||
border-top-left-radius: 4px;
|
|
||||||
height: $chat-head-height;
|
|
||||||
clear: right;
|
|
||||||
background-color: $link-color;
|
|
||||||
padding: 3px 0 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.unread-message-count,
|
.unread-message-count,
|
||||||
.chat-head-message-count {
|
.chat-head-message-count {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
@ -735,16 +682,16 @@
|
|||||||
a.configure-chatroom-button,
|
a.configure-chatroom-button,
|
||||||
a.toggle-chatbox-button,
|
a.toggle-chatbox-button,
|
||||||
a.close-chatbox-button {
|
a.close-chatbox-button {
|
||||||
font-size: 10px;
|
|
||||||
padding: 3px 3px 2px 3px;
|
|
||||||
margin-right: 3px;
|
|
||||||
cursor: pointer;
|
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
border: 1px solid #888;
|
border: 1px solid #888;
|
||||||
display: inline-block;
|
|
||||||
color: white;
|
color: white;
|
||||||
text-decoration: none;
|
cursor: pointer;
|
||||||
|
display: inline-block;
|
||||||
float: right;
|
float: right;
|
||||||
|
font-size: 10px;
|
||||||
|
margin: 0 0 0 3px;
|
||||||
|
padding: 3px 3px 2px 3px;
|
||||||
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
a.configure-chatroom-button:active,
|
a.configure-chatroom-button:active,
|
||||||
@ -800,7 +747,7 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
margin: 0.5em 0 0 0;
|
margin: 0.5em 0 0 0;
|
||||||
height: 194px;
|
height: $roster-height;
|
||||||
height: calc(100% - 68px);
|
height: calc(100% - 68px);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
@ -809,37 +756,22 @@
|
|||||||
}
|
}
|
||||||
.filter-type {
|
.filter-type {
|
||||||
display: table-cell;
|
display: table-cell;
|
||||||
height: 24px;
|
|
||||||
<<<<<<< HEAD
|
|
||||||
margin: 0 0 0.5em -2px;
|
|
||||||
padding: 0;
|
|
||||||
width: 85px;
|
|
||||||
}
|
|
||||||
.roster-filter {
|
|
||||||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABNSURBVHjaXI7BDcAwCAMvyQjMyQ6dAbZiKfqoUK34g2zJh1dENIC7M8pMAPYdzAVY3d0ajNz9aypS/b5R6o+ZPdqoKgCq6h80KH3xDgBqNR97p8oAGQAAAABJRU5ErkJggg== ) no-repeat right -20px center;
|
|
||||||
border: 1px solid #999;
|
|
||||||
display: table-cell;
|
|
||||||
height: 24px;
|
|
||||||
margin: 0 0 0.5em 6px;
|
|
||||||
padding: 2px;
|
|
||||||
width: 104px;
|
|
||||||
=======
|
|
||||||
padding: 0;
|
|
||||||
margin: 0 0 0.5em -2px;
|
|
||||||
display: inline-block;
|
|
||||||
width: 85px;
|
|
||||||
font-size: $font-size;
|
font-size: $font-size;
|
||||||
|
height: $controlbox-dropdown-height;
|
||||||
|
margin: 0 0 0.5em -1px;
|
||||||
|
padding: 0;
|
||||||
|
width: 84px;
|
||||||
}
|
}
|
||||||
.roster-filter {
|
.roster-filter {
|
||||||
display: table-cell;
|
|
||||||
padding: 2px;
|
|
||||||
margin: 0 0 0.5em 6px;
|
|
||||||
width: 104px;
|
|
||||||
height: 24px;
|
|
||||||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABNSURBVHjaXI7BDcAwCAMvyQjMyQ6dAbZiKfqoUK34g2zJh1dENIC7M8pMAPYdzAVY3d0ajNz9aypS/b5R6o+ZPdqoKgCq6h80KH3xDgBqNR97p8oAGQAAAABJRU5ErkJggg== ) no-repeat right -20px center;
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABNSURBVHjaXI7BDcAwCAMvyQjMyQ6dAbZiKfqoUK34g2zJh1dENIC7M8pMAPYdzAVY3d0ajNz9aypS/b5R6o+ZPdqoKgCq6h80KH3xDgBqNR97p8oAGQAAAABJRU5ErkJggg== ) no-repeat right -20px center;
|
||||||
border: 1px solid #999;
|
border: 1px solid #999;
|
||||||
display: inline-block;
|
display: table-cell;
|
||||||
>>>>>>> 5c9a7c257b032996cce5c2059c56acf23b61843b
|
font-size: $font-size;
|
||||||
|
height: $controlbox-dropdown-height;
|
||||||
|
margin: 0 0 0.5em 6px;
|
||||||
|
padding: 0;
|
||||||
|
padding: 2px;
|
||||||
|
width: 104px;
|
||||||
}
|
}
|
||||||
/* (jQ addClass:) if input has value: */
|
/* (jQ addClass:) if input has value: */
|
||||||
.roster-filter.x {
|
.roster-filter.x {
|
||||||
@ -851,10 +783,10 @@
|
|||||||
}
|
}
|
||||||
.roster-contacts {
|
.roster-contacts {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
overflow-y: auto;
|
|
||||||
overflow-x: hidden;
|
|
||||||
max-height: 195px;
|
max-height: 195px;
|
||||||
max-height: calc(100% - 26px);
|
max-height: calc(100% - 26px);
|
||||||
|
overflow-x: hidden;
|
||||||
|
overflow-y: auto;
|
||||||
padding-bottom: 15px;
|
padding-bottom: 15px;
|
||||||
}
|
}
|
||||||
.group-toggle {
|
.group-toggle {
|
||||||
@ -879,10 +811,11 @@
|
|||||||
padding: 0 5px 0 0;
|
padding: 0 5px 0 0;
|
||||||
margin-left: 3px;
|
margin-left: 3px;
|
||||||
}
|
}
|
||||||
a.decline-xmpp-request {
|
a {
|
||||||
|
&.decline-xmpp-request {
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
}
|
}
|
||||||
a.remove-xmpp-contact {
|
&.remove-xmpp-contact {
|
||||||
float: right;
|
float: right;
|
||||||
width: 22px;
|
width: 22px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
@ -890,25 +823,31 @@
|
|||||||
color: $text-color;
|
color: $text-color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
dd:hover a.remove-xmpp-contact {
|
dd:hover a.remove-xmpp-contact {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
dd.odd {
|
dd {
|
||||||
|
&.odd {
|
||||||
background-color: #DCEAC5;
|
background-color: #DCEAC5;
|
||||||
/* Make this difference */
|
/* Make this difference */
|
||||||
}
|
}
|
||||||
dd.current-xmpp-contact span {
|
&.current-xmpp-contact span {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
float: left;
|
float: left;
|
||||||
color: $link-color;
|
color: $link-color;
|
||||||
}
|
}
|
||||||
span.req-contact-name {
|
a.open-chat {
|
||||||
width: 65%;
|
|
||||||
}
|
|
||||||
span.pending-contact-name, a.open-chat {
|
|
||||||
width: 80%;
|
width: 80%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
span {
|
||||||
|
&.pending-contact-name,
|
||||||
|
&.req-contact-name {
|
||||||
|
width: 80%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
dd.available-chatroom {
|
dd.available-chatroom {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@ -955,20 +894,21 @@
|
|||||||
white-space: normal;
|
white-space: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
a.room-info {
|
a {
|
||||||
|
&.room-info {
|
||||||
width: 22px;
|
width: 22px;
|
||||||
height: 22px;
|
height: 22px;
|
||||||
float: right;
|
float: right;
|
||||||
display: none;
|
display: none;
|
||||||
clear: right;
|
clear: right;
|
||||||
}
|
}
|
||||||
|
&.open-room {
|
||||||
a.open-room {
|
|
||||||
float: left;
|
float: left;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
dd.available-chatroom:hover a.room-info {
|
dd.available-chatroom:hover a.room-info {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@ -1004,25 +944,15 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.chatbox {
|
.chatbox {
|
||||||
<<<<<<< HEAD
|
|
||||||
width: $chat-width;
|
width: $chat-width;
|
||||||
|
|
||||||
.box-flyout {
|
.box-flyout {
|
||||||
width: $chat-width;
|
width: $chat-width;
|
||||||
=======
|
|
||||||
width: 200px;
|
|
||||||
|
|
||||||
.box-flyout {
|
|
||||||
width: 200px;
|
|
||||||
>>>>>>> 5c9a7c257b032996cce5c2059c56acf23b61843b
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropdown {
|
.dropdown {
|
||||||
a {
|
a {
|
||||||
height: 22px;
|
|
||||||
width: 148px;
|
width: 148px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
line-height: 24px;
|
line-height: $controlbox-dropdown-height;
|
||||||
}
|
}
|
||||||
li {
|
li {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
@ -1030,14 +960,13 @@
|
|||||||
}
|
}
|
||||||
dd {
|
dd {
|
||||||
ul {
|
ul {
|
||||||
padding: 5px 0 5px 0;
|
padding: 0;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
border: 1px solid $light-background-border-color;
|
border: 1px solid $light-background-border-color;
|
||||||
border-top: 0;
|
width: 100%;
|
||||||
width: 99%;
|
|
||||||
z-index: 21;
|
z-index: 21;
|
||||||
background-color: $light-background-color;
|
background-color: $light-background-color;
|
||||||
li:hover {
|
li:hover {
|
||||||
@ -1058,18 +987,28 @@
|
|||||||
|
|
||||||
.chatroom {
|
.chatroom {
|
||||||
width: 300px;
|
width: 300px;
|
||||||
<<<<<<< HEAD
|
|
||||||
=======
|
|
||||||
label {
|
label {
|
||||||
margin-left: 2px;
|
margin-left: 2px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
>>>>>>> 5c9a7c257b032996cce5c2059c56acf23b61843b
|
|
||||||
.box-flyout {
|
.box-flyout {
|
||||||
width: 300px;
|
width: 300px;
|
||||||
}
|
}
|
||||||
.participant-list {
|
.participant-list {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
|
li {
|
||||||
|
cursor: default;
|
||||||
|
display: block;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: bold;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 2px 5px;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
&.moderator {
|
||||||
|
color: #8f2831;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.chat-textarea {
|
.chat-textarea {
|
||||||
border-bottom-right-radius: 0;
|
border-bottom-right-radius: 0;
|
||||||
@ -1077,21 +1016,17 @@
|
|||||||
.chat-area {
|
.chat-area {
|
||||||
float: left;
|
float: left;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
<<<<<<< HEAD
|
|
||||||
width: $chat-width;
|
width: $chat-width;
|
||||||
=======
|
|
||||||
width: 200px;
|
|
||||||
>>>>>>> 5c9a7c257b032996cce5c2059c56acf23b61843b
|
|
||||||
}
|
}
|
||||||
.invited-contact {
|
.invited-contact {
|
||||||
margin: 0;
|
margin: -1px 0 0 -1px;
|
||||||
width: 99px;
|
width: 100px;
|
||||||
border: 1px solid #999;
|
border: 1px solid #999;
|
||||||
}
|
}
|
||||||
.invited-contact.tt-input {
|
.invited-contact.tt-input {
|
||||||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gkBCjE0uzKkOgAAAidJREFUKM+N0k+IEnEUB/D3cyscdagkWpHV0WGWREXm0AgOGkSJ07kh2UXYU5cOewm6Bp0KXG/tpSCv6hyEFQIhMEaE3yERYfwTOoqKGLQxDAbqYadLgu7J7/XxeY/3ez8EACDLsgljfMfj8ZxUKhXXYDAAnueBoqgyAMipVOovXAuSZdnUaDQeDofDs16vFyUIAjRNUwmCoG02G1AUdZ5IJN7GYrHfm3AvEAjcnUwmX0ajUdRqtV74fL6sruufKYoa6bp+fzabPUMI7ZfL5eImNHk8npNerxc1m80XHMe98fv9H3K5XDkSibxjWfb1arWaYoyPMMbCFqxUKi6CIODw8LDmdDq7oigaAACiKK5omv7KcdylpmlIkiTHFlRVFTRNUxVFqa/ROqIoGoqi5A3DgFartfU4Jp7ngSAI2uVyPZIk6dZmUZKk2w6H4xghBPF4HK7vWLbZbDCdTp+rqvpUkiS0RvV6/bTf7x8wDHMViURqm/AGAMgURZ232+1X1Wr102KxuEwmk3lZlo/7/f7BcrkkSZKs2e12tHXH/x/gHsY4jTE+0jQNGYYBCCFgGOaKJMkfjUaDZximGQ6HXzSbzZ+ZTMbY6oIxFgqFgqPT6YAgCMBxXM1ut6N0Op0fj8chi8XyjWXZ98Fg8DuCHZLNZh+USqWP8/n8idvt/hUKhV7u7QK9Xu8fmqanAJBQVXUfAGY7TQQAKBaLN8fjsdDtdh/run72Dzhf7XLe2UevAAAAAElFTkSuQmCC ) no-repeat right 3px center;
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gkBCjE0uzKkOgAAAidJREFUKM+N0k+IEnEUB/D3cyscdagkWpHV0WGWREXm0AgOGkSJ07kh2UXYU5cOewm6Bp0KXG/tpSCv6hyEFQIhMEaE3yERYfwTOoqKGLQxDAbqYadLgu7J7/XxeY/3ez8EACDLsgljfMfj8ZxUKhXXYDAAnueBoqgyAMipVOovXAuSZdnUaDQeDofDs16vFyUIAjRNUwmCoG02G1AUdZ5IJN7GYrHfm3AvEAjcnUwmX0ajUdRqtV74fL6sruufKYoa6bp+fzabPUMI7ZfL5eImNHk8npNerxc1m80XHMe98fv9H3K5XDkSibxjWfb1arWaYoyPMMbCFqxUKi6CIODw8LDmdDq7oigaAACiKK5omv7KcdylpmlIkiTHFlRVFTRNUxVFqa/ROqIoGoqi5A3DgFartfU4Jp7ngSAI2uVyPZIk6dZmUZKk2w6H4xghBPF4HK7vWLbZbDCdTp+rqvpUkiS0RvV6/bTf7x8wDHMViURqm/AGAMgURZ232+1X1Wr102KxuEwmk3lZlo/7/f7BcrkkSZKs2e12tHXH/x/gHsY4jTE+0jQNGYYBCCFgGOaKJMkfjUaDZximGQ6HXzSbzZ+ZTMbY6oIxFgqFgqPT6YAgCMBxXM1ut6N0Op0fj8chi8XyjWXZ98Fg8DuCHZLNZh+USqWP8/n8idvt/hUKhV7u7QK9Xu8fmqanAJBQVXUfAGY7TQQAKBaLN8fjsdDtdh/run72Dzhf7XLe2UevAAAAAElFTkSuQmCC ) no-repeat right 3px center;
|
||||||
}
|
}
|
||||||
div.participants {
|
.participants {
|
||||||
float: right;
|
float: right;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
@ -1101,28 +1036,32 @@
|
|||||||
width: 100px;
|
width: 100px;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
label {
|
label {
|
||||||
|
font-size: 12px;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
|
margin: 5px;
|
||||||
|
display: block;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.chatroom-form,
|
.chatroom-form,
|
||||||
.controlbox-pane {
|
.controlbox-pane {
|
||||||
text-align: center;
|
|
||||||
background-color: white;
|
background-color: white;
|
||||||
border-bottom-left-radius: 4px;
|
border-bottom-left-radius: 4px;
|
||||||
border-bottom-right-radius: 4px;
|
border-bottom-right-radius: 4px;
|
||||||
border: 0;
|
border: 0;
|
||||||
font-size: $font-size;
|
font-size: $font-size;
|
||||||
height: 289px;
|
|
||||||
@include calc(height, '100% - #{$chat-head-height}');
|
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
text-align: center;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
height: 289px;
|
||||||
|
@include calc(height, '100% - #{$chat-head-height}');
|
||||||
}
|
}
|
||||||
|
|
||||||
.controlbox-pane {
|
.controlbox-pane {
|
||||||
padding: 5px 0;
|
padding: 5px 0;
|
||||||
|
overflow-y: hidden;
|
||||||
dd {
|
dd {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
@ -1132,17 +1071,17 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#converse-register {
|
||||||
#converse-register .title {
|
.title {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
.info {
|
||||||
#converse-register .info {
|
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
color: green;
|
color: green;
|
||||||
font-size: 85%;
|
font-size: 85%;
|
||||||
margin: 5px 0;
|
margin: 5px 0;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.form-help,
|
.form-help,
|
||||||
#converse-register .instructions {
|
#converse-register .instructions {
|
||||||
@ -1169,7 +1108,7 @@
|
|||||||
#converse-login input {
|
#converse-login input {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
margin: 5px 0;
|
margin: 5px 0 10px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#converse-register {
|
#converse-register {
|
||||||
@ -1177,46 +1116,34 @@
|
|||||||
display: table;
|
display: table;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
width: 178px;
|
width: 178px;
|
||||||
}
|
span, input[name=username] {
|
||||||
.input-group span,
|
|
||||||
.input-group input[name=username] {
|
|
||||||
display: table-cell;
|
display: table-cell;
|
||||||
}
|
}
|
||||||
.input-group input[name=username] {
|
input[name=username] {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#converse-register .cancel,
|
|
||||||
.chatroom-form .cancel-submit,
|
|
||||||
#converse-register .cancel-submit {
|
|
||||||
color: $warning-color;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.chatroom-form .save-submit,
|
.cancel-submit, .save-submit {
|
||||||
#converse-register .save-submit {
|
|
||||||
color: $save-button-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.chatroom-form .save-submit,
|
|
||||||
.chatroom-form .cancel-submit,
|
|
||||||
#converse-register .cancel-submit,
|
|
||||||
#converse-register .save-submit {
|
|
||||||
width: 45%;
|
width: 45%;
|
||||||
margin: 5px 3px 5px 3px;
|
margin: 5px 3px 5px 3px;
|
||||||
}
|
}
|
||||||
|
.cancel, .cancel-submit {
|
||||||
|
color: $warning-color;
|
||||||
|
}
|
||||||
|
.save-submit {
|
||||||
|
color: $save-button-color;
|
||||||
|
}
|
||||||
|
|
||||||
.chatroom-form label,
|
.chatroom-form label,
|
||||||
.controlbox-pane label,
|
.controlbox-pane label,
|
||||||
#converse-register label,
|
#converse-register label,
|
||||||
#converse-login label {
|
#converse-login label {
|
||||||
height: auto;
|
|
||||||
<<<<<<< HEAD
|
|
||||||
=======
|
|
||||||
font-size: $font-size;
|
font-size: $font-size;
|
||||||
margin: 4px;
|
|
||||||
>>>>>>> 5c9a7c257b032996cce5c2059c56acf23b61843b
|
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
height: auto;
|
||||||
|
margin: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#converse-register .login-submit,
|
#converse-register .login-submit,
|
||||||
@ -1228,10 +1155,8 @@
|
|||||||
font-size: $font-size;
|
font-size: $font-size;
|
||||||
}
|
}
|
||||||
|
|
||||||
form.set-xmpp-status {
|
#converse-login .submit {
|
||||||
background: none;
|
margin: 1em 0;
|
||||||
margin: none;
|
|
||||||
padding: none;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
form.add-chatroom {
|
form.add-chatroom {
|
||||||
@ -1241,10 +1166,12 @@
|
|||||||
input[type=button],
|
input[type=button],
|
||||||
input[type=submit],
|
input[type=submit],
|
||||||
input[type=text] {
|
input[type=text] {
|
||||||
margin: 3px 0;
|
margin: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
padding: 5px;
|
||||||
}
|
}
|
||||||
input[type=submit] {
|
input[type=submit] {
|
||||||
|
margin: 5px 0;
|
||||||
color: $save-button-color;
|
color: $save-button-color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -1256,6 +1183,24 @@
|
|||||||
|
|
||||||
/* @group Tabs */
|
/* @group Tabs */
|
||||||
.chat-head {
|
.chat-head {
|
||||||
|
border-top-left-radius: 4px;
|
||||||
|
border-top-right-radius: 4px;
|
||||||
|
color: #ffffff;
|
||||||
|
font-size: 100%;
|
||||||
|
margin: 0;
|
||||||
|
padding: 6px;
|
||||||
|
&.controlbox-head {
|
||||||
|
background-color: $link-color;
|
||||||
|
border-top-left-radius: 4px;
|
||||||
|
border-top-right-radius: 4px;
|
||||||
|
color: $chat-head-inverse-text-color;
|
||||||
|
height: $chat-head-height;
|
||||||
|
margin: 0;
|
||||||
|
padding: 6px 6px 6px 0;
|
||||||
|
}
|
||||||
|
.avatar {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
#controlbox-tabs {
|
#controlbox-tabs {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
display: inline;
|
display: inline;
|
||||||
@ -1299,8 +1244,6 @@
|
|||||||
color: $text-color;
|
color: $text-color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -1309,40 +1252,37 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
form.sendXMPPMessage {
|
form.sendXMPPMessage {
|
||||||
background: white;
|
|
||||||
border: 0;
|
|
||||||
border-top: 1px solid #BBB;
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
position: relative;
|
|
||||||
-webkit-border-radius: 4px;
|
|
||||||
-moz-border-radius: 4px;
|
|
||||||
border-radius: 4px;
|
|
||||||
-moz-background-clip: padding;
|
-moz-background-clip: padding;
|
||||||
|
-moz-border-radius: 4px;
|
||||||
-webkit-background-clip: padding-box;
|
-webkit-background-clip: padding-box;
|
||||||
|
-webkit-border-radius: 4px;
|
||||||
background-clip: padding-box;
|
background-clip: padding-box;
|
||||||
|
background: white;
|
||||||
|
border-radius: 4px;
|
||||||
border-top-left-radius: 0;
|
border-top-left-radius: 0;
|
||||||
border-top-right-radius: 0;
|
border-top-right-radius: 0;
|
||||||
width: $chat-width;
|
border-top: 1px solid #BBB;
|
||||||
height: 83px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.chat-textarea {
|
|
||||||
box-sizing: border-box;
|
|
||||||
-moz-box-sizing: border-box;
|
|
||||||
border: 0;
|
border: 0;
|
||||||
width: 100%;
|
margin: 0;
|
||||||
padding: 3px;
|
padding: 0;
|
||||||
border-bottom-left-radius: 4px;
|
position: relative;
|
||||||
border-bottom-right-radius: 4px;
|
width: $chat-width;
|
||||||
|
height: #{$chat-textarea-height + $toolbar-height};
|
||||||
|
.chat-textarea {
|
||||||
|
@include border-bottom-radius(4px);
|
||||||
|
border: 0;
|
||||||
|
height: $chat-textarea-height;
|
||||||
|
padding: 8px;
|
||||||
resize: none;
|
resize: none;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.chat-toolbar {
|
.chat-toolbar {
|
||||||
font-size: $font-size;
|
font-size: $font-size;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0 5px 0 0;
|
padding: 0 4px;
|
||||||
height: 20px;
|
height: $toolbar-height;
|
||||||
display: block;
|
display: block;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
@ -1438,9 +1378,20 @@
|
|||||||
padding-right: 3px;
|
padding-right: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
form#set-custom-xmpp-status {
|
#set-custom-xmpp-status {
|
||||||
float: left;
|
float: left;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
input {
|
||||||
|
height: $controlbox-dropdown-height - 2px;
|
||||||
|
}
|
||||||
|
button {
|
||||||
|
height: $controlbox-dropdown-height - 2px;
|
||||||
|
width: 40px;
|
||||||
|
padding: 1px 2px 1px 1px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.custom-xmpp-status {
|
||||||
|
@include calc(width, '100% - 40px');
|
||||||
}
|
}
|
||||||
|
|
||||||
.chat-textarea-chatbox-selected {
|
.chat-textarea-chatbox-selected {
|
||||||
@ -1453,10 +1404,6 @@
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#set-custom-xmpp-status button {
|
|
||||||
padding: 1px 2px 1px 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#controlbox {
|
#controlbox {
|
||||||
display: none;
|
display: none;
|
||||||
div.xmpp-status {
|
div.xmpp-status {
|
||||||
@ -1467,7 +1414,6 @@
|
|||||||
/* status dropdown styles */
|
/* status dropdown styles */
|
||||||
.chatbox {
|
.chatbox {
|
||||||
.dropdown {
|
.dropdown {
|
||||||
margin: 0.5em;
|
|
||||||
background-color: $light-background-color;
|
background-color: $light-background-color;
|
||||||
dd {
|
dd {
|
||||||
position: relative;
|
position: relative;
|
||||||
@ -1482,10 +1428,6 @@
|
|||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.custom-xmpp-status {
|
|
||||||
width: 124px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.add-xmpp-contact {
|
.add-xmpp-contact {
|
||||||
background: none;
|
background: none;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
@ -1499,10 +1441,11 @@
|
|||||||
|
|
||||||
.xmpp-status-menu {
|
.xmpp-status-menu {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
li a {
|
li {
|
||||||
|
padding: 2px;
|
||||||
|
a {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
span {
|
padding: 0 8px;
|
||||||
padding: 0 5px 0 5px;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -1511,9 +1454,13 @@
|
|||||||
color: $warning-color;
|
color: $warning-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.set-xmpp-status .dropdown dd ul {
|
.set-xmpp-status {
|
||||||
|
background: none;
|
||||||
|
padding: 0.5em;
|
||||||
|
.dropdown dd ul {
|
||||||
z-index: 22;
|
z-index: 22;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.minimized-chats-flyout,
|
.minimized-chats-flyout,
|
||||||
.box-flyout {
|
.box-flyout {
|
||||||
@ -1533,7 +1480,6 @@
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
height: auto;
|
height: auto;
|
||||||
width: 130px;
|
width: 130px;
|
||||||
|
|
||||||
.chat-head-chatroom,
|
.chat-head-chatroom,
|
||||||
.chat-head {
|
.chat-head {
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
Loading…
Reference in New Issue
Block a user