��

mybb@mybb.ru (voice) — Mon, 20 Jul 2015 23:53:14 +0300
��:
<!--HTML-->

<style>/* TABS */

#summershipper { width: 500px;
height:  600px;}

#summershipper .tabs {
position: relative;  
width: 500px;
height:  600px;
background-color: #000;
}

#summershipper .tab {
float: left;
}

#summershipper .tab label {
background: #000;
color: #fff;
padding: 30px;
position: relative;
left: 130px;
display: inline-block;
  text-align: center;  font-family: arial, sans-serif; font-size: 7px; font-style: italic; text-transform: uppercase; text-decoration: none;
margin-top: 10px;
}

#summershipper .tab [type=radio] {
display: none;  
}

#summershipper .content {
position: absolute;
top: 100px;
bottom: 0px;
left: 0px;
right: 0px;
background: white;
padding: 20px;
border: 1px solid #ccc;
}

[type=radio]:checked ~ label {
z-index: 2;
}

[type=radio]:checked ~ label ~ .content {
z-index: 1;
}

/* SHIPPER */

.grid {
	position: relative;
	clear: both;
	margin: 0 auto;
	width: 500px;
  height: 500px;
	list-style: none;
	text-align: center;


}

.grid figure {
	position: relative;
	overflow: hidden;
	width: 500px;
  height: 500px;
	background: #3085a3;
	text-align: center;
}
.grid figure figcaption {
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
  word-spacing: 5px;
	font-weight: lighter;
  font-family: 'PT Sans', sans-serif;
  font-style: italic;
  margin-top: 60px;
  text-align: center;
  color: #d2a4ab;
}

.grid figure h2 span {
	font-weight: 700;
  font-style: normal;
}


/* SHIPPER LORETTA */

figure.lor {
	background: #000;
}

figure.lor img {
	opacity: 9.5;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

figure.lor figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.2);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

