Created
June 2, 2014 07:19
-
-
Save eLindemann/08de77c2c931614e9000 to your computer and use it in GitHub Desktop.
Mind-Repository: CABS Chat Message (Rounded 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 (Rounded 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; | |
} | |
.avatar-r { | |
float: right; | |
margin-right: -40px; | |
margin-top: -35px; | |
position: relative; | |
z-index: 1; | |
height: 60px; | |
} | |
.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; | |
-moz-border-radius: 2px; | |
-webkit-border-radius: 2px; | |
border-radius: 2px; | |
} | |
.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/mrblueavatar.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