[test]<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Abril+Fatface|Lekton' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700,900,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<center> <style>
   .rightimg  {
    float: right; /* Выравнивание по правому краю  */ 
    margin: 7px 0 7px 7px; /* Отступы вокруг картинки */
   }
  </style><style type="text/css">@import "http://webfonts.ru/import/droidmono.css";
.lolname { width: 250px; font-family: 'Pacifico', cursive; font-size: 40px; text-align: center; margin-bottom: -2px; line-height: 100%; }
.lolname a { font-family: 'Pacifico', cursive; font-size: 40px; text-align: center;  line-height: 100%; }
.lolbl { width: 250px; padding-top: 5px; padding-bottom: 5px; background-color: #93BAEE; color: #fff; text-align: center; font-size: 7px; text-transform: uppercase; line-height: 100%; letter-spacing: 1px; font-family: arial, sans-serif; }
.lolhova { width: 250px; height: 450px; position: relative; overflow: hidden;}
.lolhova .lolhovt { width: 222px; height: 420px; opacity: 0px; top: 15px; left: 15px; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); opacity: 0; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; transition-duration: .6s; position: absolute;}
.lolhova:hover .lolhovt { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); opacity: .99; }
.loltl { width: 222px; padding-top: 5px; padding-bottom: 5px; background-color: #93BAEE; color: #fff; text-align: center; font-size: 7px; text-transform: uppercase; line-height: 100%; letter-spacing: 1px; font-family: arial, sans-serif; margin-bottom: 5px; }
.loltl a { color: #fff; text-align: center; font-size: 7px; text-transform: uppercase; line-height: 100%; letter-spacing: 1px; font-family: arial, sans-serif;}
.loltable1 { width: 125px; margin-right: 1px; padding-top: 5px; padding-bottom: 5px; background-color: #93BAEE; color: #fff; text-align: center; font-size: 7px; text-transform: uppercase; line-height: 100%; letter-spacing: 1px; font-family: arial, sans-serif; }
.loltable2 { width: 125px; padding-top: 5px; padding-bottom: 5px; background-color: #93BAEE; color: #fff; text-align: center; font-size: 7px; text-transform: uppercase; line-height: 100%; letter-spacing: 1px; font-family: arial, sans-serif; }
.loltable3 { width: 125px; margin-right: 1px; padding-top: 5px; padding-bottom: 5px; background-color: #93BAEE; color: #fff; text-align: center; font-size: 7px; text-transform: uppercase; line-height: 100%; letter-spacing: 1px; font-family: arial, sans-serif; }
.loltableb { width: 400px; margin-top: 1px; margin-bottom: 1px; padding-top: 5px; padding-bottom: 5px; background-color: #93BAEE; color: #fff; text-align: center; font-size: 7px; text-transform: uppercase; line-height: 100%; letter-spacing: 1px; font-family: arial, sans-serif; }
.loltable4 { width: 200px; margin-right: 1px; padding-top: 5px; padding-bottom: 5px; background-color: #93BAEE; color: #fff; text-align: center; font-size: 7px; text-transform: uppercase; line-height: 100%; letter-spacing: 1px; font-family: arial, sans-serif; }
.loltable5 { width: 200px; padding-top: 5px; padding-bottom: 5px; background-color: #93BAEE; color: #fff; text-align: center; font-size: 7px; text-transform: uppercase; line-height: 100%; letter-spacing: 1px; font-family: arial, sans-serif; }
.lollyr { width: 380px; height: 430px; padding: 10px; background-color: #fff; border-bottom: 3px solid #B6BAE8; margin-top: 5px; font-family:  arial, sans-serif;font-size: 10px; text-align: justify; color: #222; line-height: 100%}
.lollyrc { width: 370px;  height: 420px; padding-right: 5px;  overflow: auto; }
.lollyrc::-webkit-scrollbar { width: 3px; height: 3px; }
.lollyrc::-webkit-scrollbar-track { background-color: #fff; border-left: 1px solid #B6BAE8; }
.lollyrc::-webkit-scrollbar-thumb { background-color: #B6BAE8; }
</style>
<style type="text/css">
.sidewrite2 {text-align: center; color: #cbab41; font-size: 25px; text-transform: uppercase; font-family: oswald; line-height: 95%; font-weight: bold; text-shadow: 1px 1px 0px #121212;margin-bottom: 9px;}
.sidewrite3 {text-align: center; color: #cbab41; font-size: 20px; text-transform: uppercase; font-family: oswald; line-height: 95%; font-weight: bold; text-shadow: 1px 1px 0px #121212;margin-bottom: 9px;}
.sidewrite {text-align: center; color: #cbab41; font-size: 50px; text-transform: uppercase; font-family: oswald; line-height: 95%; font-weight: bold; text-shadow: 1px 1px 0px #121212;}
.storm-bottom {text-shadow: 1px 1px 0px #121212;color: #fff; font-family: arial; font-size: 8px; text-transform: uppercase; letter-spacing: 1px;}
.storm-bottom2 {text-shadow: 1px 1px 0px #121212;color: #fff; font-family: arial; font-size: 8px; text-transform: uppercase; text=align: right; letter-spacing: 1px;}
.sugar-1 { position: relative; width: 500px; height: 650px; overflow: hidden; }

.sugar-3 { position: absolute; top: 40px; left: 40px; width: 400px; height: 550px; padding: 10px; background-color: rgba(250,250,250,0.8); opacity: 0; z-index: 4; -webkit-transition: 0.6s; -moz-transition: 0.6s; -ms-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; }

.sugar-1:hover .sugar-3 { opacity: 1; -webkit-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; -ms-transition: 0.6s ease-in-out; -o-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out; -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; }

.sugar-3 img { margin: 10px; width: 115px; height: 115px; border: 7px solid rgba(230,230,230,0.6); -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; }

.sugar-3a { width: 150px; color: #454545; font-family: playfair display; font-size: 22px; font-weight: 400; font-style: normal; text-transform: lowercase; letter-spacing: 0px; word-spacing: 0px; line-height: 100%; margin-bottom: 15px; }

.sugar-3b { width: 50px; padding: 0px 5px 10px 0px; color: #454545; font-family: playfair display; font-size: 10px; font-weight: 400; font-style: normal; text-transform: lowercase; letter-spacing: 0.5px; word-spacing: 0px; line-height: 100%; }

.sugar-3b b { display: inline-block; color: #BEAB44; font-family: playfair display; font-size: 28px; font-weight: 400; font-style: normal; letter-spacing: 0px; word-spacing: 0px; line-height: 100%;  }

.sugar-3c { width: 91px; padding: 10px 0px 10px 8px; color: #454545; font-family: playfair display; font-size: 10px; font-weight: 400; font-style: normal; text-align: left; text-transform: lowercase; letter-spacing: 0.5px; word-spacing: 0px; line-height: 100%; border-left: 1px solid #787878; }

.sugar-1 figcaption::before, .sugar-1 figcaption::after { content: ""; position: absolute; top: 25px; right: 25px; bottom: 25px; left: 25px; z-index: 3; opacity: 0; -webkit-transition: opacity 0.6s, -webkit-transform 0.6s; -moz-transition: opacity 0.6s, -moz-transform 0.6s; -ms-transition: opacity 0.6s, -ms-transform 0.6s; -o-transition: opacity 0.6s, -o-transform 0.6s; transition: opacity 0.6s, transform 0.6s; }

.sugar-1 figcaption::before { border-top: 1px solid rgba(250,250,250,0.8); border-bottom: 1px solid rgba(250,250,250,0.8); -webkit-transform: scale(0,1); -moz-transform: scale(0,1); -ms-transform: scale(0,1); -o-transform: scale(0,1); transform: scale(0,1); }

.sugar-1 figcaption::after { border-right: 1px solid rgba(250,250,250,0.8); border-left: 1px solid rgba(250,250,250,0.8); -webkit-transform: scale(1,0); -moz-transform: scale(1,0); -ms-transform: scale(1,0); -o-transform: scale(1,0); transform: scale(1,0); }

.sugar-1:hover figcaption::before, .sugar-1:hover figcaption::after { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.sugar-2 { position: absolute; top: 0px; left: 0px; width: 500px; height: 650px;  background-color: rgba(0,0,0,0.3); opacity: 0; z-index: 2; -webkit-transition: 0.6s; -moz-transition: 0.6s; -ms-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; }

.sugar-1:hover .sugar-2 { opacity: 1; }

.sugar-av { position: absolute; top: 0px; left: 0px; width: 500px; height: 650px;  z-index: 1; -webkit-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; -ms-transition: 0.6s ease-in-out; -o-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out; }

.sugar-1:hover .sugar-av { -webkit-filter: blur(3px) grayscale(1); -moz-filter: blur(3px) grayscale(1); -o-filter: blur(3px) grayscale(1); -ms-filter: blur(3px) grayscale(1); filter: blur(3px) grayscale(1); filter: url(blur.svg#blur); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3'); ); }

.sugar-footer { width: 240px; padding: 35px 5px; box-shadow: 0px 0px 3px #3c3629; background: url(http://subtlepatterns.com/patterns/debut_dark.png); text-align: center; }

.sugar-footer a:link, .sugar-footer a:active, .sugar-footer a:visited { display: inline-block; color: #fafafa; font-family: playfair display; font-size: 25px; font-weight: 400; font-style: normal; text-transform: lowercase; letter-spacing: 0px; word-spacing: 0px; line-height: 100%; }
.sugar-3 span, .sugar-footer a:first-letter { color: #BEAB44; }
</style>
<center>
<div class='sugar-1'>
<figcaption>
<div class='sugar-3'>
<table cellpadding="0" cellspacing="0"><td><div class="loltable3">возраст</div></td><td><div class="loltable1">группа</div></td><td><div class="loltable2">ориентация</div></td></table><div class="loltableb">викки, шмикки, лёлики-болики</div><table cellpadding="0" cellspacing="0"><td><div class="loltable4">профессия</div></td><td><div class="loltable5">месторождение</div></td></table>
 <div class="sidewrite2" style="margin-top: -30px; margin-bottom: -10px; font-family: 'Droid Mono'"><br><span style='color:fff'><center>Виктория Бардо</center></div>
<div class="lollyr"><div class="lollyrc"><img src="http://media.giphy.com/media/gLyyTwJlDi2ac/giphy.gif" width="100px" class="rightimg"> Давным-давно жила-была одна счастливая семья: отец, мать и их единственная дочка, которую родители очень любили. Много лет жили они беззаботно и радостно.
К несчастью, однажды осенью, когда девочке исполнилось шестнадцать лет, ее мать тяжело заболела и через неделю умерла. В доме воцарилась глубокая печаль.
Прошло два года. Отец девочки познакомился с одной вдовой, у которой были две дочки, и вскоре женился на ней.
С первого дня мачеха возненавидела свою падчерицу. Она заставляла ее делать всю работу по дому и не давала ни минуты покоя. То и дело слышалось:
– А ну, пошевеливайся, лентяйка, принеси-ка воды!
– Давай, бездельница, подмети пол!
– Ну, чего ждешь, грязнуля, подкинь дров в камин!
От грязной работы девочка и в самом деле всегда была выпачкана в золе и пыли. Вскоре все, даже отец, стали называть ее Золушкой, да и она сама позабыла свое имя.
Сводные сестры Золушки не отличались характером от своей злой и ворчливой матери. Завидуя красоте девушки, они заставляли ее прислуживать им и все время придирались к ней. Давным-давно жила-была одна счастливая семья: отец, мать и их единственная дочка, которую родители очень любили. Много лет жили они беззаботно и радостно.
К несчастью, однажды осенью, когда девочке исполнилось шестнадцать лет, ее мать тяжело заболела и через неделю умерла. В доме воцарилась глубокая печаль.
Прошло два года. Отец девочки познакомился с одной вдовой, у которой были две дочки, и вскоре женился на ней.
С первого дня мачеха возненавидела свою падчерицу. Она заставляла ее делать всю работу по дому и не давала ни минуты покоя. То и дело слышалось:
– А ну, пошевеливайся, лентяйка, принеси-ка воды!
– Давай, бездельница, подмети пол!
– Ну, чего ждешь, грязнуля, подкинь дров в камин!
От грязной работы девочка и в самом деле всегда была выпачкана в золе и пыли. Вскоре все, даже отец, стали называть ее Золушкой, да и она сама позабыла свое имя.
Сводные сестры Золушки не отличались характером от своей злой и ворчливой матери. Завидуя красоте девушки, они заставляли ее прислуживать им и все время придирались к ней.Сводные сестры Золушки не отличались характером от своей злой и ворчливой матери. Завидуя красоте девушки, они заставляли ее прислуживать им и все время придирались к ней. Давным-давно жила-была одна счастливая семья: отец, мать и их единственная дочка, которую родители очень любили. Много лет жили они беззаботно и радостно.
К несчастью, однажды осенью, когда девочке исполнилось шестнадцать лет, ее мать тяжело заболела и через неделю умерла. В доме воцарилась глубокая печаль.
Прошло два года. Отец девочки познакомился с одной вдовой, у которой были две дочки, и вскоре женился на ней.
С первого дня мачеха возненавидела свою падчерицу. Она заставляла ее делать всю работу по дому и не давала ни минуты покоя. То и дело слышалось:
– А ну, пошевеливайся, лентяйка, принеси-ка воды!
– Давай, бездельница, подмети пол!
– Ну, чего ждешь, грязнуля, подкинь дров в камин!
От грязной работы девочка и в самом деле всегда была выпачкана в золе и пыли. Вскоре все, даже отец, стали называть ее Золушкой, да и она сама позабыла свое имя.
Сводные сестры Золушки не отличались характером от своей злой и ворчливой матери. Завидуя красоте девушки, они заставляли ее прислуживать им и все время придирались к ней.</div></div>


</div>
</figcaption>
<div class='sugar-2'></div>
<div class='sugar-av' style='background-image: url(https://41.media.tumblr.com/ed83855663057a86db9d3c3d1d16a15b/tumblr_njji8bDFw11qhksxso1_500.png);box-shadow: 0 2px 6px rgba(0,0,0,0.2);'><div class="storm-bottom2" style="margin-left: 50px"><p style="text-align: left;"><br>24 июля 1988 года</p></div><div class="sidewrite" style="margin-top: 205px;"><br><span style='color:00a599'>VICTORIA BARDO</div>
<div class="storm-bottom">В таком маленьком городе паника может быть ничуть не лучше убийств. </div>

<div>

<table border="0"><tr><td> </td><td> <div class="sidewrite2" style="margin-top: 150px;"><br><span style='color:fff'><center>as Candice <br>Swanepoel</center></div></td></tr></table>
</div>
</div>

</center>  </div>