Created
June 2, 2014 07:21
-
-
Save eLindemann/f125dedb1ce777ae6366 to your computer and use it in GitHub Desktop.
Mind-Repository: CABS Chat Message (Solid Corners)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
* Mind-Repository: CABS Chat Message (Solid Corners) | |
*/ | |
body { | |
background: #e5e5e5; | |
} | |
div.message { | |
padding-bottom: 60px; | |
margin-left: 50px; | |
width: 300px; | |
display: block; | |
} | |
.avatar-l { | |
float: left; | |
margin-left: -40px; | |
margin-top: -35px; | |
position: relative; | |
z-index: 1; | |
height: 60px; | |
-webkit-border-radius: 50%; | |
border-radius: 50%; | |
} | |
.avatar-r { | |
float: right; | |
margin-right: -40px; | |
margin-top: -35px; | |
position: relative; | |
z-index: 1; | |
height: 60px; | |
-webkit-border-radius: 50%; | |
border-radius: 50%; | |
} | |
.message-body { | |
background: #fff; | |
padding: 12px 25px; | |
bottom: 2px; | |
position: relative; | |
font-family: Tahoma, Verdana, sans-serif; | |
font-size: 14px; | |
z-index:0; | |
color: #444; | |
} | |
.message-author { | |
font-family: Arial, Helvetica, sans-serif; | |
font-size: 11px; | |
margin: 0 28px; | |
margin-top: 5px; | |
color: #666; | |
} | |
.n-shadow { | |
box-shadow: -2px 3px rgba( 0, 0, 0, 0.4 ); | |
} | |
.p-shadow { | |
box-shadow: -2px 3px rgba( 228, 0, 144, 0.4 ); | |
} | |
.b-shadow { | |
box-shadow: -2px 3px rgba( 0, 140, 210, 0.4 ); | |
} | |
.r { | |
right: 3px; | |
text-align: right; | |
} | |
.l { | |
left: 3px; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="message"> | |
<div class="message-body l b-shadow">You know what these chicks make? They make shit.</div> | |
<div class="message-author l">Mr. Blue | 14 mins ago</div> | |
<img class="avatar-l" src="http://www.eriklindemann.com/wp-content/uploads/2014/06/mrblueavatar1.png" alt="" /> | |
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// alert('Hello world!'); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment