From 563bb341e2df51be35b5f68e24ec11b3b28b64ea Mon Sep 17 00:00:00 2001 From: lilia Date: Tue, 12 Aug 2014 00:18:50 -0700 Subject: [PATCH] Rm old css --- css/conversation.css | 162 ------------------------------------------- 1 file changed, 162 deletions(-) delete mode 100644 css/conversation.css diff --git a/css/conversation.css b/css/conversation.css deleted file mode 100644 index f20cc951..00000000 --- a/css/conversation.css +++ /dev/null @@ -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; -}