Created
June 2, 2014 07:14
-
-
Save eLindemann/0870289aac478d1d8c9e to your computer and use it in GitHub Desktop.
Mind-Repository: CABS Chat
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 | |
*/ | |
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: 0px 3px rgba( 0, 0, 0, 0.4 ); | |
} | |
.p-shadow { | |
box-shadow: 0px 3px rgba( 228, 0, 144, 0.4 ); | |
} | |
.b-shadow { | |
box-shadow: 0px 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 r n-shadow">C'mon, throw in a buck!</div> | |
<div class="message-author r">Nice Guy Eddie | 15 mins ago</div> | |
<img class="avatar-r" src="http://www.eriklindemann.com/wp-content/uploads/2014/06/niceguyeddieavatar.png" alt="" /> | |
</div> | |
<div class="message"> | |
<div class="message-body l p-shadow">Uh-uh, I don't tip.</div> | |
<div class="message-author l">Mr. Pink | 15 mins ago</div> | |
<img class="avatar-l" src="http://www.eriklindemann.com/wp-content/uploads/2014/06/mrpinkavatar.png" alt="" /> | |
</div> | |
<div class="message"> | |
<div class="message-body r n-shadow">You don't tip?</div> | |
<div class="message-author r">Nice Guy Eddie | 15 mins ago</div> | |
<img class="avatar-r" src="http://www.eriklindemann.com/wp-content/uploads/2014/06/niceguyeddieavatar.png" alt="" /> | |
</div> | |
<div class="message"> | |
<div class="message-body l p-shadow">Nah, I don't believe in it.</div> | |
<div class="message-author l">Mr. Pink | 15 mins ago</div> | |
<img class="avatar-l" src="http://www.eriklindemann.com/wp-content/uploads/2014/06/mrpinkavatar.png" alt="" /> | |
</div> | |
<div class="message"> | |
<div class="message-body r n-shadow">You don't believe in tipping?</div> | |
<div class="message-author r">Nice Guy Eddie | 15 mins ago</div> | |
<img class="avatar-r" src="http://www.eriklindemann.com/wp-content/uploads/2014/06/niceguyeddieavatar.png" alt="" /> | |
</div> | |
<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> | |
<div class="message"> | |
<div class="message-body l p-shadow">Don't give me that. She don't make enough money then she can quit.</div> | |
<div class="message-author l">Mr. Pink | 14 mins ago</div> | |
<img class="avatar-l" src="http://www.eriklindemann.com/wp-content/uploads/2014/06/mrpinkavatar.png" alt="" /> | |
</div> | |
<div class="message"> | |
<div class="message-body r n-shadow">I don't even know a fucking Jew who'd have the balls to say that. Let me get this straight: you don't ever tip?</div> | |
<div class="message-author r">Nice Guy Eddie | 14 mins ago</div> | |
<img class="avatar-r" src="http://www.eriklindemann.com/wp-content/uploads/2014/06/niceguyeddieavatar.png" alt="" /> | |
</div> | |
<div class="message"> | |
<div class="message-body l p-shadow">I don't tip because society says I have to. All right, if someone deserves a tip, if they really put forth an effort, I'll give them something a little something extra. But this tipping automatically, it's for the birds. As far as I'm concerned, they're just doing their job.</div> | |
<div class="message-author l">Mr. Pink | 14 mins ago</div> | |
<img class="avatar-l" src="http://www.eriklindemann.com/wp-content/uploads/2014/06/mrpinkavatar.png" alt="" /> | |
</div> | |
<div class="message"> | |
<div class="message-body l b-shadow">Hey, our girl was nice.</div> | |
<div class="message-author l">Mr. Blue | 13 mins ago</div> | |
<img class="avatar-l" src="http://www.eriklindemann.com/wp-content/uploads/2014/06/mrblueavatar.png" alt="" /> | |
</div> | |
<div class="message"> | |
<div class="message-body l p-shadow">She was okay. She wasn't anything special.</div> | |
<div class="message-author l">Mr. Pink | 13 mins ago</div> | |
<img class="avatar-l" src="http://www.eriklindemann.com/wp-content/uploads/2014/06/mrpinkavatar.png" alt="" /> | |
</div> | |
<div class="message"> | |
<div class="message-body l b-shadow">What's special? Take you in the back and suck your dick?</div> | |
<div class="message-author l">Mr. Blue | 13 mins ago</div> | |
<img class="avatar-l" src="http://www.eriklindemann.com/wp-content/uploads/2014/06/mrblueavatar.png" alt="" /> | |
</div> | |
<div class="message"> | |
<div class="message-body r n-shadow">I'd go over 12 percent for that.</div> | |
<div class="message-author r">Nice Guy Eddie | 13 mins ago</div> | |
<img class="avatar-r" src="http://www.eriklindemann.com/wp-content/uploads/2014/06/niceguyeddieavatar.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