Досье
...
Keepin' The Faith
Сообщений 1 страница 5 из 5
Поделиться12016-02-09 03:59:50
Поделиться22016-12-14 17:14:29
моё
Поделиться32018-06-16 00:52:22
Коллекции
[html]<center><div class="newyarachivka1">
<div class="newyarachivkabonus1">
<img onmouseover="this.src='http://funkyimg.com/i/2HEmQ.gif'" src="http://funkyimg.com/i/2HEn6.png" onmouseout="this.src='http://funkyimg.com/i/2HEn6.png'"title="Камушек, собранный из льдинок. Он никогда не истает. ">
<img onmouseover="this.src='http://funkyimg.com/i/2HEmR.gif'" src="http://funkyimg.com/i/2HEno.png" onmouseout="this.src='http://funkyimg.com/i/2HEno.png'"title="Заколдованная фигурка ">
<img onmouseover="this.src='http://funkyimg.com/i/2HEmS.gif'" src="http://funkyimg.com/i/2HEnz.png" onmouseout="this.src='http://funkyimg.com/i/2HEnz.png'"title="Волшебная туфелька">
<img onmouseover="this.src='http://funkyimg.com/i/2HEmT.gif'" src="http://funkyimg.com/i/2HEnC.png" onmouseout="this.src='http://funkyimg.com/i/2HEnC.png'"title="Кольцо-обещание">
<img onmouseover="this.src='http://funkyimg.com/i/2HEmU.gif'" src="http://funkyimg.com/i/2HEnN.png" onmouseout="this.src='http://funkyimg.com/i/2HEnN.png'"title="Искристое зелье">
<img onmouseover="this.src='http://funkyimg.com/i/2HEmV.gif'" src="http://funkyimg.com/i/2HEny.png" onmouseout="this.src='http://funkyimg.com/i/2HEny.png'"title="Таинственный мешочек ">
<img onmouseover="this.src='http://funkyimg.com/i/2HEmW.gif'" src="http://funkyimg.com/i/2HEnx.png" onmouseout="this.src='http://funkyimg.com/i/2HEnx.png'"title="Перо снежного феникса ">
<img onmouseover="this.src='http://funkyimg.com/i/2HEvi.gif'" src="http://funkyimg.com/i/2HEnV.png" onmouseout="this.src='http://funkyimg.com/i/2HEnV.png'"title="Волшебное семечко">
<img onmouseover="this.src='http://funkyimg.com/i/2HEmY.gif'" src="http://funkyimg.com/i/2HEnA.png" onmouseout="this.src='http://funkyimg.com/i/2HEnA.png'"title="Защитный амулет">
<img onmouseover="this.src='http://funkyimg.com/i/2HEo6.gif'" src="http://funkyimg.com/i/2HEoi.png" onmouseout="this.src='http://funkyimg.com/i/2HEoi.png'"title="Таинственный ключ">
<img onmouseover="this.src='http://funkyimg.com/i/2HEo7.gif'" src="http://funkyimg.com/i/2HEoh.png" onmouseout="this.src='http://funkyimg.com/i/2HEoh.png'"title="Украшение с празднования Йоля">
<img onmouseover="this.src='http://funkyimg.com/i/2HEo8.gif'" src="http://funkyimg.com/i/2HEog.png" onmouseout="this.src='http://funkyimg.com/i/2HEog.png'"title="Льдинка, извлеченная из сердца Кая">
<img onmouseover="this.src='http://funkyimg.com/i/2HEo9.gif'" src="http://funkyimg.com/i/2HEoj.png" onmouseout="this.src='http://funkyimg.com/i/2HEoj.png'"title="Мудрый филин">
<img onmouseover="this.src='http://funkyimg.com/i/2HEoa.gif'" src="http://funkyimg.com/i/2HEom.png" onmouseout="this.src='http://funkyimg.com/i/2HEom.png'"title="Немеркнущий огонек">
<img onmouseover="this.src='http://funkyimg.com/i/2HEob.gif'" src="http://funkyimg.com/i/2HEok.png" onmouseout="this.src='http://funkyimg.com/i/2HEok.png'"title="Волшебная штука">
<img onmouseover="this.src='http://funkyimg.com/i/2HEoc.gif'" src="http://funkyimg.com/i/2HEoo.png" onmouseout="this.src='http://funkyimg.com/i/2HEoo.png'"title="Амулет">
<img onmouseover="this.src='http://funkyimg.com/i/2HEod.gif'" src="http://funkyimg.com/i/2HEop.png" onmouseout="this.src='http://funkyimg.com/i/2HEop.png'"title="Целебное снадобье">
<img onmouseover="this.src='http://funkyimg.com/i/2HEoe.gif'" src="http://funkyimg.com/i/2HEoP.png" onmouseout="this.src='http://funkyimg.com/i/2HEoP.png'"title="Печенье из Замка фей">
<img onmouseover="this.src='http://funkyimg.com/i/2HEoY.gif'" src="http://funkyimg.com/i/2HEp6.png" onmouseout="this.src='http://funkyimg.com/i/2HEp6.png'"title="Озорной фамильяр">
<img onmouseover="this.src='http://funkyimg.com/i/2HEoV.gif'" src="http://funkyimg.com/i/2HEp5.png" onmouseout="this.src='http://funkyimg.com/i/2HEp5.png'"title="Дух Зимы">
<img onmouseover="this.src='http://funkyimg.com/i/2HEp4.gif'" src="http://funkyimg.com/i/2HEpi.png" onmouseout="this.src='http://funkyimg.com/i/2HEpi.png'"title="Льдинки, из которых собирается Вечность">
<img onmouseover="this.src='http://funkyimg.com/i/2HEoZ.gif'" src="http://funkyimg.com/i/2HEpf.png" onmouseout="this.src='http://funkyimg.com/i/2HEpf.png'"title="Игрушка">
<img onmouseover="this.src='http://funkyimg.com/i/2HEoU.gif'" src="http://funkyimg.com/i/2HEpg.png" onmouseout="this.src='http://funkyimg.com/i/2HEpg.png'"title="Свечка">
<img onmouseover="this.src='http://funkyimg.com/i/2HEoW.gif'" src="http://funkyimg.com/i/2HEph.png" onmouseout="this.src='http://funkyimg.com/i/2HEph.png'"title="Рудольф">
<img onmouseover="this.src='http://funkyimg.com/i/2HEoX.gif'" src="http://funkyimg.com/i/2HEpv.png" onmouseout="this.src='http://funkyimg.com/i/2HEpv.png'"title="Незамерзайка">
<img onmouseover="this.src='http://funkyimg.com/i/2HEp2.gif'" src="http://funkyimg.com/i/2HEpy.png" onmouseout="this.src='http://funkyimg.com/i/2HEpy.png'"title="Витраж">
<img onmouseover="this.src='http://funkyimg.com/i/2HEp3.gif'" src="http://funkyimg.com/i/2HEpx.png" onmouseout="this.src='http://funkyimg.com/i/2HEpx.png'"title="Настойка из зимних трав">
<img onmouseover="this.src='http://funkyimg.com/i/2HEp1.gif'" src="http://funkyimg.com/i/2HEpw.png" onmouseout="this.src='http://funkyimg.com/i/2HEpw.png'"title="Кусочек мозаики">
<img onmouseover="this.src='http://funkyimg.com/i/2HEpH.gif'" src="http://funkyimg.com/i/2HEq4.png" onmouseout="this.src='http://funkyimg.com/i/2HEq4.png'"title="Северная Корона">
<img onmouseover="this.src='http://funkyimg.com/i/2HEpJ.gif'" src="http://funkyimg.com/i/2HEq3.png" onmouseout="this.src='http://funkyimg.com/i/2HEq3.png'"title="Северный цветок">
<img onmouseover="this.src='http://funkyimg.com/i/2HEpK.gif'" src="http://funkyimg.com/i/2HEq5.png" onmouseout="this.src='http://funkyimg.com/i/2HEq5.png'"title="Праздничное украшение">
<img onmouseover="this.src='http://funkyimg.com/i/2HEpL.gif'" src="http://funkyimg.com/i/2HEq6.png" onmouseout="this.src='http://funkyimg.com/i/2HEq6.png'"title="Драгоценный камень">
<img onmouseover="this.src='http://funkyimg.com/i/2HEpM.gif'" src="http://funkyimg.com/i/2HEq7.png" onmouseout="this.src='http://funkyimg.com/i/2HEq7.png'"title="Волшебный напиток фей">
<img onmouseover="this.src='http://funkyimg.com/i/2HEpN.gif'" src="http://funkyimg.com/i/2HEq2.png" onmouseout="this.src='http://funkyimg.com/i/2HEq2.png'"title="Магическое Зеркало - подарок самой Повелительницы Вьюг">
<img onmouseover="this.src='http://funkyimg.com/i/2HEpP.gif'" src="http://funkyimg.com/i/2HEq8.png" onmouseout="this.src='http://funkyimg.com/i/2HEq8.png'"title="Волшебный посох">
<img onmouseover="this.src='http://funkyimg.com/i/2HEpQ.gif'" src="http://funkyimg.com/i/2HEq9.png" onmouseout="this.src='http://funkyimg.com/i/2HEq9.png'"title="Праздничная сфера">
<img onmouseover="this.src='http://funkyimg.com/i/2HEpR.gif'" src="http://funkyimg.com/i/2HEqa.png" onmouseout="this.src='http://funkyimg.com/i/2HEqa.png'"title="Сияющая снежинка">
<img onmouseover="this.src='http://funkyimg.com/i/2HEpS.gif'" src="http://funkyimg.com/i/2HEqb.png" onmouseout="this.src='http://funkyimg.com/i/2HEqb.png'"title="Кристалл">
<img onmouseover="this.src='http://funkyimg.com/i/2HEqR.gif'" src="http://funkyimg.com/i/2HErd.png" onmouseout="this.src='http://funkyimg.com/i/2HErd.png'"title="Путеводный фонарик">
<img onmouseover="this.src='http://funkyimg.com/i/2HEqS.gif'" src="http://funkyimg.com/i/2HErc.png" onmouseout="this.src='http://funkyimg.com/i/2HErc.png'"title="Зимние цветы">
<img onmouseover="this.src='http://funkyimg.com/i/2HEqT.gif'" src="http://funkyimg.com/i/2HEro.png" onmouseout="this.src='http://funkyimg.com/i/2HEro.png'"title="Рунический камень">
<img onmouseover="this.src='http://funkyimg.com/i/2HEqU.gif'" src="http://funkyimg.com/i/2HEra.png" onmouseout="this.src='http://funkyimg.com/i/2HEra.png'"title="Фигурная снежинка">
<img onmouseover="this.src='http://funkyimg.com/i/2HEqV.gif'" src="http://funkyimg.com/i/2HEr9.png" onmouseout="this.src='http://funkyimg.com/i/2HEr9.png'"title="Магия">
<img onmouseover="this.src='http://funkyimg.com/i/2HEqW.gif'" src="http://funkyimg.com/i/2HEr8.png" onmouseout="this.src='http://funkyimg.com/i/2HEr8.png'"title="Зачарованное колечко">
<img onmouseover="this.src='http://funkyimg.com/i/2HEqX.gif'" src="http://funkyimg.com/i/2HEr7.png" onmouseout="this.src='http://funkyimg.com/i/2HEr7.png'"title="За победу над колючими вьюгами и злыми снегами">
<img onmouseover="this.src='http://funkyimg.com/i/2HEqY.gif'" src="http://funkyimg.com/i/2HEr5.png" onmouseout="this.src='http://funkyimg.com/i/2HEr5.png'"title="Магия льда">
<img onmouseover="this.src='http://funkyimg.com/i/2HEqZ.gif'" src="http://funkyimg.com/i/2HEr6.png" onmouseout="this.src='http://funkyimg.com/i/2HEr6.png'"title="Ледяная роза">
<img onmouseover="this.src='http://funkyimg.com/i/2HErD.gif'" src="http://funkyimg.com/i/2HEsf.png" onmouseout="this.src='http://funkyimg.com/i/2HEsf.png'"title="Конфеты">
<img onmouseover="this.src='http://funkyimg.com/i/2HEzm.gif'" src="http://funkyimg.com/i/2HEra.png" onmouseout="this.src='http://funkyimg.com/i/2HEra.png'"title="Фигурная снежинка">
<img onmouseover="this.src='http://funkyimg.com/i/2HEvb.gif'" src="http://funkyimg.com/i/2HEsb.png" onmouseout="this.src='http://funkyimg.com/i/2HEsb.png'"title="Пряничный Домик">
<img onmouseover="this.src='http://funkyimg.com/i/2HErF.gif'" src="http://funkyimg.com/i/2HEsd.png" onmouseout="this.src='http://funkyimg.com/i/2HEsd.png'"title="Искры снега и света">
<img onmouseover="this.src='http://funkyimg.com/i/2HErG.gif'" src="http://funkyimg.com/i/2HEse.png" onmouseout="this.src='http://funkyimg.com/i/2HEse.png'"title="Книга заклинаний">
<img onmouseover="this.src='http://funkyimg.com/i/2HErH.gif'" src="http://funkyimg.com/i/2HEs8.png" onmouseout="this.src='http://funkyimg.com/i/2HEs8.png'"title="Хрупкие крылья">
<img onmouseover="this.src='http://funkyimg.com/i/2HErJ.gif'" src="http://funkyimg.com/i/2HEs7.png" onmouseout="this.src='http://funkyimg.com/i/2HEs7.png'"title="Магическая свеча">
<img onmouseover="this.src='http://funkyimg.com/i/2HErK.gif'" src="http://funkyimg.com/i/2HEsc.png" onmouseout="this.src='http://funkyimg.com/i/2HEsc.png'"title="Волшебная штучка">
<img onmouseover="this.src='http://funkyimg.com/i/2HErL.gif'" src="http://funkyimg.com/i/2HEs9.png" onmouseout="this.src='http://funkyimg.com/i/2HEs9.png'"title="Снежинка">
<img onmouseover="this.src='http://funkyimg.com/i/2HErM.gif'" src="http://funkyimg.com/i/2HEsa.png" onmouseout="this.src='http://funkyimg.com/i/2HEsa.png'"title="Внимательная сова">
<img onmouseover="this.src='http://funkyimg.com/i/2HErN.gif'" src="http://funkyimg.com/i/2HEsJ.png" onmouseout="this.src='http://funkyimg.com/i/2HEsJ.png'"title="Крылья фантазии">
</div>
</div></center>[/html]
Поделиться42018-06-16 00:52:32
Карты
[html]<center><div class="newyarachivkacard1">
<div class="newyarachivkabonuscard1">
<img src="http://funkyimg.com/i/2HD9t.png" title="Первое Приключение">
<img src="http://funkyimg.com/i/2HD9s.png" title="Второе Приключение">
<img src="http://funkyimg.com/i/2HD9r.png" title="Знакомство">
<img src="http://funkyimg.com/i/2HD9Q.png" title="Сова">
<img src="http://funkyimg.com/i/2HD9K.png" title="Подружки">
<img src="http://funkyimg.com/i/2HD9J.png" title="Помощницы">
<img src="http://funkyimg.com/i/2HD9M.png" title="Кроличка">
<img src="http://funkyimg.com/i/2HDa6.png" title="Фамильяр">
<img src="http://funkyimg.com/i/2HD9L.png" title="Снежка">
<img src="http://funkyimg.com/i/2HD9N.png" title="Проводник">
<img src="http://funkyimg.com/i/2HDa2.png" title="Пламя">
<img src="http://funkyimg.com/i/2HDa3.png" title="Святилище Зимы">
<img src="http://funkyimg.com/i/2HDa4.png" title="Дар">
<img src="http://funkyimg.com/i/2HDaK.png" title="Кай">
<img src="http://funkyimg.com/i/2HDaL.png" title="Повелительница">
<img src="http://funkyimg.com/i/2HDa5.png" title="Магия">
<img src="http://funkyimg.com/i/2HDaJ.png" title="Сказка">
</div>
</div></center>[/html]
[html]<center><div class="royalcards1">
<div class="royalcardsbonus1">
<img src="http://funkyimg.com/i/2JV3e.png" title="Принц Тиэро - Ятен" style="opacity: 1;"> <img src="http://funkyimg.com/i/2JV6Y.png" title="Принцесса Сатурн, Морена" style="opacity: 1;"> <img src="http://funkyimg.com/i/2JV71.png" title="Коан, шпионка Императора Немезиса" style="opacity: 1;"><img src="http://funkyimg.com/i/2JV6X.png" title="Богиня Равновесия, покровительница Немезиса - Нехелления" style="opacity: 1;"> <img src="http://funkyimg.com/i/2JV6W.png" title="Зойсайт, лорд Земного Принца" style="opacity: 1;"><img src="http://funkyimg.com/i/2JV72.png" title="Виллюй, ведьма мёртвых вод" style="opacity: 1;"> <img src="http://funkyimg.com/i/2JV7D.png" title="Принцесса Венеры, Вильгельмина" style="opacity: 1;"><img src="http://funkyimg.com/i/2JV6Z.png" title="Принц Земли - Эндимион" style="opacity: 1;"><img src="http://funkyimg.com/i/2JV73.png" title="Принцесса Плутона Сивилла" style="opacity: 1;"><img src="http://funkyimg.com/i/2JV7E.png" title="Юджил, ведьма всепожирающего огня" style="opacity: 1;"><img src="http://funkyimg.com/i/2JV7C.png" title="Алмаз, наследник Немезийской Империи" style="opacity: 1;"><img src="http://funkyimg.com/i/2JV81.png" title="Элиос, Пресветлый Хранитель Элизиона" style="opacity: 1;"><img src="http://funkyimg.com/i/2JV7F.png" title="Мимет, ведьма слепой страсти" style="opacity: 1;"><img src="http://funkyimg.com/i/2JV82.png" title="Джедайт, лорд Земного Принца" style="opacity: 1;"><img src="http://funkyimg.com/i/2JV7G.png" title="Рейна, Принцесса Марса" style="opacity: 1;"><img src="http://funkyimg.com/i/2JV7Z.png" title="Тайки, Принц Синнэн" style="opacity: 1;"><img src="http://funkyimg.com/i/2JV89.png" title="Дилэйн, фрейлина Венеры" style="opacity: 1;"><img src="http://funkyimg.com/i/2JV8a.png" title="Кунсайт, лорд Принца Земли" style="opacity: 1;"><img src="http://funkyimg.com/i/2JV8h.png" title="Персефона, Принцесса Юпитер" style="opacity: 1;"><img src="http://funkyimg.com/i/2JV8c.png" title="Луна, жрица Светлой Башни" style="opacity: 1;"><img src="http://funkyimg.com/i/2JV8d.png" title="Доминик, наследник Дома Уран" style="opacity: 1;"><img src="http://funkyimg.com/i/2JV8g.png" title="Каоринайт, верховная ведьма" style="opacity: 1;"><img src="http://funkyimg.com/i/2JV8b.png" title="Алекто, сестра Эндимиона и младшая Принцесса Земли" style="opacity: 1;"><img src="http://funkyimg.com/i/2JV8f.png" title="Сайприн, ведьма разума" style="opacity: 1;"><img src="http://funkyimg.com/i/2JV8t.png" title="Флёр, фрейлина Венеры" style="opacity: 1;"><img src="http://funkyimg.com/i/2JV8e.png" title="Дана, Принцесса Меркурия" style="opacity: 1;"><img src="http://funkyimg.com/i/2JV8u.png" title="Калаверайт, помощница Оливина " style="opacity: 1;"><img src="http://funkyimg.com/i/2JV8r.png" title="Верховный маг Венеры, Йарра" style="opacity: 1;"><img src="http://funkyimg.com/i/2JV8w.png" title="Эсмеральд, агент по особым поручениям" style="opacity: 1;">
<img src="http://funkyimg.com/i/2JV8z.png" title="Редвайлд, Принц Венеры" style="opacity: 1;"><img src="http://funkyimg.com/i/2JV8v.png" title="Серенити, Принцесса Луны" style="opacity: 1;"><img src="http://funkyimg.com/i/2JV8Y.png" title="Бертьерайт, агент Немезиса" style="opacity: 1;">
<img src="http://funkyimg.com/i/2JV8x.png" title="Уна, фрейлина Уран" style="opacity: 1;">
<img src="http://funkyimg.com/i/2JV8q.png" title="Сапфир, младший Принц Немезиса" style="opacity: 1;"><img src="http://funkyimg.com/i/2JV91.png" title="Тэнениэль, фрейлина Марс" style="opacity: 1;"><img src="http://funkyimg.com/i/2JV8Z.png" title="Селена, глава межпланетного Альянса, Королева Луны" style="opacity: 1;"><img src="http://funkyimg.com/i/2JVbw.png" title="Рубеус, главнокомандующий Немезийскими войсками" style="opacity: 1;"><img src="http://funkyimg.com/i/2JV92.png" title="Артемис, советник Венеры" style="opacity: 1;"><img src="http://funkyimg.com/i/2JV97.png" title="Шанна, сестра-близнец Принца Тиэро" style="opacity: 1;">
<img src="http://funkyimg.com/i/2JV9m.png" title="Амфитрита, Принцесса Нептун" style="opacity: 1;"><img src="http://funkyimg.com/i/2JV9n.png" title="Хорвек, Глава Тайной Службы Венеры" style="opacity: 1;">
<img src="http://funkyimg.com/i/2JVbu.png" title="Сейя, Принц Риды" style="opacity: 1;"><img src="http://funkyimg.com/i/2JV9o.png" title="Тинави, фрейлина Марс" style="opacity: 1;"><img src=http://funkyimg.com/i/2JVbv.png" title="Лотар, мошенник" style="opacity: 1;"><img src="http://funkyimg.com/i/2JV96.png" title="Оливия, Принцесса Кинмоку" style="opacity: 1;"><img src="http://funkyimg.com/i/2JV9v.png" title="Себастиан, Принц Сатурн" style="opacity: 1;"><img src="http://funkyimg.com/i/2JV9p.png" title="Оливин, Секретарь Сапфира, заговорщик" style="opacity: 1;">
<img src="http://funkyimg.com/i/2JV9r.png" title="Сильвер, сестра Нефрита" style="opacity: 1;">
<img src="http://funkyimg.com/i/2JV9u.png" title="Дэймос, марсианский барон" style="opacity: 1;">
<img src="http://funkyimg.com/i/2JV9s.png" title="Телулу, ведьма мертвого леса" style="opacity: 1;">
<img src="http://funkyimg.com/i/2JV9x.png" title="Адонис, таинственный гость Лунного Дворца" style="opacity: 1;">
<img src="http://funkyimg.com/i/2JV9w.png" title="Берилл, придворная художница Земли" style="opacity: 1;">
<img src="http://funkyimg.com/i/2JV9q.png" title="Дэймос, Принц Марса" style="opacity: 1;">
<img src="http://funkyimg.com/i/2JV9t.png" title="Нефрит, лорд Земного Принца" style="opacity: 1;">
<img src="http://funkyimg.com/i/2JV9U.png" title="Топаз, принц-бастард Земли" style="opacity: 1;">
<img src=http://funkyimg.com/i/2JV9T.png" title="Петсайт, агент Немезиса" style="opacity: 1;">
</div>
</div></center>[/html]
Поделиться52018-11-13 11:52:40
Инвентарь
[html]<body onresize="setHeight()" class="post-content" style="overflow: hidden; background: none !important; font: 10 px verdana, arial, helvetica, sans-serif; margin: 0px; padding: 0px; display: inline-block; position: relative;"><div class="tabs">
<input id="tab1" type="radio" name="tabs" checked="">
<label for="tab1" title="обычные предметы">Инвентарь</label>
<input id="tab2" type="radio" name="tabs">
<label for="tab2" title="временные или на обмен">Ивент</label>
<input id="tab3" type="radio" name="tabs">
<label for="tab3" title="памятное">Разное</label>
<input id="tab4" type="radio" name="tabs">
<label for="tab4" title="если есть">Питомец</label>
<section id="content-tab1">
<p>
РАЗРАЗ
</p>
</section>
<section id="content-tab2">
<p>
ДВАДВА
</p>
</section>
<section id="content-tab3">
<p>
ТРИТРИ
</p>
</section>
<section id="content-tab4">
<p>
Четыре
</p>
</section>
</div>
<style>
/* Базовый контейнер табов */
.tabs {
min-width: 320px;
max-width: 800px;
width: 100%;
padding: 0px;
margin: 0 auto;
}
/* Стили секций с содержанием */
.tabs>section {
display: none;
padding: 2px;
background: #b4b1b8;
border: 1px solid #cdc9d2c4;
}
.tabs>section>p {
margin: 0 0 2px;
line-height: 1.5;
color: #383838;
/* прикрутим анимацию */
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
/* Описываем анимацию свойства opacity */
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* Прячем чекбоксы */
.tabs>input {
display: none;
position: absolute;
}
/* Стили переключателей вкладок (табов) */
.tabs>label {
display: inline-block;
margin: 0 0 -1px;
padding: 4px 5px;
text-align: center;
color: #958caf;
border-width: 1px 1px 1px 1px;
background: #d4d1d8;
border-radius: 3px 3px 0 0;
font-size: 14px;
font-family: AC Line;
letter-spacing: 1px;
}
/* Шрифт-иконки от Font Awesome в формате Unicode */
.tabs>label:before {
font-family: fontawesome;
font-weight: normal;
margin-right: 10px;
}
/* Изменения стиля переключателей вкладок при наведении */
.tabs>label:hover {
color: #888;
cursor: pointer;
}
/* Стили для активной вкладки */
.tabs>input:checked+label {
color: #beaab3;
border-top: 2px solid #a97083;
background: #453969;
font-family: AC Line;
font-size: 12px;
letter-spacing: 1px;
}
/* Активация секций с помощью псевдокласса :checked */
#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3, #tab4:checked~#content-tab4 {
display: block;
}
/* Убираем текст с переключателей
* и оставляем иконки на малых экранах
*/
@media screen and (max-width: 680px) {
.tabs>label {
font-size: 12px;
}
.tabs>label:before {
margin: 0;
font-size: 12px;
}
}
/* Изменяем внутренние отступы
* переключателей для малых экранов
*/
@media screen and (max-width: 400px) {
.tabs>label {
padding: 10px;
}
}</style><iframe src="about:blank" name="iframe_test_height" style="z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;border:0"></iframe></body>[/html]