The Vampire Diaries | Soul Love

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » The Vampire Diaries | Soul Love » Распродажа душ » «Ученики школы-интернат»


«Ученики школы-интернат»

Сообщений 1 страница 8 из 8

1

Школа - интернат имени Сальваторе для юных & одарённых

0

2

Код:
<!--HTML--><link href="https://fonts.googleapis.com/css?family=Cormorant+Garamond:400,400i|Istok+Web" rel="stylesheet">
<style>
.wandering {
  position: relative;
  margin: 20px auto;
  height: 600px;
  width: 450px;
  overflow: hidden;
}

.wimg1 {
  position: absolute;
height: 100px;
width: 100px;
background-size: cover;
top: 0px;
left: 0px;
outline: 1px solid #292325;
outline-offset: 5px;
}

.wimg1:after, .wimg2:after {
  position: absolute;
  height: 100px;
  width: 100px;
  content: "";
  background: #88beb2;
  mix-blend-mode: multiply;
}

.wimg2 {
    position: absolute;
height: 100px;
width: 100px;
background-size: cover;
bottom: 0px;
right: 0px;
outline: 1px solid #292325;
outline-offset: 5px;
}



.wmain {
background: #e1e1e1;
height: 600px;
width: 230px;
position: absolute;
left: 110px;
}

.wblock1 {
  background: #e1e1e1;
  height: 490px;
  position: absolute;
  width: 110px;
  top: 110px;

}

.wblock2 {
  background: #e1e1e1;
  height: 490px;
  position: absolute;
  width: 110px;
  top: 0px;
  right: 0px;
}

.wline1 {
  border-top: 1px solid #292325;
  border-right: 1px solid #292325;
  height: 400px;
  width: 240px;
  position: absolute;
  top: 50px;
  right: 50px;
}

.wline2 {
  border-bottom: 1px solid #292325;
  border-left: 1px solid #292325;
  height: 400px;
  width: 240px;
  position: absolute;
  bottom: 50px;
  left: 50px;
}

.wlyrics1 {
  position: absolute;
  line-height: 100%;
  font-family: istok web;
  width: 240px;
  text-align: right;
  right: 50px;
  top: 35px;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-style: italic;
  color: #39454b
}

.wlyrics2 {
  width: 400px;
  position: absolute;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  font-family: istok web;
  top: 243px;
  left: 212px;
  line-height: 100%;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-style: italic;
  color: #39454b
}

.wtag {
  position: absolute;
  line-height: 100%;
  font-family: istok web;
  width: 240px;
  text-align: left;
  left: 50px;
  bottom:33px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-style: italic;
  font-size: 10px;
  color: #39454b
}

.wnotes {
  width: 400px;
  position: absolute;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  font-family: istok web;
  top: 345px;
  left: -162px;
  line-height: 100%;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-style: italic;
  color: #39454b
}

.wtextscroll {
  height: 360px;
  width: 280px;
  position: absolute;
  padding-right: 10px;
  top: 110px;
  left: 90px;
  text-align: justify;
  font-family: istok web;
  font-size: 12px;
  line-height: 210%;
  color: #292325;
  overflow: auto;
}

