Вверх страницы
Вниз страницы

Сейлор Мун: узники Кинмоку

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

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


Вы здесь » Сейлор Мун: узники Кинмоку » Прошлое и будущее » флешбэк Ветер, кровь и серебро


флешбэк Ветер, кровь и серебро

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

1

[html]
<style>

.movie-card{
padding: 40px 0;
color: #575756;
}
.container{
width: 100%;
height: 740px;
margin:0 auto;
border-radius:5px;
background: #e4dbe9;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
position: relative;
}

.cover{
height:365px;
position: relative;
  overflow: hidden;
  z-index:1;
  margin:0;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
}
.cover:before {
content:'';
width:100%; height:100%;
  position:absolute;
  overflow: hidden;
  top:0; left:0;
  z-index: -1;
  border-radius: 20px;
transform-origin:0 0;
  background: url("http://img1.joyreactor.cc/pics/post/full/Azzai-furry-art-furry-фэндомы-1627017.jpeg") ; <!-- Прямоугольная картинка -->
}
a {
  text-decoration: none;
  color: #5C7FB8
}
a:hover{
text-decoration:underline;
}
.menu{
text-align: center;
padding: 250px 0 0 0px;
z-index:1;

}

.title{
color: white;
font-size: 44px;
       text-shadow: 2px 2px #2a1f1f;
}
.columntag{
padding-top: 200px;
}

.textinfo{
float: left;
width: 250px;
margin-left: 10px;
padding-top: 35px;
}

.cast{
float: left;
width: 200px;
margin-left: 10px;
padding-top: 35px;
}
.cast img{
border-radius:50%;
cursor: pointer;
border: 3px solid white;
        width: 50px;

}
.cast img:hover{
opacity:0.6;
}
.cast a:hover{
text-decoration: none;
}

.text{
float:right;
width: 300px;
padding-top: 50px;
padding-right: 50px;
}
.guide{
text-align: left;
padding-top: 200px;
padding-left: 10px;
}
.guide a {
color:#A9A8A3;
}
.guide a:hover{
color: #bdbdbd;
}

a[data-tooltip] {
  position: relative;
}
a[data-tooltip]::before,
a[data-tooltip]::after {
  position: absolute;
  display: none;
  opacity: 0.85;
}
a[data-tooltip]::before {
  /*
   * using data-tooltip instead of title so we
   * don't have the real tooltip overlapping
   */
  content: attr(data-tooltip);
  background: #000;
  color: #fff;
  font-size: 13px;
  padding: 5px;
  border-radius: 5px;
  /* we don't want the text to wrap */
  white-space: nowrap;
  text-decoration: none;
}
a[data-tooltip]::after {
  width: 0;
  height: 0;
  border: 6px solid transparent;
  content: '';
}

a[data-tooltip]:hover::before,
a[data-tooltip]:hover::after {
  display: block;
}

/** positioning **/

a[data-tooltip][data-placement="top"]::before {
  bottom: 100%;
  left: 0;
  margin-bottom: 40px;
}
a[data-tooltip][data-placement="top"]::after {
  border-top-color: #000;
  border-bottom: none;
  bottom: 50px;
  left: 20px;
  margin-bottom: 4px;
}
</style>
<script>

</script>

<div class="movie-card">
<div class="container">
   
    <div class="cover" >
   

    <div class="menu">
   
        <div class="title">Ветер, кровь и серебро </div> <!-- Название эпизода -->
   
    </div>
   
   
       
   
   
   
    </div>
    <div class="info">
    <div class="cast">
        <h2>Действующие лица:</h2>
        <a href="#" data-tooltip="Бишамон" data-placement="top"> <!-- Тут меняем имя -->
                <img src="http://forumavatars.ru/img/avatars/001a/32/39/117-1602524370.jpg" /> <!-- Сюда ставим аватар участника -->
              </a>
              <a href="#" data-tooltip="Йоннен" data-placement="top"> <!-- Тут меняем имя -->
                <img src="http://forumfiles.ru/uploads/001a/32/39/38/336093.gif" /> <!-- Сюда ставим аватар участника -->
              </a>
         
             
    </div>
<!-- Здесь текст предисловия, в формате хтмл -->
    <div class="text">

    Все существа на планете, более или менее чуткие к запахам, способны точно определить количество неприятностей, сияющих впереди на выбранном пути. Но также каждый из них не может предугадать, встретит ли он однажды кого-то похожего,быть может, родственника из своих далеких снов, или же доброго друга, что наставит на путь истинный.<br>
