iamstarkov

<div id="chat">
	<ul class="chat_messages">
		<li class="message message_support">Добрый день.</li>
		<li class="message message_client">Скажите, а у вас в компании все выглядят как вы?</li>
		<li class="message message_support">Нет. Только я так выгляжу. А вы только по этому обратились?</li>
		<li class="message message_client">Да. Других проблем нет. </li>
		<li class="message message_support">Спасибо, за обращение</li>
	</ul>
</div>

iamstarkov

/**
 * message iChat style
 */

#chat {
	padding: 10px 5px;
	overflow: hidden;
}

#chat .message {

iamstarkov

/**
 * message iChat style
 */

#chat {
	padding: 10px 5px;
	overflow: hidden;
}

#chat .message {

iamstarkov

/* Scrolling shadows by @kizmarh */

html {
	background: #FFF;
}

.scrollbox {
	position: relative;
	z-index: 1;

iamstarkov

/**
 * Text shadow demo
 */
h1 {
	padding: 14px 0 0 14px;
	border: solid 5px red;
	display: inline-block;
	font-family: Helvetica;
	text-shadow: -14px -14px 0 #000;
}

iamstarkov

/**
 * Text shadow demo
 */
h1 {
	padding: 14px 0 0 14px;
	border: solid 5px red;
	display: inline-block;
	font-family: Helvetica;
	text-shadow: -14px -14px 0 #000;
}

iamstarkov

/* pureCSS interesting  back button */

/* common styles */
.btn,
.btn_inner {
	display: inline-block;
	z-index: 1;
	width: auto;
	position: relative;
}

iamstarkov

/* pureCSS interesting  back button */

/* common styles */
.btn,
.btn_inner {
	display: inline-block;
	z-index: 1;
	width: auto;
	position: relative;
}

iamstarkov

/**
 * http://stackoverflow.com/q/10749929/1057730
 */

	#wrap {
		position: absolute;
		top: 0;
		height: 100%;
		left: 0;
		width: 100%;

iamstarkov

<!--
Languages list on https://www.tumblr.com/preferences

{block:English}en{/block:English}
{block:German}de{/block:German}
{block:French}fr{/block:French}
{block:Italian}it{/block:Italian}
{block:Japanese}ja{/block:Japanese}
{block:Turkish}tr{/block:Turkish}
{block:Spanish}es{/block:Spanish}