.wtextscroll::-webkit-scrollbar{width:1px}
.wtextscroll::-webkit-scrollbar-track{background:transparent!important;border:none!important}
.wtextscroll::-webkit-scrollbar-thumb{background: #292325}

</style>
<div class="wandering">
  <div class="wimg1" style="background-image: url(http://funkyimg.com/i/2QgZu.gif)"></div>
<div class="wimg2" style="background-image: url(http://funkyimg.com/i/2QgZt.gif)"></div>
<div class="wmain"></div>
<div class="wblock1"></div>
  <div class="wblock2"></div>
  <div class="wline1"></div>
  <div class="wline2"></div>
  <div class="wlyrics1">Julliette Moore — <font color="#800000"><b>ЗАНЯТА</b></font> </div>
  <div class="wlyrics2"><s>Zoey Deutch / Зои Дойч</s></div>
  <div class="wtag">17 y.o., witch, ученица</div>
  <div class="wnotes"> Мистик Фоллс • сторона на выбор</div>
  <div class="wtextscroll">beauty | bravery | pride
<br>Джульетта Мур. Ты была самой красивой девочкой в классе. Ты была самой желаемой девчонкой в школе. Ты родилась в небольшом провинциальном городке, где все друг друга знали — и о тебе ходили легенды. Кто-то плевал тебе в спину; кто-то держал твою фотографию в телефоне. Ты была той, кто разбивала сердца, той кого никогда не списывали со счетов. 
Ты помнишь, когда твои силы начали прорезаться, будто зубки у ребенка? Ты помнишь слезы и боль, помнишь страх твоих родителей, непонимание друзей? За какой-то месяц ты превратилась из яркой звезды в потухший камень, едва-едва хранивший былое тепло. Принять себя новую было невозможно. Голоса в голове твердили об уникальности, но ты так хотела, чтобы они исчезли, что убедила себя в необходимости лечения. Ты провела психологической клинике четыре месяца, пока тебя не заметили волонтеры школы имени Сальваторе — тебе было всего шестнадцать. Тебя научили. Тебе объяснили. Ты узнала о том, что у тебя есть дар, обошедший стороной твоих родителей, дар заглянуть за завесу реальности, и слышать отголоски тех, кого уже давно нет в живых. Находясь в школе для сверхъестественных детей, ты искала новое место в своей жизни — и нашла его, взяв под свое покровительство других детей с похожими проблемами.
    
  </div>
</div>

0

3

Код:
<!--HTML--><link href="https://fonts.googleapis.com/css?family=Cormorant+Garamond:400,400i|Istok+Web" rel="stylesheet">
<style>
.wandering {
  position: relative;
  margin: 20px auto;
  height: 600px;
  width: 450px;
  overflow: hidden;
}

.wimg1 {
  position: absolute;
height: 100px;
width: 100px;
background-size: cover;
top: 0px;
left: 0px;
outline: 1px solid #292325;
outline-offset: 5px;
}

.wimg1:after, .wimg2:after {
  position: absolute;
  height: 100px;
  width: 100px;
  content: "";
  background: #88beb2;
  mix-blend-mode: multiply;
}

.wimg2 {
    position: absolute;
height: 100px;
width: 100px;
background-size: cover;
bottom: 0px;
right: 0px;
outline: 1px solid #292325;
outline-offset: 5px;
}



.wmain {
background: #e1e1e1;
height: 600px;
width: 230px;
position: absolute;
left: 110px;
}

.wblock1 {
  background: #e1e1e1;
  height: 490px;
  position: absolute;
  width: 110px;
  top: 110px;

}

.wblock2 {
  background: #e1e1e1;
  height: 490px;
  position: absolute;
  width: 110px;
  top: 0px;
  right: 0px;
}

.wline1 {
  border-top: 1px solid #292325;
  border-right: 1px solid #292325;
  height: 400px;
  width: 240px;
  position: absolute;
  top: 50px;
  right: 50px;
}

.wline2 {
  border-bottom: 1px solid #292325;
  border-left: 1px solid #292325;
  height: 400px;
  width: 240px;
  position: absolute;
  bottom: 50px;
  left: 50px;
}

.wlyrics1 {
  position: absolute;
  line-height: 100%;
  font-family: istok web;
  width: 240px;
  text-align: right;
  right: 50px;
  top: 35px;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-style: italic;
  color: #39454b
}

.wlyrics2 {
  width: 400px;
  position: absolute;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  font-family: istok web;
  top: 243px;
  left: 212px;
  line-height: 100%;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-style: italic;
  color: #39454b
}

.wtag {
  position: absolute;
  line-height: 100%;
  font-family: istok web;
  width: 240px;
  text-align: left;
  left: 50px;
  bottom:33px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-style: italic;
  font-size: 10px;
  color: #39454b
}

.wnotes {
  width: 400px;
  position: absolute;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  font-family: istok web;
  top: 345px;
  left: -162px;
  line-height: 100%;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-style: italic;
  color: #39454b
}

.wtextscroll {
  height: 360px;
  width: 280px;
  position: absolute;
  padding-right: 10px;
  top: 110px;
  left: 90px;
  text-align: justify;
  font-family: istok web;
  font-size: 12px;
  line-height: 210%;
  color: #292325;
  overflow: auto;
}

.wtextscroll::-webkit-scrollbar{width:1px}
.wtextscroll::-webkit-scrollbar-track{background:transparent!important;border:none!important}
.wtextscroll::-webkit-scrollbar-thumb{background: #292325}

</style>
<div class="wandering">
  <div class="wimg1" style="background-image: url(http://funkyimg.com/i/2Qh7p.gif)"></div>
<div class="wimg2" style="background-image: url(http://funkyimg.com/i/2Qh7q.gif)"></div>
<div class="wmain"></div>
<div class="wblock1"></div>
  <div class="wblock2"></div>
  <div class="wline1"></div>
  <div class="wline2"></div>
  <div class="wlyrics1">Sam Belkort</div>
 <div class="wlyrics2">Thomas Dekker / Томас Деккер</div>
  <div class="wtag">17 [17] y.o., vampire, ученик</div>
  <div class="wnotes"> Мистик Фоллс • сторона на выбор</div>
  <div class="wtextscroll">Сэм родился в Англии в семье двух охотников за антиквариатом и по совместительству в семье потомственных ведьм. С самого детства его жизнь не заладилась, его родителей убили и до 13 лет он провел свои ужасные годы в приюте. Где-то примерно в этом-же возрасте: 13 лет его усыновила некая Эмили Грин. Странная Женщина. Она жила в особняке и говорила, что когда он вырастет обязательно попадет в лучший мир. Мальчик слушал ее с широко раскрытыми глазами. Да, откуда же, она только взялась на его голову!?  Он рос слегка упрямым и упертым в своих целях. Учился сначала в приюте, а с 13 лет частными преподавателями . Легко обучался. С 16 лет мальчика обучал учитель нанятый приемной матерью езде на лошадях и даже владению шпагой. Словно подготавливали к чему-то.  Сэм никогда не возражал, наоборот – это скорее нравилось ему, чем отталкивало. В 17 лет она записалась на курсы самообороны, где его обучили пользоваться оружием. На этих курсах также настояла Эмили. Женщина была довольно странной, она рассказывала ему о потусторонних мирах и о том,  что вампиры существуют.  Вскоре эта тема заинтересовала Сэма, хоть он все еще и отказывался в это верить и он сам начал углубляться в эту степь, все больше изучая старинные книги и современные документы о кровопийцах. По стечению неприятных обстоятельств, возникших у его новой матери им пришлось срочно переехать в Портленд. Как позже выяснилось, Эмили была вампиром, она хотела принести Сэма в жертву какому-то божеству, но все пошло не по плану. Сэм был обращен в вампира и сбежал от приемной матери. Мальчик бежал в Мистик Фоллс, был пойман шерифом и отправлен в школу-интернат.

</div>
</div>

0

4

Код:
<!--HTML--><link href="https://fonts.googleapis.com/css?family=Cormorant+Garamond:400,400i|Istok+Web" rel="stylesheet">
<style>
.wandering {
  position: relative;
  margin: 20px auto;
  height: 600px;
  width: 450px;
  overflow: hidden;
}

.wimg1 {
  position: absolute;
height: 100px;
width: 100px;
background-size: cover;
top: 0px;
left: 0px;
outline: 1px solid #292325;
outline-offset: 5px;
}

.wimg1:after, .wimg2:after {
  position: absolute;
  height: 100px;
  width: 100px;
  content: "";
  background: #88beb2;
  mix-blend-mode: multiply;
}

.wimg2 {
    position: absolute;
height: 100px;
width: 100px;
background-size: cover;
bottom: 0px;
right: 0px;
outline: 1px solid #292325;
outline-offset: 5px;
}



.wmain {
background: #e1e1e1;
height: 600px;
width: 230px;
position: absolute;
left: 110px;
}

.wblock1 {
  background: #e1e1e1;
  height: 490px;
  position: absolute;
  width: 110px;
  top: 110px;

}

.wblock2 {
  background: #e1e1e1;
  height: 490px;
  position: absolute;
  width: 110px;
  top: 0px;
  right: 0px;
}

.wline1 {
  border-top: 1px solid #292325;
  border-right: 1px solid #292325;
  height: 400px;
  width: 240px;
  position: absolute;
  top: 50px;
  right: 50px;
}

.wline2 {
  border-bottom: 1px solid #292325;
  border-left: 1px solid #292325;
  height: 400px;
  width: 240px;
  position: absolute;
  bottom: 50px;
  left: 50px;
}

.wlyrics1 {
  position: absolute;
  line-height: 100%;
  font-family: istok web;
  width: 240px;
  text-align: right;
  right: 50px;
  top: 35px;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-style: italic;
  color: #39454b
}

.wlyrics2 {
  width: 400px;
  position: absolute;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  font-family: istok web;
  top: 243px;
  left: 212px;
  line-height: 100%;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-style: italic;
  color: #39454b
}

.wtag {
  position: absolute;
  line-height: 100%;
  font-family: istok web;
  width: 240px;
  text-align: left;
  left: 50px;
  bottom:33px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-style: italic;
  font-size: 10px;
  color: #39454b
}

.wnotes {
  width: 400px;
  position: absolute;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  font-family: istok web;
  top: 345px;
  left: -162px;
  line-height: 100%;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-style: italic;
  color: #39454b
}

.wtextscroll {
  height: 360px;
  width: 280px;
  position: absolute;
  padding-right: 10px;
  top: 110px;
  left: 90px;
  text-align: justify;
  font-family: istok web;
  font-size: 12px;
  line-height: 210%;
  color: #292325;
  overflow: auto;
}

.wtextscroll::-webkit-scrollbar{width:1px}
.wtextscroll::-webkit-scrollbar-track{background:transparent!important;border:none!important}
.wtextscroll::-webkit-scrollbar-thumb{background: #292325}

</style>
<div class="wandering">
  <div class="wimg1" style="background-image: url(http://funkyimg.com/i/2Qh1m.gif)"></div>
<div class="wimg2" style="background-image: url(http://funkyimg.com/i/2Qh1k.gif)"></div>
<div class="wmain"></div>
<div class="wblock1"></div>
  <div class="wblock2"></div>
  <div class="wline1"></div>
  <div class="wline2"></div>
  <div class="wlyrics1">Penny Levis</div>
  <div class="wlyrics2">Elle Fanning / Эль Фаннинг</div>
  <div class="wtag">13 [15]  y.o., vampire, ученица</div>
  <div class="wnotes"> Мистик Фоллс • сторона на выбор</div>
  <div class="wtextscroll">bloodlust | fear | naiveness
<br>Пенни Левис. Девочка-цветок, ты была милым и послушным ребенком. Ты ходила в школу, встречалась с друзьями и оставалась ночевать у подружек на выходных. Твоя мама, воспитывавшая тебя одна с ранних лет, подарила тебе столько любви и внимания, сколько могла — но этого было недостаточно. Она слишком много работала, а ты слишком много гуляла одна. Тебя обратили, когда тебе едва исполнилось тринадцать.
Ты не сразу поняла, что произошло. Все получилось быстро, инстинктивно; жажда была слишком сильна, а ты слишком наивна, чтобы подумать, что борьба никогда не закончится. Ты сдалась. Первое убийство, окончание обращения — и ты одна из созданий ночи, которые никогда не станут прежними. Ты бежала так быстро, что мили пролетали мимо — дальше от дома, дальше от той вины, что ты теперь всегда с собой носишь. Тебе так страшно, что порой ты до сих пор просыпаешься от кошмаров. Ты не умеешь себя контролировать; два года — не то время, которое научит держать жажду в своих руках, не отдаваясь в волю инстинктов хищника. Пусть сейчас ты нашла новый дом в школе имени Сальваторе, ты все равно чувствуешь себя изгоем — и всех твоих внутренних сил едва хватает, чтобы не сорваться вновь.
    
  </div>
</div>

0

5

Код:
<!--HTML--><link href="https://fonts.googleapis.com/css?family=Cormorant+Garamond:400,400i|Istok+Web" rel="stylesheet">
<style>
.wandering {
  position: relative;
  margin: 20px auto;
  height: 600px;
  width: 450px;
  overflow: hidden;
}

.wimg1 {
  position: absolute;
height: 100px;
width: 100px;
background-size: cover;
top: 0px;
left: 0px;
outline: 1px solid #292325;
outline-offset: 5px;
}

.wimg1:after, .wimg2:after {
  position: absolute;
  height: 100px;
  width: 100px;
  content: "";
  background: #88beb2;
  mix-blend-mode: multiply;
}

.wimg2 {
    position: absolute;
height: 100px;
width: 100px;
background-size: cover;
bottom: 0px;
right: 0px;
outline: 1px solid #292325;
outline-offset: 5px;
}



.wmain {
background: #e1e1e1;
height: 600px;
width: 230px;
position: absolute;
left: 110px;
}

.wblock1 {
  background: #e1e1e1;
  height: 490px;
  position: absolute;
  width: 110px;
  top: 110px;

}

.wblock2 {
  background: #e1e1e1;
  height: 490px;
  position: absolute;
  width: 110px;
  top: 0px;
  right: 0px;
}

.wline1 {
  border-top: 1px solid #292325;
  border-right: 1px solid #292325;
  height: 400px;
  width: 240px;
  position: absolute;
  top: 50px;
  right: 50px;
}

.wline2 {
  border-bottom: 1px solid #292325;
  border-left: 1px solid #292325;
  height: 400px;
  width: 240px;
  position: absolute;
  bottom: 50px;
  left: 50px;
}

.wlyrics1 {
  position: absolute;
  line-height: 100%;
  font-family: istok web;
  width: 240px;
  text-align: right;
  right: 50px;
  top: 35px;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-style: italic;
  color: #39454b
}

.wlyrics2 {
  width: 400px;
  position: absolute;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  font-family: istok web;
  top: 243px;
  left: 212px;
  line-height: 100%;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-style: italic;
  color: #39454b
}

.wtag {
  position: absolute;
  line-height: 100%;
  font-family: istok web;
  width: 240px;
  text-align: left;
  left: 50px;
  bottom:33px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-style: italic;
  font-size: 10px;
  color: #39454b
}

.wnotes {
  width: 400px;
  position: absolute;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  font-family: istok web;
  top: 345px;
  left: -162px;
  line-height: 100%;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-style: italic;
  color: #39454b
}

.wtextscroll {
  height: 360px;
  width: 280px;
  position: absolute;
  padding-right: 10px;
  top: 110px;
  left: 90px;
  text-align: justify;
  font-family: istok web;
  font-size: 12px;
  line-height: 210%;
  color: #292325;
  overflow: auto;
}

.wtextscroll::-webkit-scrollbar{width:1px}
.wtextscroll::-webkit-scrollbar-track{background:transparent!important;border:none!important}
.wtextscroll::-webkit-scrollbar-thumb{background: #292325}

</style>
<div class="wandering">
  <div class="wimg1" style="background-image: url(http://funkyimg.com/i/2Qh5D.gif)"></div>
<div class="wimg2" style="background-image: url(http://funkyimg.com/i/2Qh5C.gif)"></div>
<div class="wmain"></div>
<div class="wblock1"></div>
  <div class="wblock2"></div>
  <div class="wline1"></div>
  <div class="wline2"></div>
  <div class="wlyrics1">Derek Stam</div>
  <div class="wlyrics2">Douglas Booth / Дуглас Бут</div>
  <div class="wtag">17 [19] y.o., vampire, ученик</div>
  <div class="wnotes"> Мистик Фоллс • сторона на выбор</div>
  <div class="wtextscroll">Дерек Стэм. Неугомонный весельчак, который привык тратить все свободное время на развлечения и пьянки. Зачем куда-то спешить, думать о чем то, если ты бессмертен и вечно молод? Он родился в солнечной Италии, в семье крупных землевладельцев, которые души не чаяли в своем единственном сыночке. Был обращен в собственный день рождения. После праздника на природе, который был устроен в честь этого события, Дерек возвращался домой пешком, и на него напал вампир. Он обратил парня, бросив на обочине. Всем премудростям вампирской жизни Дерек учился сам, поэтому до сих пор многого не знает о мире вокруг. Он не знает о существовании оборотней, гибридов, о Клаусе и остальных. Его это просто не интересует. Он приехал в Мистик Фоллс, чтобы скрыть от родителей отсутствие старения, а так же пожить для себя на всю катушку. Кольца не имеет, поэтому на улице появляется только ночью. Обращение — награда для парня, которому просто не интересно самосовершенствование, обучение или что-то подобное. Он никогда не был очень умным, никогда по-настоящему не учился в школе. Дерек не умеет хранить секреты, поэтому доверять ему что-то сокровенное не стоит. Он отъявленный болтун, который может говорить не по делу часами, давая обещания, которые он никогда не исполнит. Долгое время скитался, теряя смысл своего существования, пока не набрел на школу-интернат. Ох, и поднял он тогда шумиху в школе. 
    
  </div>
</div>

0

6

Код:
<!--HTML--><link href="https://fonts.googleapis.com/css?family=Cormorant+Garamond:400,400i|Istok+Web" rel="stylesheet">
<style>
.wandering {
  position: relative;
  margin: 20px auto;
  height: 600px;
  width: 450px;
  overflow: hidden;
}

.wimg1 {
  position: absolute;
height: 100px;
width: 100px;
background-size: cover;
top: 0px;
left: 0px;
outline: 1px solid #292325;
outline-offset: 5px;
}

.wimg1:after, .wimg2:after {
  position: absolute;
  height: 100px;
  width: 100px;
  content: "";
  background: #88beb2;
  mix-blend-mode: multiply;
}

.wimg2 {
    position: absolute;
height: 100px;
width: 100px;
background-size: cover;
bottom: 0px;
right: 0px;
outline: 1px solid #292325;
outline-offset: 5px;
}



.wmain {
background: #e1e1e1;
height: 600px;
width: 230px;
position: absolute;
left: 110px;
}

.wblock1 {
  background: #e1e1e1;
  height: 490px;
  position: absolute;
  width: 110px;
  top: 110px;

}

.wblock2 {
  background: #e1e1e1;
  height: 490px;
  position: absolute;
  width: 110px;
  top: 0px;
  right: 0px;
}

.wline1 {
  border-top: 1px solid #292325;
  border-right: 1px solid #292325;
  height: 400px;
  width: 240px;
  position: absolute;
  top: 50px;
  right: 50px;
}

.wline2 {
  border-bottom: 1px solid #292325;
  border-left: 1px solid #292325;
  height: 400px;
  width: 240px;
  position: absolute;
  bottom: 50px;
  left: 50px;
}

.wlyrics1 {
  position: absolute;
  line-height: 100%;
  font-family: istok web;
  width: 240px;
  text-align: right;
  right: 50px;
  top: 35px;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-style: italic;
  color: #39454b
}

.wlyrics2 {
  width: 400px;
  position: absolute;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  font-family: istok web;
  top: 243px;
  left: 212px;
  line-height: 100%;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-style: italic;
  color: #39454b
}

.wtag {
  position: absolute;
  line-height: 100%;
  font-family: istok web;
  width: 240px;
  text-align: left;
  left: 50px;
  bottom:33px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-style: italic;
  font-size: 10px;
  color: #39454b
}

.wnotes {
  width: 400px;
  position: absolute;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  font-family: istok web;
  top: 345px;
  left: -162px;
  line-height: 100%;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-style: italic;
  color: #39454b
}

.wtextscroll {
  height: 360px;
  width: 280px;
  position: absolute;
  padding-right: 10px;
  top: 110px;
  left: 90px;
  text-align: justify;
  font-family: istok web;
  font-size: 12px;
  line-height: 210%;
  color: #292325;
  overflow: auto;
}

.wtextscroll::-webkit-scrollbar{width:1px}
.wtextscroll::-webkit-scrollbar-track{background:transparent!important;border:none!important}
.wtextscroll::-webkit-scrollbar-thumb{background: #292325}

</style>
<div class="wandering">
  <div class="wimg1" style="background-image: url(http://funkyimg.com/i/2Qh3e.gif)"></div>
<div class="wimg2" style="background-image: url(http://funkyimg.com/i/2Qh3f.gif)"></div>
<div class="wmain"></div>
<div class="wblock1"></div>
  <div class="wblock2"></div>
  <div class="wline1"></div>
  <div class="wline2"></div>
  <div class="wlyrics1">Mary Stone</div>
  <div class="wlyrics2">Chloë Moretz / Хлоя Морец</div>
  <div class="wtag">17 y.o., potential werewolf</div>
  <div class="wnotes"> Мистик Фоллс • сторона на выбор</div>
  <div class="wtextscroll">responsibility | creativity | caution
<br>Мэри Стоун. С самого детства тебя готовили к тому, чтобы быть осторожной. Мама всегда говорила: будь добра к другим, следи за собой. Никогда, ни за что не приноси другим боль. Она говорила это так настойчиво и проникновенно, что ты никогда не задавалась вопросом, почему ей так неимоверно важно, чтобы ты была настолько миролюбивой. И ты не принимала ее слова близко к сердцу.
Тебе было четырнадцать, когда тебя посвятили в семейную тайну. Ты, конечно, не поверила. Думала, что родители разыгрывают тебя, смеются. Думала, они пытаются тебя за что-то наказать. И лишь когда мать привела тебя в убежище твоего собственного отца, начинавшего обращаться в полнолуние, что ты поняла: этот ген передался и тебе. Ты была хорошей девочкой, Мэри. Ты не хотела для себя такой участи. Но когда вспышки агрессии начались, тебе было так сложно себя сдерживать. Тебя отправили в школу имени Сальваторе, чтобы тебя научили самоконтролю, который, как надеялись твои родители, поможет прожить тебе счастливую жизнь, ни разу не обратившись в оборотня.
    
  </div>
</div>

0

7

Код:
<!--HTML--><link href="https://fonts.googleapis.com/css?family=Cormorant+Garamond:400,400i|Istok+Web" rel="stylesheet">
<style>
.wandering {
  position: relative;
  margin: 20px auto;
  height: 600px;
  width: 450px;
  overflow: hidden;
}

.wimg1 {
  position: absolute;
height: 100px;
width: 100px;
background-size: cover;
top: 0px;
left: 0px;
outline: 1px solid #292325;
outline-offset: 5px;
}

.wimg1:after, .wimg2:after {
  position: absolute;
  height: 100px;
  width: 100px;
  content: "";
  background: #88beb2;
  mix-blend-mode: multiply;
}

.wimg2 {
    position: absolute;
height: 100px;
width: 100px;
background-size: cover;
bottom: 0px;
right: 0px;
outline: 1px solid #292325;
outline-offset: 5px;
}



.wmain {
background: #e1e1e1;
height: 600px;
width: 230px;
position: absolute;
left: 110px;
}

.wblock1 {
  background: #e1e1e1;
  height: 490px;
  position: absolute;
  width: 110px;
  top: 110px;

}

.wblock2 {
  background: #e1e1e1;
  height: 490px;
  position: absolute;
  width: 110px;
  top: 0px;
  right: 0px;
}

.wline1 {
  border-top: 1px solid #292325;
  border-right: 1px solid #292325;
  height: 400px;
  width: 240px;
  position: absolute;
  top: 50px;
  right: 50px;
}

.wline2 {
  border-bottom: 1px solid #292325;
  border-left: 1px solid #292325;
  height: 400px;
  width: 240px;
  position: absolute;
  bottom: 50px;
  left: 50px;
}

.wlyrics1 {
  position: absolute;
  line-height: 100%;
  font-family: istok web;
  width: 240px;
  text-align: right;
  right: 50px;
  top: 35px;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-style: italic;
  color: #39454b
}

.wlyrics2 {
  width: 400px;
  position: absolute;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  font-family: istok web;
  top: 243px;
  left: 212px;
  line-height: 100%;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-style: italic;
  color: #39454b
}

.wtag {
  position: absolute;
  line-height: 100%;
  font-family: istok web;
  width: 240px;
  text-align: left;
  left: 50px;
  bottom:33px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-style: italic;
  font-size: 10px;
  color: #39454b
}

.wnotes {
  width: 400px;
  position: absolute;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  font-family: istok web;
  top: 345px;
  left: -162px;
  line-height: 100%;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-style: italic;
  color: #39454b
}

.wtextscroll {
  height: 360px;
  width: 280px;
  position: absolute;
  padding-right: 10px;
  top: 110px;
  left: 90px;
  text-align: justify;
  font-family: istok web;
  font-size: 12px;
  line-height: 210%;
  color: #292325;
  overflow: auto;
}

.wtextscroll::-webkit-scrollbar{width:1px}
.wtextscroll::-webkit-scrollbar-track{background:transparent!important;border:none!important}
.wtextscroll::-webkit-scrollbar-thumb{background: #292325}

</style>
<div class="wandering">
  <div class="wimg1" style="background-image: url(http://funkyimg.com/i/2Qh9a.gif)"></div>
<div class="wimg2" style="background-image: url(http://funkyimg.com/i/2Qh9b.gif)"></div>
<div class="wmain"></div>
<div class="wblock1"></div>
  <div class="wblock2"></div>
  <div class="wline1"></div>
  <div class="wline2"></div>
  <div class="wlyrics1">Xander Gate</div>
  <div class="wlyrics2">Dylan Sprayberry / Дилан Спрейберри</div>
  <div class="wtag">16 y.o., WEREWOLF</div>
  <div class="wnotes"> Мистик Фоллс • сторона на выбор</div>
  <div class="wtextscroll">Ксандер Гейт. Ксандер родился в семье военного и домохозяйки, ген оборотня наследство матери. Воспитанием мальчика занимался отец, воспитывая из него солдата, даже не подозревая, чем все это может обернуться для его единственного сына. Уверенный в себе человек, немного холодный, он не привык выставлять свои чувства на показ. После школы он спешил домой, что бы потренироваться с отцом. Тот был для него кумиром, который обучал его всему, что он сам знал и в первую очередь это обращение с огнестрельным оружием. Все свое свободное время мальчик учился стрелять по банкам, и к четырнадцати в годам неплохо в этом преуспел. Трагедия случилась, когда к Ксандеру пришел его лучший друг. Родителей не было дома, и мальчики решили взять пистолет, который нашли в комнате отца Ксандера. Играя, мальчики не заметили, что пистолет заряжен и очень испугались, когда пистолет выстрелил. Они даже не сразу поняли, что произошло, пока Ксандер не увидел кровь друга на своих руках. Ему было всего шестнадцать лет и его ждали большие проблемы. Испугавшись наказания, парень струсил и сбежал из дома. В первое обращение он кого-то убил, но осознание всей тяжести проступка до него так и не дошло. Когда он хотел покончить с собой, его нашел Аларик и предложил помощь. 
    
  </div>
</div>

0

8

Код:
<!--HTML--><link href="https://fonts.googleapis.com/css?family=Cormorant+Garamond:400,400i|Istok+Web" rel="stylesheet">
<style>
.wandering {
  position: relative;
  margin: 20px auto;
  height: 600px;
  width: 450px;
  overflow: hidden;
}

.wimg1 {
  position: absolute;
height: 100px;
width: 100px;
background-size: cover;
top: 0px;
left: 0px;
outline: 1px solid #292325;
outline-offset: 5px;
}

.wimg1:after, .wimg2:after {
  position: absolute;
  height: 100px;
  width: 100px;
  content: "";
  background: #88beb2;
  mix-blend-mode: multiply;
}

.wimg2 {
    position: absolute;
height: 100px;
width: 100px;
background-size: cover;
bottom: 0px;
right: 0px;
outline: 1px solid #292325;
outline-offset: 5px;
}



.wmain {
background: #e1e1e1;
height: 600px;
width: 230px;
position: absolute;
left: 110px;
}

.wblock1 {
  background: #e1e1e1;
  height: 490px;
  position: absolute;
  width: 110px;
  top: 110px;

}

.wblock2 {
  background: #e1e1e1;
  height: 490px;
  position: absolute;
  width: 110px;
  top: 0px;
  right: 0px;
}

.wline1 {
  border-top: 1px solid #292325;
  border-right: 1px solid #292325;
  height: 400px;
  width: 240px;
  position: absolute;
  top: 50px;
  right: 50px;
}

.wline2 {
  border-bottom: 1px solid #292325;
  border-left: 1px solid #292325;
  height: 400px;
  width: 240px;
  position: absolute;
  bottom: 50px;
  left: 50px;
}

.wlyrics1 {
  position: absolute;
  line-height: 100%;
  font-family: istok web;
  width: 240px;
  text-align: right;
  right: 50px;
  top: 35px;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-style: italic;
  color: #39454b
}

.wlyrics2 {
  width: 400px;
  position: absolute;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  font-family: istok web;
  top: 243px;
  left: 212px;
  line-height: 100%;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-style: italic;
  color: #39454b
}

.wtag {
  position: absolute;
  line-height: 100%;
  font-family: istok web;
  width: 240px;
  text-align: left;
  left: 50px;
  bottom:33px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-style: italic;
  font-size: 10px;
  color: #39454b
}

.wnotes {
  width: 400px;
  position: absolute;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  font-family: istok web;
  top: 345px;
  left: -162px;
  line-height: 100%;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-style: italic;
  color: #39454b
}

.wtextscroll {
  height: 360px;
  width: 280px;
  position: absolute;
  padding-right: 10px;
  top: 110px;
  left: 90px;
  text-align: justify;
  font-family: istok web;
  font-size: 12px;
  line-height: 210%;
  color: #292325;
  overflow: auto;
}

.wtextscroll::-webkit-scrollbar{width:1px}
.wtextscroll::-webkit-scrollbar-track{background:transparent!important;border:none!important}
.wtextscroll::-webkit-scrollbar-thumb{background: #292325}

</style>
<div class="wandering">
  <div class="wimg1" style="background-image: url(http://funkyimg.com/i/2Qh2j.gif)"></div>
<div class="wimg2" style="background-image: url(http://funkyimg.com/i/2Qh1Y.gif)"></div>
<div class="wmain"></div>
<div class="wblock1"></div>
  <div class="wblock2"></div>
  <div class="wline1"></div>
  <div class="wline2"></div>
  <div class="wlyrics1">Colette Aldrige </div>
  <div class="wlyrics2">LUCY HALE / ЛЮСИ ХЕЙЛ</div>
  <div class="wtag">17 y.o., witch</div>
  <div class="wnotes"> Мистик Фоллс • сторона на выбор</div>
  <div class="wtextscroll">instability | power | psychopathy
<br>Колетт Олдридж. О, Колетт, ты всегда была бунтаркой. Ты не хотела ходить в садик, не хотела есть овощи, и никогда не собирала игрушки, что всегда разбрасывала по свей комнате в семейном особняке. Ты никогда не признавала авторитетов: единственный и долгожданный ребенок у своих родителей, ты знала, что они никогда по-настоящему тебя не накажут. Миловидное личико и задатки манипулятора позволяли тебе добиваться всего, что только могла пожелать твоя душа. Сказать честно, Колетт, ты не вполне здорова. Твоя психика нестабильна, ты никогда не умела думать о ком-то, кроме тебя. Это не твоя вина, дорогая, ты просто такой родилась. Когда твои силы ведьмы дали о себе знать, ты не постеснялась использовать их для своих целей. Постепенно магия, которую ты до конца не понимала, все больше поглощала твое человеческое "я" — до тех пор, пока не осталось практически ничего, кроме стремления силы ради силы. Ты стала искать новых путей. Новых знаний. Именно они привели тебя в школу имени Сальваторе, где ты нашла то, что искала: источники могущества.
    
  </div>
</div>

0


Вы здесь » The Vampire Diaries | Soul Love » Распродажа душ » «Ученики школы-интернат»