<!--HTML--> <link href='http://fonts.googleapis.com/css?family=Oswald:300' rel='stylesheet' type='text/css'> <center><div class="b-facepad"> <section class="facetabl"> <div><input id="ac-22" name="accordion-1" type="radio" checked/> <label for="ac-22"><div class="b-fctitle"> ЗАНЯТЫ</div></label><article class="ac-face"><div class="b-fcpad"><table cellpadding="0" cellspacing="0"><TR><td> <div class="b-smttl"> ДАМЫ </div> <div class="b-face01"> •<b> А Б В Г </b>•<br> <a href=https://kitejgrad.rusff.me/profile.php?id=10>Варвара Алексич</a><br> <br><br>•<b> Д Е Ж З </b>•<br> <a href=https://kitejgrad.rusff.me/profile.php?id=18>Злата Вяземская</a><br> <br><br>•<b> И К Л М </b>•<br> <a href=https://kitejgrad.rusff.me/profile.php?id=21>Киеслава Юдина</a><br> <a href=https://kitejgrad.rusff.me/profile.php?id=30>Любава Темнова</a><br> <a href=https://kitejgrad.rusff.me/profile.php?id=13>Мара Галицкая</a><br> <a href=https://kitejgrad.rusff.me/profile.php?id=4>Мирослава Сварогова</a><br> <br><br>•<b> Н О П Р </b>•<br> <a href=https://kitejgrad.rusff.me/profile.php?id=7>Пелагея Распутина</a><br> <a href=https://kitejgrad.rusff.me/profile.php?id=35>Полина Федотова</a><br> <br><br>•<b> С Т У Ф </b>•<br> <a href=https://kitejgrad.rusff.me/profile.php?id=12>София Алексич</a><br> <br><br>•<b> Х Ц Ч Ш </b>•<br> <br><br>•<b> Э Ю Я </b>•<br> <a href=https://kitejgrad.rusff.me/profile.php?id=22>Ярослава Яга</a><br> </div></td> <td> <div class="b-smttl"> ДЖЕНТЕЛЬМЕНЫ </div> <div class="b-face02"> •<b> А Б В Г </b>•<br> <br><br>•<b> Д Е Ж З </b>•<br> <a href=https://kitejgrad.rusff.me/profile.php?id=29>Добрыня Алексич</a><br> <br><br>•<b> И К Л М </b>•<br> <a href=https://kitejgrad.rusff.me/profile.php?id=9>Константин Меньшиков</a><br> <a href=https://kitejgrad.rusff.me/profile.php?id=19>Мирон Юдин</a><br> <br><br>•<b> Н О П Р </b>•<br> <a href=https://kitejgrad.rusff.me/profile.php?id=16>Неждан Распутин</a><br> <a href=https://kitejgrad.rusff.me/profile.php?id=33>Олег Галицкий</a><br> <a href=https://kitejgrad.rusff.me/profile.php?id=11>Ольгерд Хладовец</a><br> <br><br>•<b> С Т У Ф </b>•<br> <a href=https://kitejgrad.rusff.me/profile.php?id=24>Святослав Державин</a><br> <a href=https://kitejgrad.rusff.me/profile.php?id=31>Трофим Быков</a><br> <br><br>•<b> Х Ц Ч Ш </b>•<br> <br><br>•<b> Э Ю Я </b>•<br> <br><br> </div></td></TR></table></div></article></div><div> <input id="ac-21" name="accordion-1" type="radio" /> <article class="ac-face"><div class="b-fcpad"><table cellpadding="0" cellspacing="0"><TR><td> <div class="b-smttl"> АКЦИИ </div> <div class="b-face03"> •<b> <a href=https://kitejgrad.rusff.me/viewtopic.php?id=47#p55>Акция 1: Волколаки</a> </b>•<br><br> <a href=https://kitejgrad.rusff.me/viewtopic.php?id=47#p55>Всеволод Серый мл.</a><br> <a href=https://kitejgrad.rusff.me/viewtopic.php?id=47#p491>Любава Серая</a><br> <a href=https://kitejgrad.rusff.me/viewtopic.php?id=47#p493>Моимил Серый & Благослава Серая</a><br> <a href=https://kitejgrad.rusff.me/viewtopic.php?id=47#p494>Тихомир Серый</a><br> <a href=https://kitejgrad.rusff.me/viewtopic.php?id=47#p495>Ангелия Серая</a><br> <a href=https://kitejgrad.rusff.me/viewtopic.php?id=47#p496>Ростислав Серый</a><br><br> •<b> <a href=https://kitejgrad.rusff.me/viewtopic.php?id=153#p4333>Акция 2: Соловьи-разбойники</a> </b>•<br><br> <a href=https://kitejgrad.rusff.me/viewtopic.php?id=153#p4334>Игорь Соловьев</a><br> <a href=https://kitejgrad.rusff.me/viewtopic.php?id=153#p4335>Мстислава Соловьева</a><br> <a href=https://kitejgrad.rusff.me/viewtopic.php?id=153#p4336>Григорий Соловьев</a><br> <a href=https://kitejgrad.rusff.me/viewtopic.php?id=153#p4337>Роман Соловьев</a><br> <a href=https://kitejgrad.rusff.me/viewtopic.php?id=153#p4338>Матвей Соловьев</a><br> <a href=https://kitejgrad.rusff.me/viewtopic.php?id=153#p4339>Трофим Быков</a><br> <a href=https://kitejgrad.rusff.me/viewtopic.php?id=153#p4340>Леонид и Андрей Беловы</a><br> <a href=https://kitejgrad.rusff.me/viewtopic.php?id=153#p4341>Николай Белов</a><br> <a href=https://kitejgrad.rusff.me/viewtopic.php?id=153#p4342>Полина Федотова</a><br> <a href=https://kitejgrad.rusff.me/viewtopic.php?id=153#p4343>Забава Солнцева</a><br> <br><br><br> <br><br> </div></td> <td> <div class="b-smttl"> НУЖНЫЕ </div> <div class="b-face03"> <a href=https://kitejgrad.rusff.me/viewtopic.php?id=8#p70>Ярослав Алексич, ПРАВЬ, муж</a><br> <a href=https://kitejgrad.rusff.me/viewtopic.php?id=8#p248>Елена Троицкая, ПРАВЬ, подруга</a><br> </div></td></TR></table></div></article><label for="ac-21"><div class="b-fctitle">АКЦИОННЫЕ</div></label></div> <br> <div><input id="ac-23" name="accordion-1" type="checkbox" /> <label for="ac-23"> <br> </div></article></div> </section> </div><div style="padding-left: 380px; font-family: trebuchet ms; font-size: 8px;"> </div></center> <style type="text/css"> .facetabl label{ position: relative; z-index: 20; display: block; cursor: pointer; color: black; } .facetabl label:hover{ background: #fff; } .facetabl input:checked + label,.facetabl input:checked + label:hover{ background: #fff;} .facetabl label:hover:after,.facetabl input:checked + label:hover:after{ content: ''; position: absolute; width: 24px; height: 24px; right: 13px; top: 7px; } .facetabl input:checked + label:hover:after{} .facetabl input{ display: none; } .facetabl article{ background: fff; margin: -0px; overflow: hidden; height: 0px; position: relative; z-index: 10; -webkit-transition: height 0.5s ease-in-out, box-shadow 0.6s linear; -moz-transition: height 0.5s ease-in-out, box-shadow 0.6s linear; -o-transition: height 0.5s ease-in-out, box-shadow 0.6s linear; -ms-transition: height 0.5s ease-in-out, box-shadow 0.6s linear; transition: height 0.5s ease-in-out, box-shadow 0.6s linear; } .facetabl input:checked ~ article{ -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; transition: height 0.5s ease-in-out, box-shadow 0.1s linear; } .facetabl article p{ font-family: courier new; color: black; font-size: 14px; padding: 0px; } .facetabl input:checked ~ article.ac-face{ height: 290px; } .facetabl input:checked ~ article.ac-code{ height: 220px; } .b-facepad { background: #f8f8f8; width: 430px; padding: 10px; margin-top: 10px;} .b-fctitle { background: #000; width: 370px; height: 10px; padding: 30px 30px 30px 30px; color: #fff; font-family: oswald; text-transform: uppercase; font-size: 20px; letter-spacing: 2px; } .b-fctitle:hover { background: #323232; } .b-face01 { width:160px; height:220px; padding-left: 30px; overflow:auto; text-align: left; line-height:120%; overflow: auto; trebuchet ms; font-size: 9px; border-top: 5px solid #fff; text-transform: uppercase; padding-top: -5px; } .b-face02 { width:160px; height:220px; padding-left: 30px; overflow:auto; text-align: left; line-height:120%; overflow: auto; trebuchet ms; font-size: 9px; border-top: 5px solid #fff; text-transform: uppercase; } .b-face03 { width:190px; height:220px; overflow:auto; text-align: center; line-height:120%; overflow: auto; font-family: trebuchet ms; font-size: 9px; border-top: 5px solid #fff; text-transform: uppercase; } .b-fcpad { width: 380px; height: 280px; padding: 0px 10px; background-color: #fff; border-top: 15px solid #fff; overflow:auto; } .b-fcpad ::-webkit-scrollbar { background:#eaeaea; width: 3px; } .b-fcpad ::-webkit-scrollbar-thumb { background: #800000; width: 3px; } .b-fcpad ::-webkit-scrollbar-track { background:#eaeaea} .b-smttl { width: 170px; height: 30px; font-family: 'oswald'; text-transform: uppercase; font-size: 20px; color: #000; border-bottom: 5px solid #800000; line-height: 100%; text-align: center; padding-left: 10px; } .b-smtitle2 { width: 380px; font-family: oswald; text-transform: uppercase; font-size: 15px; color: #000; text-align: center; letter-spacing: 2px; padding-top: 10px; } .b-face01 a:link, .b-face01 a:active, .b-face01 a:visited { text-transform: uppercase; color: #a50e18; } .b-face02 a:link, .b-face02 a:active, .b-face02 a:visited { text-transform: uppercase; color: #0e75a5; } .b-face03 a:link, .b-face03 a:active, .b-face03 a:visited { text-transform: uppercase; color: #a5670e; } </style>
Шаблон:
<a href=ССЫЛКА НА ВАШ ПРОФИЛЬ>ваш ник на рус.</a><br>
Добавить нужного персонажа в список:
<a href=ССЫЛКА НА АНКЕТУ>имя персонажа, ДОМ, кем приходится</a><br>