67:61122b60a424
Anton Shestakov <av6@dwimlabs.net>, Tue, 29 Mar 2016 14:37:58 +0800
index: support disco requests

next change 73:55c7c1f07e82
previous change 64:aaa5db265e44

css/tram-im.css

Permissions: -rw-r--r--

Other formats: Feeds:
.smart-container {
margin: 100px auto 0 auto;
max-width: 500px;
}
@media (min-width: 960px) {
.smart-container .uk-form-horizontal .uk-form-label {
width: 100px;
text-align: right;
}
.smart-container .uk-form-horizontal .uk-form-controls {
margin-left: 115px;
}
}
.uk-dropdown > ul {
padding-left: 0;
}
.log {
height: 300px;
overflow: auto;
margin-top: 15px;
margin-bottom: 15px;
}
.input-group {
display: table;
}
.input-group > input {
display: table-cell;
width: 100%;
}
.input-group-button {
display: table-cell;
width: 1%;
vertical-align: middle;
}
.splitter {
border-top: 1px solid #ddd;
margin: 10px 0;
}
.message .presence {
color: darkmagenta;
}
.message .call {
color: darkgreen;
}
.message .info {
color: teal;
}
.column {
display: table-cell;
vertical-align: middle;
}
.message > .column {
vertical-align: top;
}
.avatar-column {
position: relative;
}
.avatar-column .vignette {
border-radius: 50%;
overflow: hidden;
margin-right: 8px;
height: 48px;
width: 48px;
line-height: 48px;
text-align: center;
}
.avatar-column.uk-invisible .vignette {
max-height: 1px;
}
.avatar {
max-height: 48px;
max-width: 48px;
}
div.avatar {
height: 48px;
width: 48px;
font-size: 32px;
font-weight: 700;
}
.status-pip {
position: absolute;
right: 8px;
bottom: 0;
border-radius: 50%;
width: 11px;
height: 11px;
}
.contact-list-block {
border-right: 1px solid #ddd;
padding-right: 25px;
}
@media (min-width: 1220px) {
.contact-list-block {
padding-right: 35px;
}
}
.contact-list {
margin-top: 15px;
}
.contact-list > li:nth-child(n+2) {
border-top: 1px solid #ddd;
}
li.contact {
padding: 5px;
}
li.contact > .column {
vertical-align: middle;
}
.video-block {
position: relative;
max-width: 400px;
}
.video-block video {
display: block;
}
.video-block video.remote {
width: 100%;
background: darkgray;
}
.video-block video.local {
background: black;
position: absolute;
bottom: 0;
right: 0;
max-width: 30%;
max-height: 30%;
z-index: 1;
}
.video-block .buttons {
position: absolute;
bottom: 10px;
width: 100%;
z-index: 2;
}
.video-block .buttons > button.autofade {
transition: opacity 0.1s ease-in-out;
opacity: 0;
}
.video-block:hover .buttons > button.autofade {
opacity: 1;
}
@keyframes pulsation {
0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 1; }
}
.calling-icon {
margin-right: 10px;
animation: pulsation 1s infinite;
}
.calling-icon.hide {
animation: none;
}