Один из двух великих кланов оборотней.
- Первый возраст - на какой персонаж выглядит (то бишь в каком он прошел ритуал*для оборотней/переродился*для вампиров), второй - сколько ему есть на самом деле.
- Просим не забывать описывать в биографии чувства и эмоции, отношение к ритуалу у оборотней или же отношения к укусу и первому перевоплощению у обращенных. У вампира - как он умер и переродился.
- Все изменения обсуждаются с админ-составом.
- В эту акцию также можно вписать 5 придуманных вами персонажей.
[Action] Harris
Страница: 1
Тема закрыта
Сообщений 1 страница 9 из 9
Поделиться12015-07-09 21:36:29
Поделиться22015-07-09 21:43:54
Код:
<!--HTML--> <style type="text/css"> .golliew { width: 500px; height: 300px; margin: 10px; border: 10px solid #454545; overflow: hidden; position: relative; text-align: center; -webkit-box-shadow: 1px 1px 2px #4e4e4e; -moz-box-shadow: 1px 1px 2px #4e4e4e; box-shadow: 1px 1px 2px #4e4e4e; background: url(http://sg.uploads.ru/t/mZqMa.png) no-repeat center center; } .golliew .gollask,.golliew .gollent { width: 500px; height: 250px; position: absolute; overflow: hidden; top: 0; left: 0; } .golliew img { display: block; position: relative; } .golliew-ninth .gollask-1, .golliew-ninth .gollask-2 { height: 1000px; width: 500px; background: rgba(145,170,185,0.3); -webkit-transition: all 0.3s ease-in-out 0.6s; -moz-transition: all 0.3s ease-in-out 0.6s; -o-transition: all 0.3s ease-in-out 0.6s; transition: all 0.3s ease-in-out 0.6s; } .golliew-ninth .gollask-1 { left: auto; right: 0; -webkit-transform: rotate(56.5deg) translateX(-400px); -moz-transform: rotate(56.5deg) translateX(-400px); -o-transform: rotate(56.5deg) translateX(-400px); -ms-transform: rotate(56.5deg) translateX(-400px); transform: rotate(56.5deg) translateX(-400px); -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; transform-origin: 100% 0%; } .golliew-ninth .gollask-2 { top: auto; bottom: 0; -webkit-transform: rotate(56.5deg) translateX(400px); -moz-transform: rotate(56.5deg) translateX(400px); -o-transform: rotate(56.5deg) translateX(400px); -ms-transform: rotate(56.5deg) translateX(400px); transform: rotate(56.5deg) translateX(400px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; } .golliew-ninth .gollent { background-color: rgba(59,45,44,0.9); color: #ffffff; height: 0; width: 500px; overflow: hidden; -webkit-transform: rotate(-33.5deg) translate(-112px, 166px); -moz-transform: rotate(-33.5deg) translate(-112px, 166px); -o-transform: rotate(-33.5deg) translate(-112px, 166px); -ms-transform: rotate(-33.5deg) translate(-112px, 166px); transform: rotate(-33.5deg) translate(-112px, 166px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transition: all 0.4s ease-in-out 0.3s; -moz-transition: all 0.4s ease-in-out 0.3s; -o-transition: all 0.4s ease-in-out 0.3s; transition: all 0.4s ease-in-out 0.3s; } .golliew-ninth a.info { display: none; } .golliew-ninth:hover .gollent { height: 260px; width: 400px; top: 15px; left: 50px; -webkit-transform: rotate(0deg) translate(0, 0); -moz-transform: rotate(0deg) translate(0, 0); -o-transform: rotate(0deg) translate(0, 0); -ms-transform: rotate(0deg) translate(0, 0); transform: rotate(0deg) translate(0, 0); } .golliew-ninth:hover .gollask-1, .golliew-ninth:hover .gollask-2 { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .golliew-ninth:hover .gollask-1 { -webkit-transform: rotate(56.5deg) translateX(113px); -moz-transform: rotate(56.5deg) translateX(1px); -o-transform: rotate(56.5deg) translateX(1px); -ms-transform: rotate(56.5deg) translateX(1px); transform: rotate(56.5deg) translateX(1px); } .golliew-ninth:hover .gollask-2 { -webkit-transform: rotate(56.5deg) translateX(-112px); -moz-transform: rotate(56.5deg) translateX(-1px); -o-transform: rotate(56.5deg) translateX(-1px); -ms-transform: rotate(56.5deg) translateX(-1px); transform: rotate(56.5deg) translateX(-1px); } .gollund { overflow: hidden; text-align: center; color: #91aab9; font-family: Courier New; font-size: 14px; text-transform: lowercase; font-style: italic; } .gollund:before, .gollund:after { background-color: #837372; gollent: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; } .gollund:before { right: 0.5em; margin-left: -50%; } .gollund:after { left: 0.5em; margin-right: -50%; } .three-columns .column { width: 33%; float: left; } .gollinfo { height: 150px; overflow: auto; padding: 4px; font-family: Candara, sans-serif; font-size: 11px; color: #dddede; line-height: 12px; text-align: justify; } div.gollinfo::-webkit-scrollbar { width: 6px; } div.gollinfo::-webkit-scrollbar-button { width: 6px; height: 4px; } div.gollinfo::-webkit-scrollbar-track { background: transparent; } div.gollinfo::-webkit-scrollbar-thumb { background:#837372; } .gollname { font-family: Courier New; font-size: 24px; color: #91aab9; padding-top: 6px; } a.gollc { font-size: 8px; text-decoration: none; color: black; } </style> <center> <div class="golliew golliew-ninth"> <img src="http://sg.uploads.ru/t/ob0KX.png" /> <div class="gollask gollask-1"></div> <div class="gollask gollaskco-2"></div> <div class="gollent"> <div class="gollname">SHELDON HARRIS</div> <div style="padding: 4px;"><div class="gollinfo"><font color="#837372">♦</font> Шелдон - сильнейший оборотень в клане и его глава, однако по характеру мужчина очень добрый, в чем-то мягкий и дружелюбный. Его младший брат для него авторитет, и нередко Шелдон прислушивается к его советам. <br /><br /> <font color="#837372">♦</font> в критических ситуациях, когда от Шелдона требуется серьезность, всегда ее проявляет. Стойкость, храбрость, сила воли и упорство - он прирожденный лидер.<br /><br /> <font color="#837372">♦</font> мечтал в детстве прекратить войны между вампирами и оборотнями, и на данный момент отчасти спокойная обстановка - это дело рук Шелдона. <br /><br /> <font color="#837372">♦</font> самым близким другом после брата для Шелдона был Блэйк Миллер - чистокровный вампир, - который раньше разделял его идею о дружбе кланов, пока в один момент не ушел в тень, и о нем стало ничего неизвестно.<br /><br /> <br /><br /> </div><br /> <div class="three-columns"> <div id="clm1" class="column"><div class="gollund">РАСА</div> <div class="gollinfo">оборотень<br /></div></div> <div id="clm2" class="column"><div class="gollund">ВОЗРАСТ</div> <div class="gollinfo">31 год | 545 лет<br /></div></div> <div id="clm3" class="column"><div class="gollund">СТОРОНА</div> <div class="gollinfo">Харрис<br /></div></div> </div> </div> </div> </center>
Поделиться32015-07-10 15:13:47
Код:
<!--HTML--> <style type="text/css"> .golliew { width: 500px; height: 300px; margin: 10px; border: 10px solid #454545; overflow: hidden; position: relative; text-align: center; -webkit-box-shadow: 1px 1px 2px #4e4e4e; -moz-box-shadow: 1px 1px 2px #4e4e4e; box-shadow: 1px 1px 2px #4e4e4e; background: url(http://sg.uploads.ru/t/mZqMa.png) no-repeat center center; } .golliew .gollask,.golliew .gollent { width: 500px; height: 250px; position: absolute; overflow: hidden; top: 0; left: 0; } .golliew img { display: block; position: relative; } .golliew-ninth .gollask-1, .golliew-ninth .gollask-2 { height: 1000px; width: 500px; background: rgba(145,170,185,0.3); -webkit-transition: all 0.3s ease-in-out 0.6s; -moz-transition: all 0.3s ease-in-out 0.6s; -o-transition: all 0.3s ease-in-out 0.6s; transition: all 0.3s ease-in-out 0.6s; } .golliew-ninth .gollask-1 { left: auto; right: 0; -webkit-transform: rotate(56.5deg) translateX(-400px); -moz-transform: rotate(56.5deg) translateX(-400px); -o-transform: rotate(56.5deg) translateX(-400px); -ms-transform: rotate(56.5deg) translateX(-400px); transform: rotate(56.5deg) translateX(-400px); -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; transform-origin: 100% 0%; } .golliew-ninth .gollask-2 { top: auto; bottom: 0; -webkit-transform: rotate(56.5deg) translateX(400px); -moz-transform: rotate(56.5deg) translateX(400px); -o-transform: rotate(56.5deg) translateX(400px); -ms-transform: rotate(56.5deg) translateX(400px); transform: rotate(56.5deg) translateX(400px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; } .golliew-ninth .gollent { background-color: rgba(59,45,44,0.9); color: #ffffff; height: 0; width: 500px; overflow: hidden; -webkit-transform: rotate(-33.5deg) translate(-112px, 166px); -moz-transform: rotate(-33.5deg) translate(-112px, 166px); -o-transform: rotate(-33.5deg) translate(-112px, 166px); -ms-transform: rotate(-33.5deg) translate(-112px, 166px); transform: rotate(-33.5deg) translate(-112px, 166px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transition: all 0.4s ease-in-out 0.3s; -moz-transition: all 0.4s ease-in-out 0.3s; -o-transition: all 0.4s ease-in-out 0.3s; transition: all 0.4s ease-in-out 0.3s; } .golliew-ninth a.info { display: none; } .golliew-ninth:hover .gollent { height: 260px; width: 400px; top: 15px; left: 50px; -webkit-transform: rotate(0deg) translate(0, 0); -moz-transform: rotate(0deg) translate(0, 0); -o-transform: rotate(0deg) translate(0, 0); -ms-transform: rotate(0deg) translate(0, 0); transform: rotate(0deg) translate(0, 0); } .golliew-ninth:hover .gollask-1, .golliew-ninth:hover .gollask-2 { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .golliew-ninth:hover .gollask-1 { -webkit-transform: rotate(56.5deg) translateX(113px); -moz-transform: rotate(56.5deg) translateX(1px); -o-transform: rotate(56.5deg) translateX(1px); -ms-transform: rotate(56.5deg) translateX(1px); transform: rotate(56.5deg) translateX(1px); } .golliew-ninth:hover .gollask-2 { -webkit-transform: rotate(56.5deg) translateX(-112px); -moz-transform: rotate(56.5deg) translateX(-1px); -o-transform: rotate(56.5deg) translateX(-1px); -ms-transform: rotate(56.5deg) translateX(-1px); transform: rotate(56.5deg) translateX(-1px); } .gollund { overflow: hidden; text-align: center; color: #91aab9; font-family: Courier New; font-size: 14px; text-transform: lowercase; font-style: italic; } .gollund:before, .gollund:after { background-color: #837372; gollent: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; } .gollund:before { right: 0.5em; margin-left: -50%; } .gollund:after { left: 0.5em; margin-right: -50%; } .three-columns .column { width: 33%; float: left; } .gollinfo { height: 150px; overflow: auto; padding: 4px; font-family: Candara, sans-serif; font-size: 11px; color: #dddede; line-height: 12px; text-align: justify; } div.gollinfo::-webkit-scrollbar { width: 6px; } div.gollinfo::-webkit-scrollbar-button { width: 6px; height: 4px; } div.gollinfo::-webkit-scrollbar-track { background: transparent; } div.gollinfo::-webkit-scrollbar-thumb { background:#837372; } .gollname { font-family: Courier New; font-size: 24px; color: #91aab9; padding-top: 6px; } a.gollc { font-size: 8px; text-decoration: none; color: black; } </style> <center> <div class="golliew golliew-ninth"> <img src="http://zagruzitfoto.com/images/2015/07/10/uEYkS.jpg" /> <div class="gollask gollask-1"></div> <div class="gollask gollaskco-2"></div> <div class="gollent"> <div class="gollname">DANIEL HARRIS</div> <div style="padding: 4px;"><div class="gollinfo"><font color="#837372">♦</font> второй по силе оборотень в клане после своего старшего брата - Шелдона. Однако по характеру больше напоминает именно старшего из детей.<br /><br /> <font color="#837372">♦</font> с детства отличался здравым и взрослым мышлением, серьезностью, храбростью, а так же недоверчивостью, жесткостью в некоторых ситуациях и консервативностью.<br /><br /> <font color="#837372">♦</font> в давней схватке с вампирами убил младшего брата Эванса Миллера - Блэйка, из-за чего с первым у него всегда были отношения "холодной" войны, особенно после заключения мира между кланами.<br /><br /> <font color="#837372">♦</font> является абсолютным альбиносом, что видно по цвету его волос, кожи и глаз.<br /><br /> <font color="#837372">♦</font> обходит вампиров стороной, считает их в некотором смысле отбросами, однако, если заполучить его доверие, может признать и кровососа.<br /><br /> <br /><br /> </div><br /> <div class="three-columns"> <div id="clm1" class="column"><div class="gollund">РАСА</div> <div class="gollinfo">оборотень<br /></div></div> <div id="clm2" class="column"><div class="gollund">ВОЗРАСТ</div> <div class="gollinfo">29 лет | 540 лет<br /></div></div> <div id="clm3" class="column"><div class="gollund">СТОРОНА</div> <div class="gollinfo">Харрис<br /></div></div> </div> </div> </div> </center>
*Katekyo Hitman REBORN!/Superbi Squalo
Поделиться42015-07-10 15:18:39
Код:
<!--HTML--> <style type="text/css"> .golliew { width: 500px; height: 300px; margin: 10px; border: 10px solid #454545; overflow: hidden; position: relative; text-align: center; -webkit-box-shadow: 1px 1px 2px #4e4e4e; -moz-box-shadow: 1px 1px 2px #4e4e4e; box-shadow: 1px 1px 2px #4e4e4e; background: url(http://sg.uploads.ru/t/mZqMa.png) no-repeat center center; } .golliew .gollask,.golliew .gollent { width: 500px; height: 250px; position: absolute; overflow: hidden; top: 0; left: 0; } .golliew img { display: block; position: relative; } .golliew-ninth .gollask-1, .golliew-ninth .gollask-2 { height: 1000px; width: 500px; background: rgba(145,170,185,0.3); -webkit-transition: all 0.3s ease-in-out 0.6s; -moz-transition: all 0.3s ease-in-out 0.6s; -o-transition: all 0.3s ease-in-out 0.6s; transition: all 0.3s ease-in-out 0.6s; } .golliew-ninth .gollask-1 { left: auto; right: 0; -webkit-transform: rotate(56.5deg) translateX(-400px); -moz-transform: rotate(56.5deg) translateX(-400px); -o-transform: rotate(56.5deg) translateX(-400px); -ms-transform: rotate(56.5deg) translateX(-400px); transform: rotate(56.5deg) translateX(-400px); -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; transform-origin: 100% 0%; } .golliew-ninth .gollask-2 { top: auto; bottom: 0; -webkit-transform: rotate(56.5deg) translateX(400px); -moz-transform: rotate(56.5deg) translateX(400px); -o-transform: rotate(56.5deg) translateX(400px); -ms-transform: rotate(56.5deg) translateX(400px); transform: rotate(56.5deg) translateX(400px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; } .golliew-ninth .gollent { background-color: rgba(59,45,44,0.9); color: #ffffff; height: 0; width: 500px; overflow: hidden; -webkit-transform: rotate(-33.5deg) translate(-112px, 166px); -moz-transform: rotate(-33.5deg) translate(-112px, 166px); -o-transform: rotate(-33.5deg) translate(-112px, 166px); -ms-transform: rotate(-33.5deg) translate(-112px, 166px); transform: rotate(-33.5deg) translate(-112px, 166px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transition: all 0.4s ease-in-out 0.3s; -moz-transition: all 0.4s ease-in-out 0.3s; -o-transition: all 0.4s ease-in-out 0.3s; transition: all 0.4s ease-in-out 0.3s; } .golliew-ninth a.info { display: none; } .golliew-ninth:hover .gollent { height: 260px; width: 400px; top: 15px; left: 50px; -webkit-transform: rotate(0deg) translate(0, 0); -moz-transform: rotate(0deg) translate(0, 0); -o-transform: rotate(0deg) translate(0, 0); -ms-transform: rotate(0deg) translate(0, 0); transform: rotate(0deg) translate(0, 0); } .golliew-ninth:hover .gollask-1, .golliew-ninth:hover .gollask-2 { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .golliew-ninth:hover .gollask-1 { -webkit-transform: rotate(56.5deg) translateX(113px); -moz-transform: rotate(56.5deg) translateX(1px); -o-transform: rotate(56.5deg) translateX(1px); -ms-transform: rotate(56.5deg) translateX(1px); transform: rotate(56.5deg) translateX(1px); } .golliew-ninth:hover .gollask-2 { -webkit-transform: rotate(56.5deg) translateX(-112px); -moz-transform: rotate(56.5deg) translateX(-1px); -o-transform: rotate(56.5deg) translateX(-1px); -ms-transform: rotate(56.5deg) translateX(-1px); transform: rotate(56.5deg) translateX(-1px); } .gollund { overflow: hidden; text-align: center; color: #91aab9; font-family: Courier New; font-size: 14px; text-transform: lowercase; font-style: italic; } .gollund:before, .gollund:after { background-color: #837372; gollent: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; } .gollund:before { right: 0.5em; margin-left: -50%; } .gollund:after { left: 0.5em; margin-right: -50%; } .three-columns .column { width: 33%; float: left; } .gollinfo { height: 150px; overflow: auto; padding: 4px; font-family: Candara, sans-serif; font-size: 11px; color: #dddede; line-height: 12px; text-align: justify; } div.gollinfo::-webkit-scrollbar { width: 6px; } div.gollinfo::-webkit-scrollbar-button { width: 6px; height: 4px; } div.gollinfo::-webkit-scrollbar-track { background: transparent; } div.gollinfo::-webkit-scrollbar-thumb { background:#837372; } .gollname { font-family: Courier New; font-size: 24px; color: #91aab9; padding-top: 6px; } a.gollc { font-size: 8px; text-decoration: none; color: black; } </style> <center> <div class="golliew golliew-ninth"> <img src="http://sh.uploads.ru/t/ExFGq.png" /> <div class="gollask gollask-1"></div> <div class="gollask gollaskco-2"></div> <div class="gollent"> <div class="gollname">ASHLEY HARRIS</div> <div style="padding: 4px;"><div class="gollinfo"><font color="#837372">♦</font> Легендарная женщина клана Харрис. Эшли очень сильна, как физически, так и духовно. Закаленная в своей долгой жизни, она может поставить на место любого зарвавшегося сопляка. А "сопляками" для нее являются почти все вокруг - ведь женщину уже более трехсот лет.<br /><br /> <font color="#837372">♦</font>Эшли отличается со своей невероятной силой, любовью к выпивке и игорным домам. Она может за один удар снести врагу голову, и в то же время может высушить несколько бутылок сакэ за один присест. <br /><br /> <font color="#837372">♦</font>Так как потеряла любимых людей, – это братишку и возлюбленного, - долгое время скиталась за пределами «стай». И вот не так давно вернулась, так как напряженка между расами достигла высокого уровня. <br /><br /> <font color="#837372">♦</font>Занимает высокий пост в клане, так как является прямым потомком и внучкой Эвенса. Правда не очень любит распространяться подобным. Терпеть не может возиться с документами, в такие моменты просто тихо сваливает и коротает вечера в баре. Однако работа декана в университете Чикаго остается любимым делом женщины. <br /><br /> </div><br /> <div class="three-columns"> <div id="clm1" class="column"><div class="gollund">РАСА</div> <div class="gollinfo">оборотень<br /></div></div> <div id="clm2" class="column"><div class="gollund">ВОЗРАСТ</div> <div class="gollinfo">29 лет | 300-350 лет<br /></div></div> <div id="clm3" class="column"><div class="gollund">СТОРОНА</div> <div class="gollinfo">Харрис<br /></div></div> </div> </div> </div> </center>
* Naruto - TSUNADE SENJU
Поделиться52015-07-10 15:29:37
До подачи анкеты связаться с Алексом.
Код:
<!--HTML--> <style type="text/css"> .golliew { width: 500px; height: 300px; margin: 10px; border: 10px solid #454545; overflow: hidden; position: relative; text-align: center; -webkit-box-shadow: 1px 1px 2px #4e4e4e; -moz-box-shadow: 1px 1px 2px #4e4e4e; box-shadow: 1px 1px 2px #4e4e4e; background: url(http://sg.uploads.ru/t/mZqMa.png) no-repeat center center; } .golliew .gollask,.golliew .gollent { width: 500px; height: 250px; position: absolute; overflow: hidden; top: 0; left: 0; } .golliew img { display: block; position: relative; } .golliew-ninth .gollask-1, .golliew-ninth .gollask-2 { height: 1000px; width: 500px; background: rgba(145,170,185,0.3); -webkit-transition: all 0.3s ease-in-out 0.6s; -moz-transition: all 0.3s ease-in-out 0.6s; -o-transition: all 0.3s ease-in-out 0.6s; transition: all 0.3s ease-in-out 0.6s; } .golliew-ninth .gollask-1 { left: auto; right: 0; -webkit-transform: rotate(56.5deg) translateX(-400px); -moz-transform: rotate(56.5deg) translateX(-400px); -o-transform: rotate(56.5deg) translateX(-400px); -ms-transform: rotate(56.5deg) translateX(-400px); transform: rotate(56.5deg) translateX(-400px); -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; transform-origin: 100% 0%; } .golliew-ninth .gollask-2 { top: auto; bottom: 0; -webkit-transform: rotate(56.5deg) translateX(400px); -moz-transform: rotate(56.5deg) translateX(400px); -o-transform: rotate(56.5deg) translateX(400px); -ms-transform: rotate(56.5deg) translateX(400px); transform: rotate(56.5deg) translateX(400px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; } .golliew-ninth .gollent { background-color: rgba(59,45,44,0.9); color: #ffffff; height: 0; width: 500px; overflow: hidden; -webkit-transform: rotate(-33.5deg) translate(-112px, 166px); -moz-transform: rotate(-33.5deg) translate(-112px, 166px); -o-transform: rotate(-33.5deg) translate(-112px, 166px); -ms-transform: rotate(-33.5deg) translate(-112px, 166px); transform: rotate(-33.5deg) translate(-112px, 166px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transition: all 0.4s ease-in-out 0.3s; -moz-transition: all 0.4s ease-in-out 0.3s; -o-transition: all 0.4s ease-in-out 0.3s; transition: all 0.4s ease-in-out 0.3s; } .golliew-ninth a.info { display: none; } .golliew-ninth:hover .gollent { height: 260px; width: 400px; top: 15px; left: 50px; -webkit-transform: rotate(0deg) translate(0, 0); -moz-transform: rotate(0deg) translate(0, 0); -o-transform: rotate(0deg) translate(0, 0); -ms-transform: rotate(0deg) translate(0, 0); transform: rotate(0deg) translate(0, 0); } .golliew-ninth:hover .gollask-1, .golliew-ninth:hover .gollask-2 { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .golliew-ninth:hover .gollask-1 { -webkit-transform: rotate(56.5deg) translateX(113px); -moz-transform: rotate(56.5deg) translateX(1px); -o-transform: rotate(56.5deg) translateX(1px); -ms-transform: rotate(56.5deg) translateX(1px); transform: rotate(56.5deg) translateX(1px); } .golliew-ninth:hover .gollask-2 { -webkit-transform: rotate(56.5deg) translateX(-112px); -moz-transform: rotate(56.5deg) translateX(-1px); -o-transform: rotate(56.5deg) translateX(-1px); -ms-transform: rotate(56.5deg) translateX(-1px); transform: rotate(56.5deg) translateX(-1px); } .gollund { overflow: hidden; text-align: center; color: #91aab9; font-family: Courier New; font-size: 14px; text-transform: lowercase; font-style: italic; } .gollund:before, .gollund:after { background-color: #837372; gollent: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; } .gollund:before { right: 0.5em; margin-left: -50%; } .gollund:after { left: 0.5em; margin-right: -50%; } .three-columns .column { width: 33%; float: left; } .gollinfo { height: 150px; overflow: auto; padding: 4px; font-family: Candara, sans-serif; font-size: 11px; color: #dddede; line-height: 12px; text-align: justify; } div.gollinfo::-webkit-scrollbar { width: 6px; } div.gollinfo::-webkit-scrollbar-button { width: 6px; height: 4px; } div.gollinfo::-webkit-scrollbar-track { background: transparent; } div.gollinfo::-webkit-scrollbar-thumb { background:#837372; } .gollname { font-family: Courier New; font-size: 24px; color: #91aab9; padding-top: 6px; } a.gollc { font-size: 8px; text-decoration: none; color: black; } </style> <center> <div class="golliew golliew-ninth"> <img src="http://sh.uploads.ru/t/6G0DW.png" /> <div class="gollask gollask-1"></div> <div class="gollask gollaskco-2"></div> <div class="gollent"> <div class="gollname">NARUTO UZUMAKI</div> <div style="padding: 4px;"><div class="gollinfo"><font color="#837372">♦</font> Самый активный и самый достающий герой клана Харрис. Он является не прямым потомком, но никого это особа не волнует. <br /><br /> <font color="#837372">♦</font> Мечтает стать лидером клана и привести этот свет к миру и покою. Ему порядком надоело сражаться против других и все время видеть кровь на своих руках. <br /><br /> <font color="#837372">♦</font> В свое время подружился с кровососом, которого привел в клан. Они познакомились еще в детском доме, куда мальчик попал после смерти родителей. Однако, когда его выпустили из интерната, отправился жить к дяде в Америку из Японии к Джирае. Сказать, что мальчик был зол на него за то, что тот не забрал его из приюта – нельзя. Наруто такой тип, который не обижается и не злится подолгу, он всегда находит странные объяснение обстоятельствам и всегда старается понимать окружающих. <br /><br /> </div><br /> <div class="three-columns"> <div id="clm1" class="column"><div class="gollund">РАСА</div> <div class="gollinfo">одержимый<br /></div></div> <div id="clm2" class="column"><div class="gollund">ВОЗРАСТ</div> <div class="gollinfo">21 год<br /></div></div> <div id="clm3" class="column"><div class="gollund">СТОРОНА</div> <div class="gollinfo">Харрис<br /></div></div> </div> </div> </div> </center>
* NARUTO - Naruto Uzumaki
Поделиться62015-07-10 15:41:07
Код:
<!--HTML--> <style type="text/css"> .golliew { width: 500px; height: 300px; margin: 10px; border: 10px solid #454545; overflow: hidden; position: relative; text-align: center; -webkit-box-shadow: 1px 1px 2px #4e4e4e; -moz-box-shadow: 1px 1px 2px #4e4e4e; box-shadow: 1px 1px 2px #4e4e4e; background: url(http://sg.uploads.ru/t/mZqMa.png) no-repeat center center; } .golliew .gollask,.golliew .gollent { width: 500px; height: 250px; position: absolute; overflow: hidden; top: 0; left: 0; } .golliew img { display: block; position: relative; } .golliew-ninth .gollask-1, .golliew-ninth .gollask-2 { height: 1000px; width: 500px; background: rgba(145,170,185,0.3); -webkit-transition: all 0.3s ease-in-out 0.6s; -moz-transition: all 0.3s ease-in-out 0.6s; -o-transition: all 0.3s ease-in-out 0.6s; transition: all 0.3s ease-in-out 0.6s; } .golliew-ninth .gollask-1 { left: auto; right: 0; -webkit-transform: rotate(56.5deg) translateX(-400px); -moz-transform: rotate(56.5deg) translateX(-400px); -o-transform: rotate(56.5deg) translateX(-400px); -ms-transform: rotate(56.5deg) translateX(-400px); transform: rotate(56.5deg) translateX(-400px); -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; transform-origin: 100% 0%; } .golliew-ninth .gollask-2 { top: auto; bottom: 0; -webkit-transform: rotate(56.5deg) translateX(400px); -moz-transform: rotate(56.5deg) translateX(400px); -o-transform: rotate(56.5deg) translateX(400px); -ms-transform: rotate(56.5deg) translateX(400px); transform: rotate(56.5deg) translateX(400px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; } .golliew-ninth .gollent { background-color: rgba(59,45,44,0.9); color: #ffffff; height: 0; width: 500px; overflow: hidden; -webkit-transform: rotate(-33.5deg) translate(-112px, 166px); -moz-transform: rotate(-33.5deg) translate(-112px, 166px); -o-transform: rotate(-33.5deg) translate(-112px, 166px); -ms-transform: rotate(-33.5deg) translate(-112px, 166px); transform: rotate(-33.5deg) translate(-112px, 166px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transition: all 0.4s ease-in-out 0.3s; -moz-transition: all 0.4s ease-in-out 0.3s; -o-transition: all 0.4s ease-in-out 0.3s; transition: all 0.4s ease-in-out 0.3s; } .golliew-ninth a.info { display: none; } .golliew-ninth:hover .gollent { height: 260px; width: 400px; top: 15px; left: 50px; -webkit-transform: rotate(0deg) translate(0, 0); -moz-transform: rotate(0deg) translate(0, 0); -o-transform: rotate(0deg) translate(0, 0); -ms-transform: rotate(0deg) translate(0, 0); transform: rotate(0deg) translate(0, 0); } .golliew-ninth:hover .gollask-1, .golliew-ninth:hover .gollask-2 { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .golliew-ninth:hover .gollask-1 { -webkit-transform: rotate(56.5deg) translateX(113px); -moz-transform: rotate(56.5deg) translateX(1px); -o-transform: rotate(56.5deg) translateX(1px); -ms-transform: rotate(56.5deg) translateX(1px); transform: rotate(56.5deg) translateX(1px); } .golliew-ninth:hover .gollask-2 { -webkit-transform: rotate(56.5deg) translateX(-112px); -moz-transform: rotate(56.5deg) translateX(-1px); -o-transform: rotate(56.5deg) translateX(-1px); -ms-transform: rotate(56.5deg) translateX(-1px); transform: rotate(56.5deg) translateX(-1px); } .gollund { overflow: hidden; text-align: center; color: #91aab9; font-family: Courier New; font-size: 14px; text-transform: lowercase; font-style: italic; } .gollund:before, .gollund:after { background-color: #837372; gollent: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; } .gollund:before { right: 0.5em; margin-left: -50%; } .gollund:after { left: 0.5em; margin-right: -50%; } .three-columns .column { width: 33%; float: left; } .gollinfo { height: 150px; overflow: auto; padding: 4px; font-family: Candara, sans-serif; font-size: 11px; color: #dddede; line-height: 12px; text-align: justify; } div.gollinfo::-webkit-scrollbar { width: 6px; } div.gollinfo::-webkit-scrollbar-button { width: 6px; height: 4px; } div.gollinfo::-webkit-scrollbar-track { background: transparent; } div.gollinfo::-webkit-scrollbar-thumb { background:#837372; } .gollname { font-family: Courier New; font-size: 24px; color: #91aab9; padding-top: 6px; } a.gollc { font-size: 8px; text-decoration: none; color: black; } </style> <center> <div class="golliew golliew-ninth"> <img src="http://zagruzitfoto.com/images/2015/07/10/s0FPj.jpg" /> <div class="gollask gollask-1"></div> <div class="gollask gollaskco-2"></div> <div class="gollent"> <div class="gollname">Hamphrey James</div> <div style="padding: 4px;"><div class="gollinfo"><font color="#837372">♦</font> Мальчику пришлось не сладко. Он был тем, кто видел смерть отца. Он видел, как отец просто покончил свою жизнь самоубийством. Тогда еще маленький Джеимс уже возненавидел в какой-то степени общество и начал делать все по их правилам, чтобы в один момент не закончить свою жизнь так же, как и отец. Словно брошенный судьбой, мальчик рос в детском доме и вызывал у многих неприязнь своим цинизмом и нередко слишком правильными поступками. <br /><br /> <font color="#837372">♦</font> Его близким другом стал никто иной, как Эрик Миллер. Он прекрасно понимал, кто он такой и что он из себя представляет, но дружба началась странным образом между ними и продолжалась много лет. Так же в их компании была милая девушка - Рин, которая была до безумия влюблена в Хатаке, а к Обито всегда относилась хорошо и заботливо. <br /><br /> <font color="#837372">♦</font> В один обычный день Рин похитили и изнасиловали. Джеимс и Эрик не успели вовремя, и в гневе последний начал драться, но проиграл и был смертельно ранен. Джеимс в тот момент не знал, что парнишка наполовину вампир. В этой драке Джеимс как раз таки потерял один глаз. Взяв Рин, тогда он оставил бездыханное, по его мнению, тело друга и сбежал с данного места. <br /><br /> <font color="#837372">♦</font> Через какое-то время Рин полностью меняется. Она начинает желать крови и даже предпринимает попытку укусить медсестру, которая присматривала за ней, но Джеимс вовремя успевает остановить ее. Рин становится нечистокровным вампиром, и Хамфри не знает, что делать. Тогда, придя в себя, девушка просит убить ее, потому что она не может жить, будучи кровососущим монстром. Джеимс всяческий отнекивается и просит подождать, надеется, что найдет решение. Тогда девушка протягивает ему мачете и просит снести ей голову. Она была слишком доброй, чтобы убивать, и не могла продолжать в жить в таком обличие. Отмахнувшись, парень уже думает выкинуть оружие, как девушка вновь теряет контроль над собой и нападает на Хамфри. В итоге мальчишка убивает свою подругу именно в тот момент, когда Обито возвращается. Увидев эту картину, Харрис в подавленном и разбитом состоянии уходит, ничего не сказав другу и даже не показавшись ему. <br /><br /> <br /><br /> </div><br /> <div class="three-columns"> <div id="clm1" class="column"><div class="gollund">РАСА</div> <div class="gollinfo">оборотень<br /></div></div> <div id="clm2" class="column"><div class="gollund">ВОЗРАСТ</div> <div class="gollinfo">29 лет | 250 лет<br /></div></div> <div id="clm3" class="column"><div class="gollund">СТОРОНА</div> <div class="gollinfo">Харрис<br /></div></div> </div> </div> </div> </center>
* Gin Tama - Sakata Gintoki
Поделиться72015-07-10 15:46:29
Код:
<!--HTML--> <style type="text/css"> .golliew { width: 500px; height: 300px; margin: 10px; border: 10px solid #454545; overflow: hidden; position: relative; text-align: center; -webkit-box-shadow: 1px 1px 2px #4e4e4e; -moz-box-shadow: 1px 1px 2px #4e4e4e; box-shadow: 1px 1px 2px #4e4e4e; background: url(http://sg.uploads.ru/t/mZqMa.png) no-repeat center center; } .golliew .gollask,.golliew .gollent { width: 500px; height: 250px; position: absolute; overflow: hidden; top: 0; left: 0; } .golliew img { display: block; position: relative; } .golliew-ninth .gollask-1, .golliew-ninth .gollask-2 { height: 1000px; width: 500px; background: rgba(145,170,185,0.3); -webkit-transition: all 0.3s ease-in-out 0.6s; -moz-transition: all 0.3s ease-in-out 0.6s; -o-transition: all 0.3s ease-in-out 0.6s; transition: all 0.3s ease-in-out 0.6s; } .golliew-ninth .gollask-1 { left: auto; right: 0; -webkit-transform: rotate(56.5deg) translateX(-400px); -moz-transform: rotate(56.5deg) translateX(-400px); -o-transform: rotate(56.5deg) translateX(-400px); -ms-transform: rotate(56.5deg) translateX(-400px); transform: rotate(56.5deg) translateX(-400px); -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; transform-origin: 100% 0%; } .golliew-ninth .gollask-2 { top: auto; bottom: 0; -webkit-transform: rotate(56.5deg) translateX(400px); -moz-transform: rotate(56.5deg) translateX(400px); -o-transform: rotate(56.5deg) translateX(400px); -ms-transform: rotate(56.5deg) translateX(400px); transform: rotate(56.5deg) translateX(400px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; } .golliew-ninth .gollent { background-color: rgba(59,45,44,0.9); color: #ffffff; height: 0; width: 500px; overflow: hidden; -webkit-transform: rotate(-33.5deg) translate(-112px, 166px); -moz-transform: rotate(-33.5deg) translate(-112px, 166px); -o-transform: rotate(-33.5deg) translate(-112px, 166px); -ms-transform: rotate(-33.5deg) translate(-112px, 166px); transform: rotate(-33.5deg) translate(-112px, 166px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transition: all 0.4s ease-in-out 0.3s; -moz-transition: all 0.4s ease-in-out 0.3s; -o-transition: all 0.4s ease-in-out 0.3s; transition: all 0.4s ease-in-out 0.3s; } .golliew-ninth a.info { display: none; } .golliew-ninth:hover .gollent { height: 260px; width: 400px; top: 15px; left: 50px; -webkit-transform: rotate(0deg) translate(0, 0); -moz-transform: rotate(0deg) translate(0, 0); -o-transform: rotate(0deg) translate(0, 0); -ms-transform: rotate(0deg) translate(0, 0); transform: rotate(0deg) translate(0, 0); } .golliew-ninth:hover .gollask-1, .golliew-ninth:hover .gollask-2 { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .golliew-ninth:hover .gollask-1 { -webkit-transform: rotate(56.5deg) translateX(113px); -moz-transform: rotate(56.5deg) translateX(1px); -o-transform: rotate(56.5deg) translateX(1px); -ms-transform: rotate(56.5deg) translateX(1px); transform: rotate(56.5deg) translateX(1px); } .golliew-ninth:hover .gollask-2 { -webkit-transform: rotate(56.5deg) translateX(-112px); -moz-transform: rotate(56.5deg) translateX(-1px); -o-transform: rotate(56.5deg) translateX(-1px); -ms-transform: rotate(56.5deg) translateX(-1px); transform: rotate(56.5deg) translateX(-1px); } .gollund { overflow: hidden; text-align: center; color: #91aab9; font-family: Courier New; font-size: 14px; text-transform: lowercase; font-style: italic; } .gollund:before, .gollund:after { background-color: #837372; gollent: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; } .gollund:before { right: 0.5em; margin-left: -50%; } .gollund:after { left: 0.5em; margin-right: -50%; } .three-columns .column { width: 33%; float: left; } .gollinfo { height: 150px; overflow: auto; padding: 4px; font-family: Candara, sans-serif; font-size: 11px; color: #dddede; line-height: 12px; text-align: justify; } div.gollinfo::-webkit-scrollbar { width: 6px; } div.gollinfo::-webkit-scrollbar-button { width: 6px; height: 4px; } div.gollinfo::-webkit-scrollbar-track { background: transparent; } div.gollinfo::-webkit-scrollbar-thumb { background:#837372; } .gollname { font-family: Courier New; font-size: 24px; color: #91aab9; padding-top: 6px; } a.gollc { font-size: 8px; text-decoration: none; color: black; } </style> <center> <div class="golliew golliew-ninth"> <img src="http://sh.uploads.ru/t/SIo6c.png" /> <div class="gollask gollask-1"></div> <div class="gollask gollaskco-2"></div> <div class="gollent"> <div class="gollname">JIRAYA</div> <div style="padding: 4px;"><div class="gollinfo"><font color="#837372">♦</font> писатель-романист, Джирайя путешествует по миру, ловя вдохновение и отдавая всего себя своим книжкам, женщинам и иногда алкоголю. Он слегка непостоянен, весел и добродушен, но так же может показать свою серьезную, сильную сторону хорошего наставника.<br /><br /> <font color="#837372">♦</font> пару лет назад вернулся обратно в Чикого, так как пришло время выпуска Наруто из интерната, а Джирайя являлся его дядей. На данный момент Узумаки живет вместе с ним. <br /><br /> <font color="#837372">♦</font> одинок, а потому падок на слабый пол. Ради давней знакомой, - Эшли, - устроился в университет учителем философии. <br /><br /> <font color="#837372">♦</font> ритуал прошел в довольно позднем возрасте, так как, опять же, хотел увидеть мир глазами человека. Ну, и просто не мог понять, хочет ли быть оборотнем или нет. <br /><br /> <font color="#837372">♦</font> коренной Японец, который сейчас живет в Америке. <br /><br /> <br /><br /> </div><br /> <div class="three-columns"> <div id="clm1" class="column"><div class="gollund">РАСА</div> <div class="gollinfo">оборотень<br /></div></div> <div id="clm2" class="column"><div class="gollund">ВОЗРАСТ</div> <div class="gollinfo">54 года | 300 лет<br /></div></div> <div id="clm3" class="column"><div class="gollund">СТОРОНА</div> <div class="gollinfo">Харрис<br /></div></div> </div> </div> </div> </center>
* Naruto - JIRAYA
Поделиться82015-07-10 16:09:47
Код:
<!--HTML--> <style type="text/css"> .golliew { width: 500px; height: 300px; margin: 10px; border: 10px solid #454545; overflow: hidden; position: relative; text-align: center; -webkit-box-shadow: 1px 1px 2px #4e4e4e; -moz-box-shadow: 1px 1px 2px #4e4e4e; box-shadow: 1px 1px 2px #4e4e4e; background: url(http://sg.uploads.ru/t/mZqMa.png) no-repeat center center; } .golliew .gollask,.golliew .gollent { width: 500px; height: 250px; position: absolute; overflow: hidden; top: 0; left: 0; } .golliew img { display: block; position: relative; } .golliew-ninth .gollask-1, .golliew-ninth .gollask-2 { height: 1000px; width: 500px; background: rgba(145,170,185,0.3); -webkit-transition: all 0.3s ease-in-out 0.6s; -moz-transition: all 0.3s ease-in-out 0.6s; -o-transition: all 0.3s ease-in-out 0.6s; transition: all 0.3s ease-in-out 0.6s; } .golliew-ninth .gollask-1 { left: auto; right: 0; -webkit-transform: rotate(56.5deg) translateX(-400px); -moz-transform: rotate(56.5deg) translateX(-400px); -o-transform: rotate(56.5deg) translateX(-400px); -ms-transform: rotate(56.5deg) translateX(-400px); transform: rotate(56.5deg) translateX(-400px); -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; transform-origin: 100% 0%; } .golliew-ninth .gollask-2 { top: auto; bottom: 0; -webkit-transform: rotate(56.5deg) translateX(400px); -moz-transform: rotate(56.5deg) translateX(400px); -o-transform: rotate(56.5deg) translateX(400px); -ms-transform: rotate(56.5deg) translateX(400px); transform: rotate(56.5deg) translateX(400px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; } .golliew-ninth .gollent { background-color: rgba(59,45,44,0.9); color: #ffffff; height: 0; width: 500px; overflow: hidden; -webkit-transform: rotate(-33.5deg) translate(-112px, 166px); -moz-transform: rotate(-33.5deg) translate(-112px, 166px); -o-transform: rotate(-33.5deg) translate(-112px, 166px); -ms-transform: rotate(-33.5deg) translate(-112px, 166px); transform: rotate(-33.5deg) translate(-112px, 166px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transition: all 0.4s ease-in-out 0.3s; -moz-transition: all 0.4s ease-in-out 0.3s; -o-transition: all 0.4s ease-in-out 0.3s; transition: all 0.4s ease-in-out 0.3s; } .golliew-ninth a.info { display: none; } .golliew-ninth:hover .gollent { height: 260px; width: 400px; top: 15px; left: 50px; -webkit-transform: rotate(0deg) translate(0, 0); -moz-transform: rotate(0deg) translate(0, 0); -o-transform: rotate(0deg) translate(0, 0); -ms-transform: rotate(0deg) translate(0, 0); transform: rotate(0deg) translate(0, 0); } .golliew-ninth:hover .gollask-1, .golliew-ninth:hover .gollask-2 { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .golliew-ninth:hover .gollask-1 { -webkit-transform: rotate(56.5deg) translateX(113px); -moz-transform: rotate(56.5deg) translateX(1px); -o-transform: rotate(56.5deg) translateX(1px); -ms-transform: rotate(56.5deg) translateX(1px); transform: rotate(56.5deg) translateX(1px); } .golliew-ninth:hover .gollask-2 { -webkit-transform: rotate(56.5deg) translateX(-112px); -moz-transform: rotate(56.5deg) translateX(-1px); -o-transform: rotate(56.5deg) translateX(-1px); -ms-transform: rotate(56.5deg) translateX(-1px); transform: rotate(56.5deg) translateX(-1px); } .gollund { overflow: hidden; text-align: center; color: #91aab9; font-family: Courier New; font-size: 14px; text-transform: lowercase; font-style: italic; } .gollund:before, .gollund:after { background-color: #837372; gollent: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; } .gollund:before { right: 0.5em; margin-left: -50%; } .gollund:after { left: 0.5em; margin-right: -50%; } .three-columns .column { width: 33%; float: left; } .gollinfo { height: 150px; overflow: auto; padding: 4px; font-family: Candara, sans-serif; font-size: 11px; color: #dddede; line-height: 12px; text-align: justify; } div.gollinfo::-webkit-scrollbar { width: 6px; } div.gollinfo::-webkit-scrollbar-button { width: 6px; height: 4px; } div.gollinfo::-webkit-scrollbar-track { background: transparent; } div.gollinfo::-webkit-scrollbar-thumb { background:#837372; } .gollname { font-family: Courier New; font-size: 24px; color: #91aab9; padding-top: 6px; } a.gollc { font-size: 8px; text-decoration: none; color: black; } </style> <center> <div class="golliew golliew-ninth"> <img src="http://zagruzitfoto.com/images/2015/07/10/eZ2ag.jpg" /> <div class="gollask gollask-1"></div> <div class="gollask gollaskco-2"></div> <div class="gollent"> <div class="gollname">Dominic Nevill</div> <div style="padding: 4px;"><div class="gollinfo"><font color="#837372">♦</font> Нара - это тот самый человек, который любит поваляться и ничего не делать. Но в клане он играет немаловажную роль, так как является гением-стратегом. Никто не справляется лучше него, разве что еще отец на уровне, но Доменик превосходит даже его.<br /><br /> <font color="#837372">♦</font> Всегда жалуется на женский пол, так как не может понять логику их поведения. <br /><br /> <font color="#837372">♦</font> Его все время можно заметить рядом с Наруто, так как они являются тем самым «новым поколением». Доменик - здравомыслящий паренек, который нередко помогает Узумаки разжевать многие непонятные для одержимого вещи. <br /><br /> <font color="#837372">♦</font> Часто можно заметить парня валяющегося на поле и смотрящего на звезды. Скажете мечтательный? Нет, он просто любит порой провести время в одиночестве и в раздумьях. <br /><br /> <br /><br /> </div><br /> <div class="three-columns"> <div id="clm1" class="column"><div class="gollund">РАСА</div> <div class="gollinfo">оборотень<br /></div></div> <div id="clm2" class="column"><div class="gollund">ВОЗРАСТ</div> <div class="gollinfo">18 лет | 21 год<br /></div></div> <div id="clm3" class="column"><div class="gollund">СТОРОНА</div> <div class="gollinfo">Харрис<br /></div></div> </div> </div> </div> </center>
* Hakuouki Shinsengumi Kitan/Okita Souji
Поделиться92015-07-10 16:38:57
Код:
<!--HTML--> <style type="text/css"> .golliew { width: 500px; height: 300px; margin: 10px; border: 10px solid #322525; overflow: hidden; position: relative; text-align: center; -webkit-box-shadow: 1px 1px 2px #322525; -moz-box-shadow: 1px 1px 2px #322525; box-shadow: 1px 1px 2px #322525; background: url(http://sh.uploads.ru/t/oAvwQ.jpg) repeat center center; } .golliew .gollask,.golliew .gollent { width: 500px; height: 250px; position: absolute; overflow: hidden; top: 0; left: 0; } .golliew img { display: block; position: relative; } .golliew-ninth .gollask-1, .golliew-ninth .gollask-2 { height: 1000px; width: 500px; background: rgba(230,91,95,0.3); -webkit-transition: all 0.3s ease-in-out 0.6s; -moz-transition: all 0.3s ease-in-out 0.6s; -o-transition: all 0.3s ease-in-out 0.6s; transition: all 0.3s ease-in-out 0.6s; } .golliew-ninth .gollask-1 { left: auto; right: 0; -webkit-transform: rotate(56.5deg) translateX(-400px); -moz-transform: rotate(56.5deg) translateX(-400px); -o-transform: rotate(56.5deg) translateX(-400px); -ms-transform: rotate(56.5deg) translateX(-400px); transform: rotate(56.5deg) translateX(-400px); -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; transform-origin: 100% 0%; } .golliew-ninth .gollask-2 { top: auto; bottom: 0; -webkit-transform: rotate(56.5deg) translateX(400px); -moz-transform: rotate(56.5deg) translateX(400px); -o-transform: rotate(56.5deg) translateX(400px); -ms-transform: rotate(56.5deg) translateX(400px); transform: rotate(56.5deg) translateX(400px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; } .golliew-ninth .gollent { background-color: rgba(59,45,44,0.9); color: #ffffff; height: 0; width: 500px; overflow: hidden; -webkit-transform: rotate(-33.5deg) translate(-112px, 166px); -moz-transform: rotate(-33.5deg) translate(-112px, 166px); -o-transform: rotate(-33.5deg) translate(-112px, 166px); -ms-transform: rotate(-33.5deg) translate(-112px, 166px); transform: rotate(-33.5deg) translate(-112px, 166px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transition: all 0.4s ease-in-out 0.3s; -moz-transition: all 0.4s ease-in-out 0.3s; -o-transition: all 0.4s ease-in-out 0.3s; transition: all 0.4s ease-in-out 0.3s; } .golliew-ninth a.info { display: none; } .golliew-ninth:hover .gollent { height: 260px; width: 400px; top: 15px; left: 50px; -webkit-transform: rotate(0deg) translate(0, 0); -moz-transform: rotate(0deg) translate(0, 0); -o-transform: rotate(0deg) translate(0, 0); -ms-transform: rotate(0deg) translate(0, 0); transform: rotate(0deg) translate(0, 0); } .golliew-ninth:hover .gollask-1, .golliew-ninth:hover .gollask-2 { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .golliew-ninth:hover .gollask-1 { -webkit-transform: rotate(56.5deg) translateX(113px); -moz-transform: rotate(56.5deg) translateX(1px); -o-transform: rotate(56.5deg) translateX(1px); -ms-transform: rotate(56.5deg) translateX(1px); transform: rotate(56.5deg) translateX(1px); } .golliew-ninth:hover .gollask-2 { -webkit-transform: rotate(56.5deg) translateX(-112px); -moz-transform: rotate(56.5deg) translateX(-1px); -o-transform: rotate(56.5deg) translateX(-1px); -ms-transform: rotate(56.5deg) translateX(-1px); transform: rotate(56.5deg) translateX(-1px); } .gollund { overflow: hidden; text-align: center; color: #b99191; font-family: Courier New; font-size: 12px; text-transform: lowercase; font-style: italic; } .gollund:before, .gollund:after { background-color: #2f2f2f; gollent: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; } .gollund:before { right: 0.5em; margin-left: -50%; } .gollund:after { left: 0.5em; margin-right: -50%; } .three-columns .column { width: 33%; float: left; } .gollinfo { height: 150px; overflow: auto; padding: 4px; font-family: Candara, sans-serif; font-size: 11px; color: #f3ecec; line-height: 12px; text-align: justify; } div.gollinfo::-webkit-scrollbar { width: 6px; } div.gollinfo::-webkit-scrollbar-button { width: 6px; height: 4px; } div.gollinfo::-webkit-scrollbar-track { background: transparent; } div.gollinfo::-webkit-scrollbar-thumb { background:#837372; } .gollname { font-family: Courier New; font-size: 24px; color: #b99191; padding-top: 6px; } a.gollc { font-size: 8px; text-decoration: none; color: black; } </style> <center> <div class="golliew golliew-ninth"> <img src="http://zagruzitfoto.com/images/2015/07/10/0ow9J.jpg" /> <div class="gollask gollask-1"></div> <div class="gollask gollaskco-2"></div> <div class="gollent"> <div class="gollname">Mary Oldman</div> <div style="padding: 4px;"><div class="gollinfo"><font color="#837372">♦</font> Ученица Эшли. Вторая по силе девушка в данном клане. Она может с лёгкостью кому угодно набить морду. Вспыльчивая, порой даже слишком. <br /><br /> <font color="#837372">♦</font> Выросла с ребятами в детском доме и не признавала любви Наруто, но считала его лучшим другом, который только у нее был. <br /><br /> <font color="#837372">♦</font> Очень общительная и приятная девушка, которая в детстве страдала из-за комплексов.<br /><br /> <font color="#837372">♦</font> Очень умная и проницательная девушка, которая учится в данный момент в медицинском, дабы помогать своим же. <br /><br /> <font color="#837372">♦</font> Является обращенным оборотнем - когда Эшли было двенадцать лет, на нее напал вервульф, которого остановила Эшли, так вовремя оказавшаяся рядом. Однако Олдман уже была укушена, а процесс обращения - неотвратим. Лишь благодаря лечению Эшли девочка смогла прожить без перевоплощений вплоть до 18ти лет, пока не попала в клан. <br /><br /> <font color="#837372">♦</font> Благодаря Эшли девушку и не убили Охотники, а ее саму приняли в клан Харрисов, хоть и до сих пор одаряют косыми взглядами. <br /><br /> <br /><br /> </div><br /> <div class="three-columns"> <div id="clm1" class="column"><div class="gollund">РАСА</div> <div class="gollinfo">оборотень<br /></div></div> <div id="clm2" class="column"><div class="gollund">ВОЗРАСТ</div> <div class="gollinfo">18 лет | 21 год<br /></div></div> <div id="clm3" class="column"><div class="gollund">СТОРОНА</div> <div class="gollinfo">Харрис<br /></div></div> </div> </div> </div> </center>
* Kuroko no Basuke/Momoi Satsuki
Тема закрыта
Страница: 1