figure.lor p {
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.lor h2 {
	text-align: left;
}

figure.lor:hover img {
	opacity: 0.6;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.lor:hover figcaption::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

figure.lor:hover p {
	opacity: 1;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}


figure.lor p.title { width: 365px; height: 50px; line-height: 52px; text-align: center; text-transform: uppercase; font-style: italic; letter-spacing: 2px; font-size: 7px; font-family: arial, sans-serif; margin-bottom: 6px; }

figure.lor p.content { width: 167px; height: 150px; line-height: 100%; text-align: justify; text-transform: lowercase; letter-spacing: 1px; font-size: 10px; font-family: arial, sans-serif; padding: 10px; overflow: auto; overflow-x: hidden; }

figure.lor p.details { width: 365px; height: 50px; line-height: 52px; text-align: center; text-transform: uppercase; font-style: italic; letter-spacing: 2px; font-size: 7px; font-family: arial, sans-serif; margin-top: 50px; display: inline-block;  border-right: 4px solid #fff;}

figure.lor p.text { width: 440px; height: 200px; line-height: 100%; text-align: justify; font-weight: normal; text-transform: lowercase; color: #fff; letter-spacing: 1px; font-size: 10px; font-family: arial, sans-serif; padding: 10px; overflow: auto; -webkit-columns: 150px 4; -moz-columns: 150px 4; columns: 150px 4; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; margin-left: 20px;}

figure.lor p.relationships { width: 420px; height: 100px; line-height: 180%; text-align: right; text-transform: uppercase; font-style: italic; letter-spacing: 2px; font-size: 7px; font-family: arial, sans-serif; padding: 10px; overflow: auto; -webkit-columns: 150px 4; -moz-columns: 150px 4; columns: 150px 4; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; margin-left: 30px;}

figure.lor p.relationships span { text-transform: uppercase; font-weight: 800; font-size: 10px; font-family: 'PT Sans', sans-serif; color: #9bcec6;}

figure.lor p.text i { color: #9bcec6; }

figure.lor p.text b { font-family: 'PT Sans', sans-serif; color: #9bcec6;}

/* SCROLL BAR LORETTA */

figure.lor ::-webkit-scrollbar{ width: 1px; height: 1px; }
    
figure.lor ::-webkit-scrollbar-thumb{ color: 9bcec6;
    background-color:  #9bcec6; }


/* SHIPPER MORGAN */

figure.morgan {
	background: #000;
}

figure.morgan img {
	opacity: 9.5;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

figure.morgan figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.2);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

figure.morgan p {
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.morgan h2 {
	text-align: left;
}

figure.morgan:hover img {
	opacity: 0.6;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.morgan:hover figcaption::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

figure.morgan:hover p {
	opacity: 1;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}


figure.morgan p.title { width: 365px; height: 50px; line-height: 52px; text-align: center; text-transform: uppercase; font-style: italic; letter-spacing: 2px; font-size: 7px; font-family: arial, sans-serif; margin-bottom: 6px; }

figure.morgan p.content { width: 167px; height: 150px; line-height: 100%; text-align: justify; text-transform: lowercase; letter-spacing: 1px; font-size: 10px; font-family: arial, sans-serif; padding: 10px; overflow: auto; overflow-x: hidden; }

figure.morgan p.details { width: 365px; height: 50px; line-height: 52px; text-align: center; text-transform: uppercase; font-style: italic; letter-spacing: 2px; font-size: 7px; font-family: arial, sans-serif; margin-top: 50px; display: inline-block;  border-right: 4px solid #fff;}

figure.morgan p.text { width: 440px; height: 200px; line-height: 100%; text-align: justify; font-weight: normal; text-transform: lowercase; color: #fff; letter-spacing: 1px; font-size: 10px; font-family: arial, sans-serif; padding: 10px; overflow: auto; -webkit-columns: 150px 4; -moz-columns: 150px 4; columns: 150px 4; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; margin-left: 20px;}

figure.morgan p.relationships { width: 420px; height: 100px; line-height: 180%; text-align: right; text-transform: uppercase; font-style: italic; letter-spacing: 2px; font-size: 7px; font-family: arial, sans-serif; padding: 10px; overflow: auto; -webkit-columns: 150px 4; -moz-columns: 150px 4; columns: 150px 4; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; margin-left: 30px;}

figure.morgan p.relationships span { text-transform: uppercase; font-weight: 800; font-size: 10px; font-family: 'PT Sans', sans-serif; color: #ce9ba3;}

figure.morgan p.text i { color: #ce9ba3; }

figure.morgan p.text b { font-family: 'PT Sans', sans-serif; color: #ce9ba3;}

/* SCROLL BAR MORGAN */

figure.morgan ::-webkit-scrollbar{ width: 1px; height: 1px; }
figure.morgan ::-webkit-scrollbar-thumb{ background-color: #ce9ba3; }

    
/* SHIPPER ANNA */

figure.anna {
	background: #000;
}

figure.anna img {
	opacity: 9.5;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

figure.anna figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.2);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

figure.anna p {
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.anna h2 {
	text-align: left;
}

figure.anna:hover img {
	opacity: 0.6;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.anna:hover figcaption::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

figure.anna:hover p {
	opacity: 1;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}


figure.anna p.title { width: 365px; height: 50px; line-height: 52px; text-align: center; text-transform: uppercase; font-style: italic; letter-spacing: 2px; font-size: 7px; font-family: arial, sans-serif; margin-bottom: 6px; }

figure.anna p.content { width: 167px; height: 150px; line-height: 100%; text-align: justify; text-transform: lowercase; letter-spacing: 1px; font-size: 10px; font-family: arial, sans-serif; padding: 10px; overflow: auto; overflow-x: hidden; }

figure.anna p.details { width: 365px; height: 50px; line-height: 52px; text-align: center; text-transform: uppercase; font-style: italic; letter-spacing: 2px; font-size: 7px; font-family: arial, sans-serif; margin-top: 50px; display: inline-block;  border-right: 4px solid #fff;}

figure.anna p.text { width: 440px; height: 200px; line-height: 100%; text-align: justify; font-weight: normal; text-transform: lowercase; color: #fff; letter-spacing: 1px; font-size: 10px; font-family: arial, sans-serif; padding: 10px; overflow: auto; -webkit-columns: 150px 4; -moz-columns: 150px 4; columns: 150px 4; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; margin-left: 20px;}

figure.anna p.relationships { width: 420px; height: 100px; line-height: 180%; text-align: right; text-transform: uppercase; font-style: italic; letter-spacing: 2px; font-size: 7px; font-family: arial, sans-serif; padding: 10px; overflow: auto; -webkit-columns: 150px 4; -moz-columns: 150px 4; columns: 150px 4; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; margin-left: 30px;}

figure.anna p.relationships span { text-transform: uppercase; font-weight: 800; font-size: 10px; font-family: 'PT Sans', sans-serif; color: #9ba3ce;}

figure.anna p.text i { color: #9ba3ce; }

figure.anna p.text b { font-family: 'PT Sans', sans-serif; color: #9ba3ce;}

/* SCROLL BAR ANNA */

figure.anna ::-webkit-scrollbar{ width: 1px; height: 1px; }
    
figure.anna ::-webkit-scrollbar-thumb{ 
    background-color:  #9ba3ce; }</style>
<div class="grid">
<figure class="lor">
<img src="http://images5.fanpop.com/image/photos/28800000/Amber-H-amber-heard-28813339-500-500.png"/>
<figcaption>
<p class="details">loretta strafford. 19. stripper + waitress. single.</p>
<p class="text">coming soon<br /><br /></p>
<p class="relationships">
<span>first last</span> relationship<br />
<span>first last</span> relationship<br /></p>

</figcaption> 
</figure>

</div>
��

mybb@mybb.ru (voice) — Fri, 10 Jul 2015 20:08:12 +0300
��

mybb@mybb.ru (voice) — Fri, 10 Jul 2015 20:07:47 +0300
��

mybb@mybb.ru (voice) — Fri, 10 Jul 2015 20:07:21 +0300
��

mybb@mybb.ru (voice) — Fri, 10 Jul 2015 20:06:33 +0300
��

mybb@mybb.ru (voice) — Fri, 10 Jul 2015 20:06:04 +0300
��

mybb@mybb.ru (voice) — Fri, 10 Jul 2015 19:26:41 +0300
storybook

���������� ������

��������� ��

�������

����� �����

�����������

�������

������ ������

��

��

��

��

��

��

��
