Сюжетные эпизоды

ep.1 - Davina Claire
ep.2 - Hope Mikaelson
ep.3 - Kai Parker
ep.4 - Silas Lindberg
ep.5 - Enkil Holiday
ep.6 - Mirajane Evers
ep.7 - Caroline Forbes
ep.8 - Claire Laboneir
ep.9 - Hope Mikaelson
ep.10 - Miranda Harris
ep.11 - Miranda Harris
ep.12 - Elizabeth Saltzman
ep.13 - Stefan Salvatore
ep.14 - Elena Gilbert
ep.15 - Freya Mikaelson
ep.16 - Mirajane Evers
ep.17 - Troy Evers
ep.18 - John Brown
ep.19 - Alister Brooks
ep.20 - Hayley Marshall
ep.21 - Valerie Tulle
M // R // S // G // D
Железо с солью. Самый незабываемый, желанный вкус для Потрошителя. Казалось, он был не в состоянии насытиться им. Чем больше он вкушал, тем сильнее и неотвратимее было его стремление к тому, чтобы в очередной раз оторвать голову юной особе вместе с её руками и ногами. А потом, словно мозаику, воссоздавать её тело по наитию, не имея инструкции к сборке этого конструктора.
Вверх страницы
Вниз страницы

The Vampire Diaries | Soul Love

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

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


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


«Преподаватели школы-интернат»

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

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/2Qhm2.gif)"></div>
<div class="wimg2" style="background-image: url(http://funkyimg.com/i/2QhkY.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">Chase Briscoe</div>
  <div class="wlyrics2">Robert Downey Jr. / Роберт Дауни </div>
  <div class="wtag">38 y.o., human</div>
  <div class="wnotes"> Мистик Фоллс • сторона на выбор</div>
  <div class="wtextscroll">Ты родился в зажиточной семье, и всегда был окружен вниманием, заботой и всесторонним развитием. Родители, ведущие собственный, и очень успешный бизнес, позаботились о том, чтобы у тебя было все самое лучшее: у твоих нянь было по два высших образования, твои учителя были деканами престижных университетов, а друзья твои были как на подбор: из богатых семей, образованные и порядочные. Всех, кто не подходил под выставленные твоими родителями стандарты, в твоей жизни не задерживались. Возможно, ты и хотел оставить в своих лучших друзьях шалопая из дома вниз по улице, но мать назидательно сказала: «С кем поведешься — тем и станешь.» Ты не хотел становиться пьющим и убивающимся на работе отцом своего друга. Ты рос, интересовался, учился. Очень рано в тебе проявились способности к науке, а к окончанию лучшего университета в мире ты был одним из самых многообещающих инженеров своего поколения. Ты женился, заделал ребенка — но это все было не важно по сравнению с твоей работой. Пропадая в командировках, где ты продвигал свои идеи и бизнес, на который отец дал тебе стартовую сумму и пообещал что от него ты не увидишь больше ни цента, ты даже не думал о том, что где-то растет малец, уже не помнящий голоса своего отца. Будучи любопытным по своей натуре, ты узнал о необычной школе в городке Мистик Фоллс, окруженной таинственностью и полной закрытостью. Ты стал копать. Стал искать. И ты добился правды. Когда ты пришел к учредителям этой школы с большой суммой, у них не было выбора: ты им его просто не дал. Став главным спонсором этого заведения, ты все больше погружался в таинственный мир магии и колдовства, оборотней и вампиров. Конечно, тебе было интересно, но ты не был бы сыном своих родителей, если бы не работал над тем, как из этого места можно выудить прибыль.</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/2QhkL.gif)"></div>
<div class="wimg2" style="background-image: url(http://funkyimg.com/i/2QhkM.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">Kahlan Morris</div>
  <div class="wlyrics2">Imogen Poots / Имоджен Путс </div>
  <div class="wtag">28 y.o., werewolf</div>
  <div class="wnotes"> Мистик Фоллс • сторона на выбор</div>
  <div class="wtextscroll">Не все люди одарены такой сильной эмпатией, как ты. С детства самая понимающая, ты сразу выбрала себе профессию, решив помогать людям с их проблемами — тем, в чем ты была сильна. Ты закончила колледж по направлению психологии, получила лицензию практикующего врача и устроилась в серьезную клинику. Вскоре ты вышла замуж за прекрасного человека, который занимался своим бизнесом, поддерживал тебя и любил. Желание помогать своим пациентам было настолько сильно, что ты не обращала внимания практически ни на что другое, за что однажды и поплатилась. Несчастный случай, автокатастрофа, висящий на телефоне пациент, которому «срочно нужно говорить». Ты сбила пожилого мужчину, переходившего в неположенном месте — который так и не очнулся. Но чувство вины и скорбь не были и малой долей той цены, что тебе пришлось заплатить за свою ошибку. К счастью, закон был на твоей стороне, но мироздание наказало тебя активацией гена, таившегося в твоей крови: ты стала оборотнем. Долгие годы ты боролась с новоявленной сущностью, но ни один психолог, к которому ты обращалась, чтобы разобраться в своей голове, не мог тебе помочь. Ценой титанических усилий, болезненного развода и практически банкротства ты сумела примириться со своей новой жизнью. Понимая, что нельзя жить в изгнании вечно, ты обратилась в школу для одаренных в Мистик Фоллс, полная желанием поделиться своим опытом, и помочь тем детям, которые так же, как ты обречены обращаться в волка в полнолуние — и показать им, что есть те, кто их понимает.</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/2Qhjx.gif)"></div>
