thegamer/Cable-Desktop
2
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Rm old css

Browse source
This commit is contained in:
lilia 2014-08-12 00:18:50 -07:00
parent 5ddcc516e4
commit 563bb341e2
1 changed files with 0 additions and 162 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

162
css/conversation.css
View file

@ -1,162 +0,0 @@
.conversation {
box-sizing: border-box;
position: relative;
min-height: 64px;
margin: auto;
padding: 0.5em;
background-color: #7fd0ed;
color: #fff;
-webkit-animation-duration: 1s;
-webkit-animation-name: convoopen;
clear: both;
}
li.conversation {
border-bottom: 1px solid #ccc;
}
.conversation .name {
padding: 1em 0 1em 3em;
}
.conversation.closed {
background-color: #fff;
color: #7fd0ed;
-webkit-animation-duration: 1s;
-webkit-animation-name: convoclose;
}
@-webkit-keyframes convoclose {
from { background-color: #7fd0ed; }
to { background-color: #fff; }
}
@-webkit-keyframes convoopen {
from { background-color: #fff; }
to { background-color: #7fd0ed; }
}
.conversation.closed:hover {
background-color: #f1fafd;
cursor: pointer;
-webkit-animation-duration: 1s;
-webkit-animation-name: hovercolorfadein;
}
.conversation.closed:not(hover) {
-webkit-animation-duration: 1s;
-webkit-animation-name: hovercolorfadeout;
}
@-webkit-keyframes hovercolorfadein {
from { background-color: #fff; }
to { background-color: #f1fafd; }
}
@-webkit-keyframes hovercolorfadeout {
from { background-color: #f1fafd; }
to { background-color: #fff; }
}
.conversation .header {
padding: 0.3em 0 0.3em 46px;
}
.conversation .btn.destroy {
float: right;
}
.conversation .image {
float: left;
display: inline-block;
background-color: #fff;
border: 2px solid #acdbf5;
width: 40px;
height: 40px;
border-radius: 40px;
float: left;
}
.conversation .header span {
display: inline-block;
}
.message-text {
display: block;
padding: 0.5em 0.6em 0em;
}
.metadata {
display: block;
color: #cccccc;
font-size: 0.70em;
padding: 0.2em 0.6em;
}
.bubble {
display: inline-block;
background-color: #fafafa;
color: #333333;
border: 2px solid #7fd0ed;
position: relative;
border-radius: 8px;
}
.sending .bubble {
opacity: 0.7;
}
.incoming .bubble {
background-color: #ffffff;
float: left;
}
.incoming .bubble:after, .incoming .bubble:before {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
top: 11px;
left: -0.7em;
border-right: solid 0.5em #ffffff;
border-top: solid 7px transparent;
border-left: solid 0.4em transparent;
border-bottom: solid 7px transparent;
}
.outgoing .bubble {
float: right;
background-color: #f5feff;
}
.outgoing .bubble:after, .outgoing .bubble:before {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
top: 11px;
right: -0.7em;
border-top: solid 7px transparent;
border-right: solid 0.4em transparent;
border-bottom: solid 7px transparent;
}
.outgoing .bubble:after {
border-left: solid 0.5em #f5feff;
}
.outgoing .bubble:before {
border-left: solid 0.5em #7fd0ed;
right: -0.9em;
}
.incoming .bubble:before {
border-right: solid 0.5em #7fd0ed;
left: -0.9em;
}
.outgoing .bubble, .outgoing .metadata {
text-align: right;
}
.message {
padding: 0.3em 11.63636px;
}
.message:after {
content: '';
display: block;
height: 0;
clear: both;
}