Молодой лис Йоннен, познающий прелести жизни в городе и не прекращающий удивляться чудесам, никак не ждал подобной встречи.<br>
Но никто не знает, чем эта встреча станет для той, кто с тоской вспоминает свист ветра и запах свободы... <br>
Быть может, это будет что-то незабываемое или до жути опасное? Кто знает... Порою не поможет даже предсказатель. <br>
Только если он не дальний родственник.

    </div>
    <div class="textinfo"><h2>Время, бой, погода:</h2>

<!-- Здесь текст дополнительных параметров -->

7 октября 1993 / леса и поля за пределами процветающей столицы / возможны временные разногласия и потасовки в течение эпизода </div>
   
    </div>

   
   
   
   

</div>
</div>

[/html]

+1

2

Эксперимент снова не удался.
Очередное "зелье" было вылито в траву, которая загнулась практически сразу, как впитала влагу. М-да, зельеваром точно не быть. Наверное голубоглазая ведьма скорее кого-нибудь убьет, чем сделает радующий душу напиток. Впрочем, кому нужна эта радость в склянках? Только унылым товарищам, которые не видят прелесть жизни.
Бишамон тихонько выбралась из маленького здания позади дома на лужайку, усыпанную цветами. Названная мама ухаживала за этими цветами, а ее новая испеченная наглым образом таскала их на свои питьевые напитки, так называемые - зелья.
Ведьм в округе точно не было, чтобы научить светловолосую девушку манерам, но что поделать.
Воровать цветы и сегодня волчица не стала, быстрыми шагами удаляясь от дома. Полянки были и за пределами столицы, а изучать планету дальше приходилось: мало ли куда занесет ее судьба.
Улочки были как обычно оживлены. Детишки бегали с криками, играя в какую-то свою замысловатую игру. Родители, улыбаясь, либо играли тоже, либо тихонечко шли вперед по своим делам. Такая размеренная жизнь текла на планете.
Бишамон поправила свой светлый плащ, подтягивая капюшон. Лишних взглядов не хотелось; хватало того что все кошки и собаки поблизости разбежались в неизвестном направлении. Это было обиднее всего, потому потрепать за уши ту же кошку очень хотелось. Нет, не из чувства что девушка волк, а просто нравились ей эти животные. Но, увы, взаимности не было.
Она часто, гуляя по вечерам, заглядывала в окна домов, где кошки, уютно устроившись на коленях хозяина, давали себя гладить. В голубых глазах едва только можно разглядеть зависть. Волки с кошками в принципе дружить не могут, как и с собаками.
Биша прочитала в одной книге, что собак чаще спускали с поводков, дабы те гнали волка прочь от дома и скота. Но то дело дикие волки с Земли; здесь таких не было. Да и Бишамон не обычный волк, которого отгонит дворовый пес...
Девушка мотнула головой, тем самым заставляя капюшон слететь с головы и открыть взору светлую голову. В этот раз служанка заплела ей весьма красивые, замысловатые косы; ни один лишний волос не мешал осмотру окрестностей. Холод ее глаз устремился на впереди идущих людей, которые, как и ожидалось, ускорили шаг... В ином направлении от светловолосой дамы. Благо на этой улице было куда свернуть. Тяжелый выдох. Холод пробежался по кончикам пальцев.
Натянув назад капюшон, девушка ускорилась. Конечно, будь у нее возможность сейчас перевоплатиться, дорога не стала бы столь долгой. Но желаемого приходится долго добиваться. А то что артефакт рано или поздно не выдержит, Бишамон была уверена. Никогда не выдерживал, что должно измениться теперь? Взгляд невольно упал на кулон, висящей на шее. Самое забавное - снять его не получалось. Как только девушка пыталась это сделать, получала ответочку в виде удара током; приятного мало, а главное своей магией она ничем себе помочь тут не могла.
Отогнав наваждение, девушка дошагала до роскошной поляны, усыпанной цветами. Легка улыбка появилась на лице. Ни одного цветка она не знала, но потом по книге разберется.
Бишамон опустилась на коленки, прикасаясь рукой к одному белому цветку с красной серединкой...
Раньше бы она его сразу сделала льдинкой, как и все это поле. Нынче, обученная Бишамон могла наслаждаться их красотой, не заботясь о том, что может навредить. Впрочем, пришла она именно вредить.

0


Вы здесь » Сейлор Мун: узники Кинмоку » Прошлое и будущее » флешбэк Ветер, кровь и серебро