<div class="wimg2" style="background-image: url(http://funkyimg.com/i/2Qhjw.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">Simon Bown </div>
  <div class="wlyrics2">Armie Hammer / Арми Хаммер </div>
  <div class="wtag">33 y.o., warlock</div>
  <div class="wnotes"> Мистик Фоллс • сторона на выбор</div>
  <div class="wtextscroll">Привет, Саймон. Кто с тобой на этот раз? А, студенточка со второго курса? Понятно, ничего другого и ожидать не стоило. Ты всегда был красив, умен и привлекателен, потому пассий у тебя было несметное количество. Ты бережно оберегал их первые две недели встреч, приносил весь мир ей в зубах, а потом бросал, насытившись и потеряв интерес. Девушки, на удивление, расстраивались, но никогда не держали на тебя зла. Какая удача, не так ли, Саймон? Они, конечно, не знали, что ты потомственный колдун, прекрасно умеющий прикрывать все свои тылы, и помогать своим желаниям осуществиться. Окончив университет по классу литературы, ты остался там работать, что, впрочем, совсем не помешало тебе продолжать гулять со своими студентками. Но все хорошее рано или поздно заканчивается — особенно, когда очередная девочка-первокурсница ждет от тебя ребенка. Ты старался, как мог, чтобы она избавилась от беременности, но что-то пошло не так: то ли девчонка оказалась упряма, то ли всевышние силы, после стольких лет, наконец-то, от тебя отвернулись, но история с твоими похождениями дошла не только до твоего непосредственного начальника, но вылилась в прессу дурно пахнущим потоком. Ты был вынужден буквально бежать, поджав хвост, пока из тебя не сделали показательный пример, что бывает с преподавателями, трахающими своих учениц. В школе для одаренных детей в Мистик Фоллс то ли не знали о твоем багаже, то ли не придали ему значение. Ты стал преподавать литературу подрастающим ведьмам и оборотням, подкрепляя свои рассказы магическиими знаниями.</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/2Qhjj.gif)"></div>
<div class="wimg2" style="background-image: url(http://funkyimg.com/i/2QhjY.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">Margo McCwill </div>
  <div class="wlyrics2">Brie Larson / Бри Ларсон </div>
  <div class="wtag">25 y.o., human</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/2QhiL.gif)"></div>
<div class="wimg2" style="background-image: url(http://funkyimg.com/i/2QhiM.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">Sten Walter</div>
  <div class="wlyrics2">Chris Evans / Крис Эванс</div>
  <div class="wtag">31 y.o., werewolf</div>
  <div class="wnotes"> Мистик Фоллс • сторона на выбор</div>
  <div class="wtextscroll">Человек-праздник. Человек-тусовка. Ты провел все юные годы среди школьных, а затем и студенческих тусовок — не просыхая. Имен несчетного количества барышень, что у тебя были за годы, ты даже не можешь вспомнить. Ты знаешь, что у в твоей семье есть тайна, о которой нельзя говорить — и ты ни за что не хочешь к ней присоединиться, укрываясь в алкогольных парах, будто однажды они не станут причиной того, что ты и вправду станешь оборотнем. Ты так сильно боишься изменить свою жизнь, столько лет гарантировавшую тебе существование без превращений, что мысль о том, чтобы осесть на одном месте, навевает на тебя тоску. Стэн, ты совсем не пример для подражания — но как ты тогда оказался преподавателем в школе для одаренных детей? Наверное, потому что им тоже нужно учиться математике, в которой ты, вопреки разгильдяйству, всегда был силен, и, наверное, потому, что ты единственный учитель, который все еще человек, который по-настоящему понимает, через что проходят эти дети. Ты им искренне сочувствуешь — и хочешь помочь сохранить человечность, даже если это значит, что ты непременно покажешь им не самую лучшую свою сторону.</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/2Qhmj.gif)"></div>
<div class="wimg2" style="background-image: url(http://funkyimg.com/i/2Qhmn.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">Gabrielle Nash</div>
  <div class="wlyrics2">Jennifer Morrison / Дженнифер Моррисон</div>
  <div class="wtag">34 y.o., witch</div>
  <div class="wnotes"> Мистик Фоллс • сторона на выбор</div>
  <div class="wtextscroll">Ты всегда была самостоятельной карьеристкой, но зачем-то вышла замуж. Не по любви — по расчету. Ты даже родила ему дочь, не имея к мужчине никаких чувств, кроме исключительно дружеских. Вы были хорошей парой на людях: взаимное уважение, прекрасные родители, красивые и предприимчивые. Но секс по расписанию три раза в месяц, отсутствие какой-либо романтики, и сожительство на правах соседей — не это ли определение неудавшегося брака? Ты окунулась в учебу в мед. университете, что медленно переросла в работу в госпитале; он посвятил себя своим делам, в которые ты даже не вникала. Все было так привычно, что даже твой дар ведьмы никак не смог помочь тебе наладить личную жизнь, хоть ты и так сильно увлекалась магией. Когда ты узнала о том, что в Мистик Фоллс была основана школа для одаренных детей, ты сразу сменила место работы: желание вновь стать матерью, но полное отсутствие влечения к мужу, тянули тебя к другим деткам, с которыми ты могла почувствовать себя наставником. Это решение ты считаешь лучшим в своей жизни, ведь ты нашла не только свою стихию, а и бурный, желанный роман вне брака. Муж или до сих пор не знает, или усердно делает вид — тебе его чувства уже давно безразличны, ты искренне уверена, что ему все равно, с кем ты спишь, до тех пор, пока являешься хорошей матерью вашей дочке.</div>
</div>

0


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