karta postaci 001

<center><div class="karta1">
<div class="karta2">imię i nazwisko</div>
<br><img src="http://24.media.tumblr.com/802431d92348d6235225eb8e41fc2d8e/tumblr_mhtantQU3Z1rlh2v4o2_500.gif" class="karta3">
<div class="karta4">Informacje:</div><div class="karta7">Imię:<br>
Nazwisko:<br>
Wiek:<br></div><br>
<div class="karta4">Historia:</div><div class="karta5"><div class="karta6">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ullamcorper diam a lacus semper, eu varius risus dapibus. Fusce porta quis neque a eleifend. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce facilisis pulvinar orci nec pulvinar. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse quis massa a diam dictum blandit sed vitae sapien. Etiam ac ipsum non sem pretium volutpat. Proin nec lectus sit amet est interdum consequat sed ac libero. Quisque et odio sed diam luctus tincidunt ac at enim. Duis accumsan tortor nibh, nec tincidunt ante cursus vitae. Ut magna augue, consectetur non iaculis nec, feugiat non lectus. Suspendisse tempor, nunc in hendrerit volutpat, felis velit pellentesque purus, ac malesuada turpis odio ut quam. Pellentesque nec gravida est, ut pellentesque ligula</div></div><br>
<div class="karta4">Charakter:</div><div class="karta5"><div class="karta6">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ullamcorper diam a lacus semper, eu varius risus dapibus. Fusce porta quis neque a eleifend. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce facilisis pulvinar orci nec pulvinar. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse quis massa a diam dictum blandit sed vitae sapien. Etiam ac ipsum non sem pretium volutpat. Proin nec lectus sit amet est interdum consequat sed ac libero. Quisque et odio sed diam luctus tincidunt ac at enim. Duis accumsan tortor nibh, nec tincidunt ante cursus vitae. Ut magna augue, consectetur non iaculis nec, feugiat non lectus. Suspendisse tempor, nunc in hendrerit volutpat, felis velit pellentesque purus, ac malesuada turpis odio ut quam. Pellentesque nec gravida est, ut pellentesque ligula</div></div><br>
<center><a href="http://kotletbarani.blogspot.com/"><div style="font-family: calibri; font-size: 7px; letter-spacing: 2px; text-transform: uppercase; color:#BDAA8F; margin-top:40px; text-align:right; ">&copy; kotlet barani  </div></a></center>
</div></center>
<link href="http://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister|Cedarville+Cursive" rel="stylesheet" type="text/css"><link href="http://fonts.googleapis.com/css?family=Sofia" rel="stylesheet" type="text/css"><link href="http://fonts.googleapis.com/css?family=Yesteryear" rel="stylesheet" type="text/css">
<style text="text/css">.karta1{background-color:white; border-left: 8px solid #cc3366; border-right: 8px solid #cc3366; width: 460px; box-shadow: 1px 2px 10px #cc3366; padding: 10px;}.karta1:hover{border-left: 8px solid #940034; border-right: 8px solid #940034;webkit-transition: 1s ease-out;-moz-transition: 1s ease-out;-o-transition: 1s ease-out;transition: 1s ease-out;}.karta2{font-family: sofia; font-size: 50px; letter-spacing: -2px; text-align: center; color: #cc3366; text-transform: lowercase; width:400px; text-shadow: #AC674D 0px 0px 5px; width: 420px;}.karta3{border-left: 3px solid #cc3366; border-right: 3px solid #cc3366;  width: 420px;opacity:0.8}.karta3:hover{-moz-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg);webkit-transition: 1s ease-out;-moz-transition: 1s ease-out;-o-transition: 1s ease-out;transition: 1s ease-out;opacity:1}.karta4{font-family: sofia; font-size: 20px; letter-spacing: -2px; color: #cc3366; text-shadow: #AC674D 0px 0px 5px;margin-bottom:-12px;text-align:left;padding-left:35px;}.karta5{background-color:rgb(255, 252, 252);border-radius:15;border: 3px double rgb(235, 230, 230);box-shadow: 0 1px 3px rgba(0,0,0,0.1); width:420px; height:150px; overflow:auto;}.karta6{font-family:century gothic; padding:10px; text-align:justify;font-size:11px;}.karta7{border-left: 3px double rgb(235, 230, 230);height: 150px;font-family: century gothic;padding: 13px;text-align: justify;font-size: 11px;margin-left: 17px;border-radius: 15px;}</style>