[html]<script> $( document ).ready(function() { user_login = window.UserLogin; $("#store_unique_login").val(user_login); $("#pun-viewtopic .post .post-content p").each(function() { if($(this).text().indexOf('<!--post-->')!=-1){ $(this).wrap('<div class="htmldemo"></div>'); $(this).replaceWith($('.htmldemo').text().split('<!--post-->')[1]) }}); $("#search_link_button").click(function(){ img_src = $('#search_link_input').val(); console.log(img_src); $('#search_link').hide(); $('#search_link_button').hide(); $('#search_img_link').show(); $("#search_img_link").attr('src', img_src); }); $(".close_helper").click(function() { $('.theme_helper').hide(); }); //search_link_button }); </script> <style> .questq_answer processed { width: 97% !important; } .theme_helper { background-image: url(https://forumstatic.ru/files/0018/11/de/10487.png); position: absolute; left: 699px; top: 800px; width: 280px; height: 213px; z-index: 10; } .close_helper { position:absolute; width:20px; height:20px; left:255px; top:8px; cursor:pointer; z-index:12; } </style> <div class="theme_helper"><div style=" position: absolute; width: 150px; margin: 6px 0px 0px 98px; text-align: center; padding: 14px; font-size: 11px; color: #989898; text-shadow: 0 1px 0 #ffffff94; font-family: Roboto; line-height: 11px;">Вы можете заполнить анкету в режиме «интервью», ответив на 10 вопросов, или перейти в режим «история», просто написав текст о себе. Используйте следующие теги: чтобы сделать текст </div> <div style=" position: absolute; width: 140px; margin: 94px 0px 0px 116px; text-align: center; padding: 14px; font-size: 11px; color: #989898; text-shadow: 0 1px 0 #ffffff94; font-family: Roboto; line-height: 11px;"><b><</b>center>по центру <b><</b>/center>, <b><</b>b>жирным<b><</b>/b>, <b><</b>i>курсивом<b><</b>/i>, <b><</b>u>подчеркнутым<b><</b>/u>, <b><</b>s>зачеркнутым<b><</b>/s>. </div> <div class="close_helper"></div></div> <style> #p37 legend { display:none; } #p37 .post-author { display:none; } #p37 .post-body { margin-left:0!important; } #p37 .pl-email { display:none; } #p37-content { margin-left: -68px !important; width: 115% !important; height:1000px; } .pl-share { display:none; } </style> <script> $(document).ready(function() { $('.formal').css('visibility', 'hidden'); $('.formal').css('height', '10px'); $('.SendQuestionary').css('visibility', 'hidden'); $('.PrevQuestion').css('visibility', 'hidden'); $('.NextQuestion').click(function() { $('.SendQuestionary').css('visibility', 'visible'); current_id = $('.quest_number:visible').attr('id'); var res = current_id.split("_q")[1]; res = parseInt(res); $("#"+current_id).hide(); new_id = res+1; console.log(new_id) $('#quest_q'+new_id).show(); if (res==1) { $('.PrevQuestion').css('visibility', 'visible'); } else if(res==9) { $('.NextQuestion').css('visibility', 'hidden'); } }); $('.PrevQuestion').click(function() { current_id = $('.quest_number:visible').attr('id'); var res = current_id.split("_q")[1]; res = parseInt(res); $("#"+current_id).hide(); new_id = res-1; $('#quest_q'+new_id).show(); if (res==2) { $('.PrevQuestion').css('visibility', 'hidden'); } else if(res==10) { $('.NextQuestion').css('visibility', 'visible'); } }); $('.ChangeQuestionary').click(function() { current_val = $('.ChangeQuestionary').val(); $('.SendQuestionary').css('visibility', 'visible'); if (current_val=="История") { current_id = $('.quest_number:visible').attr('id'); $("#"+current_id).hide(); $("#quest_q4_old").show(); $('.ChangeQuestionary').val('Интервью'); $('.PrevQuestion').css('visibility', 'hidden'); $('.NextQuestion').css('visibility', 'hidden'); } else if(current_val=="Интервью") { $('.ChangeQuestionary').val('История'); $('#quest_q1').show(); $('.SendQuestionary').css('visibility', 'visible'); $('.PrevQuestion').css('visibility', 'hidden'); $('.NextQuestion').css('visibility', 'visible'); $('#quest_q2').hide(); $("#quest_q3").hide(); $("#quest_q4_old").hide(); } }); $('.custom_button').click(function() { button_id = $(this).attr('id'); active_win = $(this).parent().siblings('.questq_answer'); where_content = active_win.attr('id'); //if_text = window.getSelection().toString(); if (button_id=="custom_b") { console.log('custom_b!'); active_win.append(""); } else if (button_id=="custom_it") { console.log('custom_it!'); active_win.append(""); } else if (button_id=="custom_s") { console.log('custom_s!'); active_win.append(""); } else if (button_id=="custom_u") { console.log('custom_u!'); active_win.append(""); } else if (button_id=="custom_left") { console.log('custom_left!'); active_win.append("[left][/left]"); } else if (button_id=="custom_right") { console.log('BOLD!'); active_win.append("[right][/right]"); } else if (button_id=="custom_center") { console.log('BOLD!'); active_win.append("[center][/center]"); } }); $('.SendQuestionary').click(function() { send_quest = true; if($('#quest_town input').val().length === 0 ) { $('#quest_town input').css('border', '1px solid red'); alert('введите город'); send_quest = false; } if($('#quest_date input').val().length === 0 ) { $('#quest_date input').css('border', '1px solid red'); alert('введите год рождения'); send_quest = false; } if($('#quest_occupation input').val().length === 0 ) { $('#quest_occupation input').css('border', '1px solid red'); alert('введите профессию'); send_quest = false; } if($('#quest_fullname input').val().length === 0 ) { $('#quest_fullname input').css('border', '1px solid red'); alert('введите имя'); send_quest = false; } if($('#quest_faceclaim input').val().length === 0 ) { $('#quest_faceclaim input').css('border', '1px solid red'); alert('введите внешность'); send_quest = false; } if($('#quest_image_url input').val().length === 0 ) { $('#quest_image_url input').css('border', '1px solid red'); alert('введите ccылку на изображение'); send_quest = false; } if (send_quest) { place = $('#quest_town input').val(); date_d = $( "#quest_date > :nth-child(1) option:selected").text() date_m = $( "#quest_date > :nth-child(2) option:selected").text() date_y = $('#quest_date input').val(); date_final = date_d+"."+date_m+"." + date_y; sex = $( "#quest_orn option:selected" ).text(); occ = $('#quest_occupation input').val(); lz = $( "#quest_relation option:selected" ).text(); podpiska = $( "#quest_subscr option:selected" ).text(); title = $('#quest_fullname input').val(); title = $.trim(title); faceclaim = $('#quest_faceclaim input').val(); ava = $("#quest_image_url input").val(); $(".out_quest_wrapper > #qout_name").text(title); $(".out_quest_wrapper > #qout_faceclaim").text(faceclaim); $(".out_quest_wrapper > #qout_ava img").attr('src', ava); $(".out_quest_wrapper > #qout_place").text(place); $(".out_quest_wrapper > #qout_date").text(date_final); $(".out_quest_wrapper > #qout_sex").text(sex); $(".out_quest_wrapper > #qout_socc").text(occ); $(".out_quest_wrapper > #qout_rel").text(lz); $(".out_quest_wrapper > #qout_podpiska").text(podpiska); //check which window win1 = false if ( $("#quest_q4_old").css('display') == 'none'){ win1 = true $("#qout_var01").show(); $("#quot_var02").remove(); function embolden( str ){ return "<b>" + str + "<\/b>"; }; $('textarea.questq_answer'). each(function(i, obj) { current_id = $(this).attr('id'); console.log(current_id); content = $('#'+current_id); $(".qout_answer#"+current_id).html(content.val()); }); } else { $("#quot_var02").show(); $("#qout_var01").remove(); $("#quot_var02 > #subtext").html($("#q4_old_ans").val()); } if (win1) { $(".out_quest_wrapper").remove("#quot_var02"); } else { $(".out_quest_wrapper").remove("#qout_var01"); } topic = 3; var form = '<form id="post2-2" method="post" action="/post.php?' + (title ? 'f' : 't') + 'id=' + topic; form += '" onsubmit="return process_form(this)" style="display:none!important;">'; form += '<div id="formkey"></div><div id="formetc"></div><input type="hidden" name="form_sent" value="1" />'; form += $(this).parents('.post').attr('data-newtopic') == '0' ? '' : '<input type="text" name="req_subject" />'; form += window.GroupID == 3 ? '<input type="text" name="req_username" value="[ Заявка от Гостя ]" />' : ''; form += '<input type="hidden" name="form_user" value="' + (window.UserLogin || 'Guest') + '" /><textarea id="main-reply" name="req_message"></textarea>'; form += '<input type="submit" name="submit" value="Отправить" /></form>'; output = '[html]' + '<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0018/26/71/81869.css">' +"<div class='out_quest_wrapper'>"+$('.out_quest_wrapper').html()+"</div>[/html]"; $(this).parents('.post').after(form); form = $('#post2-2'); form.find('#main-reply').val(output); if (title) form.find('input[name="req_subject"]').val(title); setTimeout(function() { form.find('input[name="submit"]').click(); }, 40); } }); $('.quest_slider_b').click(function() { direction = $(this).attr('id'); current_group = $('.quest_group_wrapper:visible').attr('id'); console.log(current_group) if (direction=='b_left') { if (current_group=='quest_group_two') { $('#quest_group_two').hide(); $('#quest_group_one').show(); $('.quest_group').text('Можно все'); } if (current_group=='quest_group_three') { $('#quest_group_three').hide(); $('#quest_group_two').show(); $('.quest_group').text('Лига плохих шуток'); } } else if (direction=='b_right') { if (current_group=='quest_group_one') { $('#quest_group_one').hide(); $('#quest_group_two').show(); $('.quest_group').text('Лига плохих шуток'); } else if (current_group=='quest_group_two') { $('#quest_group_two').hide(); $('#quest_group_three').show(); $('.quest_group').text('На износ'); } } }); }); </script> <style> .quest_definition { background-image: url(https://forumstatic.ru/files/0018/11/de/96804.png); width: 930px; height: 450px; left: 17px; position: relative; } .quest_d_header { position: absolute; top: -2px; color: white; width: 192px; text-align: center; font-family: 'MyriadPro BoldCondit'!important; font-size: 18px; } </style> <div class="quest_definition"> <div class="quest_d_header">анкета</div> <div class="tapeform1">Создание канала</div> <div class="tapeform2">Условия регистрации канала на Youtube</div> <div class="tapeform3">Условия регистрации дополнительных каналов на Youtube</div> <div class="tapeform4">Условия предоставления обязательных дублей</div> <div style="position: absolute; left: 210px; top: 4px; color: #747474; position: absolute; text-align: justify; font-size: 11px; text-transform: uppercase; font-family: Proxima Nova Rg;">Используя YouTube, вы становитесь частью огромного сообщества авторов и зрителей со всего мира.</div> <div style=" position: absolute; width: 370px; font-size: 11px; color: #6f6f6f; text-shadow: 0 1px 0 #ffffff94; font-family: Roboto; text-align: justify; padding: 14px; left: -4px; top: 61px; line-height: 13px;"> 1. Для получения доступа к определенным возможностям нашей платформы, вам необходимо создать канал YouTube и пройти регистрацию ниже. При создании канала вы должны предоставить полную и точную информацию о вашем персонаже — или ответить на ряд вопросов, которые помогут с навигацией другим пользователям платформы. Заполняйте прямо на картинке! </div> <div style=" position: absolute; font-size: 11px; color: #6f6f6f; text-shadow: 0 1px 0 #ffffff94; font-family: Roboto; width: 370px; text-align: justify; padding: 14px; left: -4px; top: 177px; line-height: 13px;"> 2. Необходимым шагом при регистрации канала является выбор наиболее удобного для вас варианта подписки из трех имеющихся — «Можно все», «Лига плохих шуток» или «На износ»; при этом условия пользовательского соглашения распространяются на каждый из имеющихся у вас каналов (профилей).<br><br> 3. Подробности условий пользовательского соглашения для того или иного варианта подписки вы узнаете в таблице ниже. Ключевые отличия заключаются в минимальной игровой активности, внеигровой активности, а также условиях регистрации дополнительных каналов (профилей).<br><br> 4. При желании администрация Youtube может изменить выбранный вами вариант подписки на любой из других; свяжитесь с администрацией напрямую для внесения изменений в подписанное вами пользовательское соглашение. </div> <div style=" position: absolute; width: 510px; text-align: justify; padding: 14px; left: 378px; top: 60px; font-size: 11px; color: #6f6f6f; text-shadow: 0 1px 0 #ffffff94; font-family: Roboto; line-height: 12px; "> 5. Пользователи подписок «Можно все» или «На изноc» оставляют за собой право зарегистрировать второй и третий каналы в случае соблюдения условий пользовательского соглашения и проявления минимальной постовой активности.<br><br> 6. Пользователи подписки «Можно все» получают право зарегистрировать дополнительный канал в случае наличия на канале пяти видео (постов); для регистрации третьего канала каждый из уже имеющихся должен быть обновлен хотя бы одним новым видео (постом).<br><br> 7. Пользователи подписки «На износ» могут зарегистрировать дополнительный канал в случае наличия трех видео (постов); однако, для регистрации третьего канала каждый из предыдущих должен насчитывать как минимум пять видео.<br><br> 8. Пользователи подписки «Лига плохих шуток» не имеют права регистрировать второй канал без предварительного перехода на другой вариант подписки и поддержания активности согласно условиям выбранного ими пользовательского соглашения. </div> <div style=" position: absolute; width: 450px; text-align: justify; padding: 14px; left: 378px; top: 289px; font-size: 11px; color: #6f6f6f; text-shadow: 0 1px 0 #ffffff94; font-family:Roboto; line-height: 12px;"> 9. Пользователи подписки «Можно все» получают возможность зарегистрировать два канала без условия предоставления обязательного дубля.<br><br> 10. Пользователи подписки «На износ» могут иметь один канал, на который не будет действовать правило предоставления обязательного дубля.<br><br> 11. Пользователи подписки «Лига плохих шуток» обязуются предоставить дубль внешности любому желающему в случае его наличия. </div> <div style="position:absolute; font-family: 'Roboto', sans-serif;width:680px; text-align:justify; padding:14px; left:20px; top:187px; font-size:11px !important;line-height: 12px;"> <br> </div> <div style=" position: absolute; top: 424px; left: 10px; color: #747474; position: absolute; text-align: justify; font-size: 11px; text-transform: uppercase; font-family: Proxima Nova Rg; ">Если вы согласны с условиями пользовательского соглашения, пройдите регистрацию ниже.</div> <div class="quest_d_header_one" style=" position: absolute; left: 700px; width: 225px; text-align: center; top: 418px; font-family: 'MyriadPro BoldCondit'!important; font-size: 18px; color: white; ">пройдите регистрацию</div> </div><br><br><br> <div style="width:950px; position: absolute; left: -92px;"> <div class="quest_slider"> <div class="quest_slider_b" id="b_right"></div> <div class="quest_slider_b" id="b_left"></div> <div class="quest_group">Можно все</div> <div class="quest_group_wrapper" id="quest_group_one"> <div class="quest_group_img"><img src="https://forumstatic.ru/files/0018/26/71/16191.png"></div> <div class="quest_group_text1">условия пользования</div> <div class="quest_group_text2">не менее 1 поста / 2 недели</div> <div class="quest_group_text3" id="subtext1">дубль внешности</div> <div class="quest_group_text3" id="subtext2">вторая роль</div> <div class="quest_group_text3" id="subtext3">бонус</div> <div class="quest_group_text4" id="subtext1">x</div> <div class="quest_group_text4" id="subtext2">✓</div> <div class="quest_group_text4" id="subtext3">200$</div> <div class="quest_group_text5"> <div class="quest_group_text6">Выбирай этот вариант подписки, если</div> Ты сидишь на ролевых уже 10 лет, привык к стандартному правилу «1 пост в 2 недели» и не планируешь ничего менять, потому что не видишь в этом никакого смысла. Регулярно пишешь посты, но и за внеигровой активностью следишь, не пропадая из поля зрения надолго, чтобы не вернуться однажды на ролевую и не обнаружить на месте своего профиля предварительно разграбленное пепелище.<br><br> <div class="quest_group_text6">Игровая активность:</div> Вино, может, и становится лучше с течением времени, но если твоему последнему посту уже исполнилось 14 дней, а писать новый ты даже не начинал, то всю ответственность за возможный страйк или нездоровый интерес к твоей внешности в гостевой ты берешь на себя.<br><br> <div class="quest_group_text6">Внеигровая активность:</div> Одно сообщение в 5 дней — необходимый минимум, помогающий нам понять, что ты все еще на ютубе, а не проходишь паспортный контроль на границе Мексики и Венесуэлы, купив билет в один конец по направлению «подальше от этого кошмара».<br><br> <div class="quest_group_text6">Об обязательных дублях внешности:</div> Ты можешь быть уверен в том, что сможешь взять две роли и не делиться дублями с окружающими, если, конечно, сам этого не захочешь. Внешности, закрепленные за последующими ролями в случае их наличия, автоматически попадают под дубль. </div> </div> <div class="quest_group_wrapper" id="quest_group_two"> <div class="quest_group_img"><img src="https://forumstatic.ru/files/0018/26/71/52483.png"></div> <div class="quest_group_text1">условия пользования</div> <div class="quest_group_text2">не менее 300 сообщений / 1 месяц</div> <div class="quest_group_text3" id="subtext1">дубль внешности</div> <div class="quest_group_text3" id="subtext2">вторая роль</div> <div class="quest_group_text3" id="subtext3">бонус</div> <div class="quest_group_text4" id="subtext1">✓</div> <div class="quest_group_text4" id="subtext2">X</div> <div class="quest_group_text4" id="subtext3">100$</div><div class="quest_group_text5"> <div class="quest_group_text6">Выбирай этот вариант подписки, если</div> О тебе слагают легенды! Их содержание варьируется от «вы не поверите, но однажды он ответил мне на пост всего через полгода» до «говорят, всего за месяц этот человек набрал абсолютный максимум сообщений на русфф, но в разделе с эпизодами не был замечен ни разу», а суть остается прежней — ты терпеть не можешь писать из-под палки, потому что в лучшем случае выдаешь что-то сумбурное из соображений «лишь бы не удалили», а в худшем — принципиально закрываешь ворд и проводишь последние часы до удаления в мыслефлуде, как капитан на Титанике.<br><br> <div class="quest_group_text6">Игровая активность:</div> Все вышеперечисленное тебе до боли знакомо? В таком случае, тебе определенно подойдет подписка «Лига плохих шуток», потому что следить за твоей игровой активностью мы не будем. Можешь писать посты в штатном режиме, можешь брать тайм-аут на поиск вдохновения или не писать вообще.<br><br> <div class="quest_group_text6">Внеигровая активность:</div> В чем подвох? Что ж, для начала тебе придется поддерживать внеигровую активность и оставлять хотя бы 300 сообщений в месяц, что наверняка не составит особого труда для тебя и очень обрадует нас — ведь все любят, когда в мыслефлуде шумно и весело. Кроме того, появляться в поле зрения общественности тебе придется как минимум раз в 3 дня. Не так уж и плохо, если учесть, что к постам ты все равно не торопишься?<br><br> <div class="quest_group_text6">Об обязательных дублях внешности:</div> Твоя внешность попадает под обязательный дубль, а вторую и последующие роли ты сможешь взять только в случае смены варианта подписки на «Можно все» или «На износ» — иными словами, смирившись с участью образцово-показательного ролевика. <br></div> </div> <div class="quest_group_wrapper" id="quest_group_three"> <div class="quest_group_img"><img src="https://forumstatic.ru/files/0018/26/71/11400.png"></div> <div class="quest_group_text1">условия пользования</div> <div class="quest_group_text2">не менее 3 постов / 1 месяц</div> <div class="quest_group_text3" id="subtext1">дубль внешности</div> <div class="quest_group_text3" id="subtext2">вторая роль</div> <div class="quest_group_text3" id="subtext3">бонус</div> <div class="quest_group_text4" id="subtext1">X</div> <div class="quest_group_text4" id="subtext2">✓</div> <div class="quest_group_text4" id="subtext3">150$</div> <div class="quest_group_text5"><div class="quest_group_text6">Выбирай этот вариант подписки, если</div> Народная мудрость гласит: молчание — золото. Ты, может, и не прочь иногда (очень редко) выйти в свет, но все же предпочитаешь, чтобы окружающие видели в тебе серьезно настроенного игрока, не привыкшего месяцами отвечать на посты и редко вспоминающего о существовании безоговорочного алиби с красивым названием «лоу». На ролевые ты приходишь ты в первую очередь ради игры — активной, захватывающей, вдохновляющей, и потому даже в самые неплодотворные недели с легкостью зарабатываешь звание постописца недели.<br><br> <div class="quest_group_text6">Игровая активность:</div> Три поста в месяц — сущий кошмар для многих, а для тебя — всего лишь привычный игровой темп, поддержание которого не только не составляет особого труда, но и приносит искреннее удовольствие. Представь только, что подумают твои соигроки в случае, если ты пропадешь с горизонта больше, чем на неделю!<br><br> <div class="quest_group_text6">Внеигровая активность:</div> Нести дозор во внеигровых темах при этом совершенно не обязательно. Признайся, твою внешность уже отдавали другому, когда ты с головой уходил в реальную жизнь и забывал оставлять одно сообщение раз в несколько дней, и тебе это совсем не понравилось. У нас ты можешь забыть об этом и фокусироваться на том что для тебя по-настоящему важно — игре.<br><br> <div class="quest_group_text6">Об обязательных дублях внешности:</div> В случае наличия у тебя второй или третьей роли поделиться дублем внешности все же придется, но будь уверен — вероятность того, что ты пересечешься со своей второй половиной, уверенно стремится к нулю. Внешность, закрепленная за первым профилем, остается в твоем полном распоряжении и обязательным дублем не облагается.</div> </div> </div> <style> @font-face { font-family: 'Proxima Nova Rg'; src: url('https://forumstatic.ru/files/0018/26/71/43527.woff') format('woff'), url('https://forumstatic.ru/files/0018/26/71/99192.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Myriad Pro BoldIt'; src: url('https://forumstatic.ru/files/0018/26/71/45789.woff') format('woff'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Proxima Nova'; src: url('https://forumstatic.ru/files/0018/26/71/10091.woff') format('woff'), url('https://forumstatic.ru/files/0018/26/71/49023.ttf') format('truetype'); font-weight: 800; font-style: normal; } #quest_group_two, #quest_group_three { display:none; } .quest_group_text1 { position: absolute; top: 162px; width: 280px; text-align: center; left: 8px; text-transform: uppercase; color: white; font-family: 'Proxima Nova Rg'; font-size: 14px; } .quest_group_text2 { position: relative; text-align: center; top: 182px; font-family: 'Akrobat'; font-size: 13px; font-weight: 900; font-style: normal; text-transform: uppercase; color: white; /* font-family: oswald; */ font-weight: bold; /* font-size: 10px; */ } .quest_group_text3 { position: absolute; left: 20px; font-family: 'Akrobat'; font-size: 13px; font-weight: 900; font-style: normal; color: white; /* font-family: oswald!important; */ /* font-size: 13px; */ text-transform: uppercase; /* font-weight: bold; */ } .quest_group_text4 { position: absolute; left: 250px; top: 200px; color: #fff !important; /* font-family: oswald!important; */ /* font-size: 13px; */ font-family: 'Akrobat'; font-size: 13px; font-weight: 900; font-style: normal; font-weight: bold; width: 30px; text-align: center; } .quest_group_text5 { position: absolute; top: 272px; padding: 3px; /* left: 1px; */ color: white; margin: 4px; font-family: Roboto; font-size: 11px; text-align: center; /* line-height: 11px; */ height: 180px; overflow: auto; } .quest_group_text6 { /* width: 250px; */ /* height: 15px; */ background-color: #545caa; text-align: center; font-family: Proxima Nova Rg; /* position: absolute; */ /* padding-left: 10px; */ padding: 2px; font-size: 12px; /* left: 40px; */ text-transform: uppercase; } .quest_group_text3#subtext1{ top:202px; } .quest_group_text4#subtext1 { top:202px; text-transform: uppercase; } .quest_group_text3#subtext2 { top:226px; } .quest_group_text4#subtext2 { top:225px; } .quest_group_text3#subtext3, .quest_group_text4#subtext3 { top:250px; } .quest_group_img { position: absolute; width:266px; height:140px; top:11px; left:15px; background:green; } .quest_group_wrapper { position: absolute; width:295px; height:470px; top:57px; left:5px; } </style> <div id="quest_wrapper"> <div id="quest_image_header">ссылка на квадратное изображение:</div> <div id="quest_image_url"> <input type="text" style="width:90px;" class="imp" placeholder="ссылка"> </div> <div id="quest_subscr"> <select><option value="0">можно все</option><option value="1">лига плохих шуток</option><option value="2">на износ</option></select> </div> <div id="quest_relation"> <select><option value="0">свободен</option><option value="1">в отношениях</option><option value="2">в браке</option><option value="3">все сложно</option></select> </div> <div id="quest_orn"> <select><option value="0">гетеро</option><option value="1">би</option><option value="2">гомо</option></select> </div> <div id="quest_date"> <select><option value="0">01</option><option value="1">02</option><option value="2">03</option><option value="3">04</option><option value="4">05</option><option value="5">06</option><option value="6">07</option><option value="7">08</option><option value="8">09</option><option value="9">10</option><option value="10">11</option><option value="11">12</option><option value="12">13</option><option value="13">14</option><option value="14">15</option><option value="15">16</option><option value="16">17</option><option value="17">18</option><option value="18">19</option><option value="19">20</option><option value="20">21</option><option value="21">22</option><option value="22">23</option><option value="23">24</option><option value="24">25</option><option value="25">26</option><option value="26">27</option><option value="27">28</option><option value="28">29</option><option value="29">30</option><option value="30">31</option></select> <select><option value="0">01</option> <option value="1">02</option><option value="2">03</option><option value="3">04</option><option value="4">05</option><option value="5">06</option><option value="6">07</option><option value="7">08</option><option value="8">09</option><option value="9">10</option><option value="10">11</option><option value="11">12</option></select> <input type="text" style="width:30px;" class="imp" placeholder="год"> </div> <div id="quest_town"><input type="text" style="width:100px;" class="inp_some" placeholder="страна, город"> </div> <div id="quest_occupation"><input type="text" style="width:100px;" class="inp_some" placeholder="профессия"> </div> <div id="quest_fullname"> <input type="text" class="imp" placeholder="имя и фамилия на англ.языке"> </div> <div id="quest_faceclaim"> <input type="text" class="imp" placeholder="внешность на англ.языке"> </div> <div id='quest_q1' class="quest_number"> <div id="quest_head_img"></div> <div class="quest_q1_icon_img"><img src="https://forumstatic.ru/files/0018/11/de/28684.jpg" alt="https://forumstatic.ru/files/0018/11/de/28684.jpg"></div> <div class="quest_q1_icon" >// Top-5</div> <div class="quest_q1_text">— Начнем с простого: опиши себя пятью словами, чтобы наш зритель совершенно точно знал, с кем имеет дело. </div> <textarea class="questq_answer" id='q1_ans' > </textarea> </div> <div id='quest_q2' class="quest_number"> <div id="quest_head_img"></div> <div class="quest_q1_icon_img"><img src="https://forumstatic.ru/files/0018/11/de/90617.jpg" alt="https://forumstatic.ru/files/0018/11/de/90617.jpg"></div> <div class="quest_q1_icon" >// REWIND</div> <div class="quest_q1_text">— Отлично! А что отличает тебя от других? Необычное хобби, скрытый талант, пара миллионов подписчиков в социальной сети или количество нулей на банковском счете? Может, вспомнишь о достижении, которым особенно гордишься?</div> <textarea class="questq_answer" id='q2_ans'> </textarea> </div> <div id='quest_q3' class="quest_number"> <div id="quest_head_img"></div> <div class="quest_q1_icon_img"><img src="https://forumstatic.ru/files/0018/11/de/44174.jpg" alt="https://forumstatic.ru/files/0018/11/de/44174.jpg"></div> <div class="quest_q1_icon" >// EXPOSED</div> <div class="quest_q1_text">— Ты же знаешь, что там, где вспоминают о достижениях, обязательно заговорят и о компромате? Это интервью — не исключение. Расскажи о поступке, за который тебе по-настоящему стыдно; или о том, стыдно о котором только говорить, зато вспомнить — приятно.</div> <textarea class="questq_answer" id='q3_ans' ></textarea> </div> <div id='quest_q4' class="quest_number"> <div id="quest_head_img"></div> <div class="quest_q1_icon_img"><img src="https://forumstatic.ru/files/0018/11/de/50031.jpg" alt="https://forumstatic.ru/files/0018/11/de/50031.jpg"></div> <div class="quest_q1_icon" >// Diss track</div> <div class="quest_q1_text">— Bad Comedian не любит плохие фильмы, Pewdiepie — придумывать оригинальный контент, а Хованский — закусывать. Расскажи о том, что тебе решительно не нравится: в быту, людях... может, даже в себе? </div> <textarea class="questq_answer" id='q4_ans'></textarea> </div> <div id='quest_q5' class="quest_number"> <div id="quest_head_img"></div> <div class="quest_q1_icon_img"><img src="https://forumstatic.ru/files/0018/11/de/11752.jpg" alt="https://forumstatic.ru/files/0018/11/de/11752.jpg"></div> <div class="quest_q1_icon" >// Daily vlog</div> <div class="quest_q1_text">— Порой нас раздражают любые мелочи, но иногда дела складываются настолько удачно, что не стыдно и влог записать, и на канал выложить. Расскажи о самом счастливом дне в своей жизни. </div> <textarea class="questq_answer" id='q5_ans' ></textarea> </div> <div id='quest_q6' class="quest_number"> <div id="quest_head_img"></div> <div class="quest_q1_icon_img"><img src="https://forumstatic.ru/files/0018/11/de/71302.jpg" alt="https://forumstatic.ru/files/0018/11/de/71302.jpg"></div> <div class="quest_q1_icon" >// Social experiment</div> <div class="quest_q1_text">— Все мы знаем, что человек — существо социальное. Каким был лучший совет, который тебе доводилось получать, или лучший урок, который удалось извлечь ценой собственных шишек? </div> <textarea class="questq_answer" id='q6_ans' ></textarea> </div> <div id='quest_q7' class="quest_number"> <div id="quest_head_img"></div> <div class="quest_q1_icon_img"><img src="https://forumstatic.ru/files/0018/11/de/82134.jpg" alt="https://forumstatic.ru/files/0018/11/de/82134.jpg"></div> <div class="quest_q1_icon" > // Top 10 pranks that went too far</div> <div class="quest_q1_text">— Ты тратишь и не плачешь, потому что поднял вчера? Как относишься к азартным играм и ставкам? Любишь экстремальный отдых или предпочитаешь не рисковать? </div> <textarea class="questq_answer" id='q7_ans' ></textarea> </div> <div id='quest_q8' class="quest_number"> <div id="quest_head_img"></div> <div class="quest_q1_icon_img"><img src="https://forumstatic.ru/files/0018/11/de/76231.jpg" alt="https://forumstatic.ru/files/0018/11/de/76231.jpg"></div> <div class="quest_q1_icon" >// Emergency awesome</div> <div class="quest_q1_text">— Если бы ты мог сыграть любую роль в кино, то какую и почему? Помни: все люди как люди, а ты суперзвезда. </div> <textarea class="questq_answer" id='q8_ans'></textarea> </div> <div id='quest_q9' class="quest_number"> <div id="quest_head_img"></div> <div class="quest_q1_icon_img"><img src="https://forumstatic.ru/files/0018/11/de/53644.jpg" alt="https://forumstatic.ru/files/0018/11/de/53644.jpg"></div> <div class="quest_q1_icon" >// Love is</div> <div class="quest_q1_text">— Ты доминируешь или подчиняешься? А если серьезно, расскажи о любви. Везет или не везет, веришь или не веришь, проходил или все еще впереди. Здесь же можешь передать привет маме. </div> <textarea class="questq_answer" id='q9_ans'></textarea> </div> <div id='quest_q10' class="quest_number"> <div id="quest_head_img"></div> <div class="quest_q1_icon_img"><img src="https://forumstatic.ru/files/0018/11/de/65672.jpg" alt="https://forumstatic.ru/files/0018/11/de/65672.jpg"></div> <div class="quest_q1_icon" >// Social experiment</div> <div class="quest_q1_text">— Если бы завтра в твоем доме случился пожар, что бы ты спас в первую очередь? </div> <textarea class="questq_answer" id='q10_ans' ></textarea> </div> <div id='quest_q4_old' class="quest_number"> <div class="quest_q4_icon" >// Vlography go</div> <!--<div id="custom_buttons"> <div id="custom_b" class="custom_button"></div> <div id="custom_it" class="custom_button"></div> <div id="custom_u" class="custom_button"></div> <div id="custom_s" class="custom_button"></div> <div id="custom_left" class="custom_button"></div> <div id="custom_center" class="custom_button"></div> <div id="custom_right" class="custom_button"></div> </div>--> <textarea class="questq_answer" id='q4_old_ans' ></textarea> </div> <p class="formsubmit"> <input type="button" class="button SendQuestionary" value="Отправить"> <input type="button" class="button PrevQuestion" value="Предыдущий вопрос"> <input type="button" class="button NextQuestion" value="Следующий вопрос"> <input type="button" class="button ChangeQuestionary" value="История"></p> </div> </div> <div class='out_quest_wrapper' style="display:none"> <div id="qout_name">Имя Фамилия</div> <div id="qout_faceclaim">внешность персонажа</div> <div id="qout_ava"><img src="https://forumavatars.ru/img/avatars/0006/f5/43/2-1535121478.jpg"></div> <div id="qout_place" class="quot_data">место</div> <div id="qout_date" class="quot_data">дата</div> <div id="qout_sex" class="quot_data">ориентация</div> <div id="qout_socc" class="quot_data">деятельность</div> <div id="qout_rel" class="quot_data">статус</div> <div id="qout_podpiska" class="quot_data">группа</div> <div id="quot_var02" style="display:none"> <div id="subheader">Vlography go</div> <div id="subtext">описание персонажа</div> </div><div id="qout_var01" style="display:none"> <div style="position:relative" class="var01_block"> <div id="header_1" style="background: url(https://forumstatic.ru/files/0018/11/de/57891.png) top no-repeat;">// TOP-5</div><div id="header_img"><img class="postimg" src="https://forumstatic.ru/files/0018/11/de/28684.jpg" alt="https://forumstatic.ru/files/0018/11/de/28684.jpg"></div> <div class="qout_question"> — Начнем с простого: опиши себя пятью словами, чтобы наш зритель совершенно точно знал, с кем имеет дело. </div> <div class="qout_answer" id="q1_ans"> ответ 1 </div> </div> <div style="position:relative" class="var01_block"> <div id="header_1" style="background: url(https://forumstatic.ru/files/0018/11/de/57891.png) top no-repeat">// REWIND</div> <div id="header_img"><img class="postimg" src="https://forumstatic.ru/files/0018/11/de/90617.jpg" alt="https://forumstatic.ru/files/0018/11/de/90617.jpg"></div> <div class="qout_question"> — Отлично! А что отличает тебя от других? Необычное хобби, скрытый талант, пара миллионов подписчиков в социальной сети или количество нулей на банковском счете? Может, вспомнишь о достижении, которым особенно гордишься? </div> <div class="qout_answer" id="q2_ans">> ответ 2 </div> </div> <div style="position:relative" class="var01_block"> <div id="header_1" style="background: url(https://forumstatic.ru/files/0018/11/de/57891.png) top no-repeat">// exposed</div> <div id="header_img"><img class="postimg" src="https://forumstatic.ru/files/0018/11/de/44174.jpg" alt="https://forumstatic.ru/files/0018/11/de/44174.jpg"></div> <div class="qout_question">— Ты же знаешь, что там, где вспоминают о достижениях, обязательно заговорят и о компромате? Это интервью — не исключение. Расскажи о поступке, за который тебе по-настоящему стыдно; или о том, стыдно о котором только говорить, зато вспомнить — приятно. </div> <div class="qout_answer" id="q3_ans">> ответ 3 </div> </div> <div style="position:relative" class="var01_block"> <div id="header_1" style="background: url(https://forumstatic.ru/files/0018/11/de/57891.png) top no-repeat">// Diss track</div> <div id="header_img"><img class="postimg" src="https://forumstatic.ru/files/0018/11/de/50031.jpg" alt="https://forumstatic.ru/files/0018/11/de/50031.jpg"></div> <div class="qout_question"> — Bad Comedian не любит плохие фильмы, Pewdiepie — придумывать оригинальный контент, а Хованский — закусывать. Расскажи о том, что тебе решительно не нравится: в быту, людях... может, даже в себе? </div> <div class="qout_answer" id="q4_ans">> ответ 4 </div> </div> <div style="position:relative" class="var01_block"> <div id="header_1" style="background: url(https://forumstatic.ru/files/0018/11/de/57891.png) top no-repeat">// Daily vlog</div> <div id="header_img"><img class="postimg" src="https://forumstatic.ru/files/0018/11/de/11752.jpg" alt="https://forumstatic.ru/files/0018/11/de/11752.jpg"></div> <div class="qout_question"> — Порой нас раздражают любые мелочи, но иногда дела складываются настолько удачно, что не стыдно и влог записать, и на канал выложить. Расскажи о самом счастливом дне в своей жизни. </div> <div class="qout_answer" id="q5_ans">> ответ 5 </div> </div> <div style="position:relative" class="var01_block"> <div id="header_1" style="background: url(https://forumstatic.ru/files/0018/11/de/57891.png) top no-repeat">// Social experiment</div> <div id="header_img"><img class="postimg" src="https://forumstatic.ru/files/0018/11/de/71302.jpg" alt="https://forumstatic.ru/files/0018/11/de/71302.jpg"></div> <div class="qout_question"> — Все мы знаем, что человек — существо социальное. Каким был лучший совет, который тебе доводилось получать, или лучший урок, который удалось извлечь ценой собственных шишек? </div> <div class="qout_answer" id="q6_ans">> ответ 6 </div> </div> <div style="position:relative" class="var01_block"> <div id="header_1" style="background: url(https://forumstatic.ru/files/0018/11/de/57891.png) top no-repeat">// Top 10 pranks that went too far</div> <div id="header_img"><img class="postimg" src="https://forumstatic.ru/files/0018/11/de/82134.jpg" alt="https://forumstatic.ru/files/0018/11/de/82134.jpg"></div> <div class="qout_question"> — Ты тратишь и не плачешь, потому что поднял вчера? Как относишься к азартным играм и ставкам? Любишь экстремальный отдых или предпочитаешь не рисковать? </div> <div class="qout_answer" id="q7_ans">> ответ 7 </div> </div> <div style="position:relative" class="var01_block"> <div id="header_1" style="background: url(https://forumstatic.ru/files/0018/11/de/57891.png) top no-repeat">// Emergency awesome</div> <div id="header_img"><img class="postimg" src="https://forumstatic.ru/files/0018/11/de/76231.jpg" alt="https://forumstatic.ru/files/0018/11/de/76231.jpg"></div> <div class="qout_question"> — Если бы ты мог сыграть любую роль в кино, то какую и почему? Помни: все люди как люди, а ты суперзвезда. </div> <div class="qout_answer" id="q8_ans">> ответ 8 </div> </div> <div style="position:relative" class="var01_block"> <div id="header_1" style="background: url(https://forumstatic.ru/files/0018/11/de/57891.png) top no-repeat">// Love is</div> <div id="header_img"><img class="postimg" src="https://forumstatic.ru/files/0018/11/de/53644.jpg" alt="https://forumstatic.ru/files/0018/11/de/53644.jpg"></div> <div class="qout_question"> — Ты доминируешь или подчиняешься? А если серьезно, расскажи о любви. Везет или не везет, веришь или не веришь, проходил или все еще впереди. Здесь же можешь передать привет маме. </div> <div class="qout_answer" id="q9_ans">> ответ 9 </div> </div> <div style="position:relative" class="var01_block"> <div id="header_1" style="background: url(https://forumstatic.ru/files/0018/11/de/57891.png) top no-repeat">// Social experiment</div> <div id="header_img"><img class="postimg" src="https://forumstatic.ru/files/0018/11/de/65672.jpg" alt="https://forumstatic.ru/files/0018/11/de/65672.jpg"></div> <div class="qout_question"> — Если бы завтра в твоем доме случился пожар, что бы ты спас в первую очередь? </div> <div class="qout_answer" id="q10_ans">> ответ 10 </div> </div> </div> </div> <style> #custom_b { background-image: url("https://forumstatic.ru/files/0018/26/71/25393.png"); } #custom_it { background-image: url("https://forumstatic.ru/files/0018/26/71/23328.png"); } #custom_s { background-image: url("https://forumstatic.ru/files/0018/26/71/15389.png"); } #custom_u { background-image: url("https://forumstatic.ru/files/0018/26/71/19023.png"); } #custom_left { background-image: url("https://forumstatic.ru/files/0018/26/71/24901.png"); } #custom_center { background-image: url("https://forumstatic.ru/files/0018/26/71/82640.png"); } #custom_right { background-image: url("https://forumstatic.ru/files/0018/26/71/46138.png"); } .custom_button { display:inline-block; cursor:pointer; margin:2px; margin-top:0px; width:16px; height:15px; } #quest_q4_old > #custom_buttons { width: 370px; position: absolute; right: 0; top: 0px; } .formsubmit .button {-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none!important; margin: 0 9px; border-style: solid; border-width: 1px; border-color: #952429 #952429 #d17e80 #d17e80; background-color: rgba(174,107,110,.5)!important; -webkit-box-shadow: inset -1px 1px 2px #9b3035!important; -moz-box-shadow: inset -1px 1px 2px #9b3035!important; box-shadow: inset -1px 1px 2px #9b3035!important; color: #fff!important; /* font-weight: bold; */ /* font-style: italic; */ font-size: 10px; text-transform: uppercase; padding: 2px 10px; cursor: pointer; } .formsubmit { position: absolute; bottom: 0; width: 100%; text-align: center; margin-top: 1em !important; } #q4_old_ans { top:18px !important; height:297px !important; } .questq_answer { position: absolute; width: 600px !important; height: 214px!important; overflow-y: auto; overflow-x: hidden; top: 110px; left: 0px; margin: 5px 5px 2px !important; padding-right: 5px!important; background: linear-gradient(to right, #ffffff33, #ffffff33)!important; color: black; border: none; font-family: Tahoma !important; font-size: 12px !important; text-indent: 18px; scrollbar-face-color: #fff; scrollbar-arrow-color: #fff; scrollbar-track-color: #8c91bc; scrollbar-shadow-color: #fff; scrollbar-highlight-color: #fff; scrollbar-3dlight-color: #fff; scrollbar-darkshadow-Color: #fff; text-align: justify; } #custom_buttons { width: 370px; position: absolute; right: 0; top: 49px; } .quest_q1_text { width: 547px; height: 40px; position: absolute; top: 67px; font-family: Roboto; left: -10px; background-color: rgba(0,0,0,.25); margin: 0 8px 0 40px; padding: 0 4px 0 32px; height: 40px; border-bottom: 2px dotted #fff; background-clip: padding-box; line-height: 13px; font-size: 11px; } .quest_q1_icon { width: 240px; height: 15px; background-color: #823549; text-align: center; font-family: Proxima Nova Rg; position: absolute; padding-left: 10px; padding-top: 2px; font-size: 12px; left: 40px; text-transform: uppercase; } .quest_q4_icon { width: 250px; height: 15px; background-color: #823549; text-align: center; font-family: Proxima Nova Rg; position: absolute; padding-left: 10px; padding-top: 2px; font-size: 12px; left: 5px; text-transform: uppercase; } .quest_q1_icon_img img { position: absolute; left: -2px; top: 48px; margin: 0; border-radius: 50%; width: 62px; height: 62px; z-index: 1; } #quest_q1 { position:absolute; width:620px; height:245px; top:160px; left:10px; } #quest_q2, #quest_q3, #quest_q4, #quest_q5, #quest_q6, #quest_q7, #quest_q8,#quest_q9, #quest_q10 { display:none; position:absolute; width:620px; height:245px; top:160px; left:10px; } #quest_q3 { display:none; position:absolute; width:620px; height:245px; top:160px; left:10px; } #quest_q4_old { display:none; position:absolute; width:620px; height:245px; top:160px; left:10px; } #quest_head_img { background-image: url('https://forumstatic.ru/files/0018/11/de/62593.png'); width:499px; height:49px; position: relative; left:55px; } #quest_image_url > .imp { border: none; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none!important; text-indent: 0.01px; text-overflow: ''; color: #fff; text-align: center; } #quest_faceclaim { position: absolute; top:120px; left:379px; } #quest_fullname { position: absolute; top:120px; left:119px; } #quest_fullname .imp, #quest_faceclaim .imp{ width: 238px; margin: 0 0px; padding: 0 0px; height: 21px; line-height: 21px; text-align: center; border: none; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none!important; text-indent: 0.01px; text-overflow: ''; color: white; } #quest_occupation{ position: absolute; top:85px; left:500px; } #quest_town { position: absolute; top:55px; left:500px; } #quest_town input, #quest_occupation input {border-width: 1px 1px 0 0; border-style: solid; border-color: #d0d8e1; -webkit-box-box-shadow: -2px 2px 3px #2a3879!important; -moz-box-shadow: -2px 2px 3px #2a3879; box-shadow: -1px 1px 3px #3b3b6999; background-color: transparent; -webkit-appearance: none; color: white;border-radius: 0; width: 100px;} .inp_some { padding: 0 8px !important; width: 100px; height: 16px; line-height: 16px; border-width: 1px 1px 0 0; border-style: solid; border-color: #9ea3c0; -webkit-box-box-shadow: -2px 2px 3px #2a3879; -moz-box-shadow: -2px 2px 3px #2a3879; box-shadow: -2px 2px 3px #2a3879; border: none; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none!important; text-indent: 0.01px; text-overflow: ''; color: #fff; } #quest_date { position: absolute; top:24px; left:500px; } #quest_date > .imp { height: 14px; /* line-height: 16px; */ border-width: 1px 1px 0 0; border-style: solid; border-color: #d0d8e1; -webkit-box-box-shadow: -2px 2px 3px #2a3879; -moz-box-shadow: -2px 2px 3px #2a3879; box-shadow: -1px 1px 3px #3b3b6999; background-color: transparent; -webkit-appearance: none; color: white; font-size: 11px; padding-left: 6px; } #quest_wrapper > #quest_date select { width: 30px; } #quest_wrapper option { background-color: #4d5bbe; } #quest_wrapper select { font-family: 'Roboto'; width: 100px; height: 16px; line-height: 16px; border-width: 1px 1px 0 0; border-style: solid; border-color: #d0d8e1; -webkit-box-box-shadow: -2px 2px 3px #2a3879; -moz-box-shadow: -2px 2px 3px #2a3879; box-shadow: -1px 1px 3px #3b3b6999; background-color: transparent; -webkit-appearance: none; color: white; font-size: 11px; padding-left: 6px; } #quest_subscr { position: absolute; top:24px; left:250px; } #quest_relation { position: absolute; top:55px; left:250px; } #quest_orn { position: absolute; top:86px; left:250px; } #quest_image_url{ position: absolute; top:65px; left:14px; color:grey; width:93px; height:17px; max-height: 17px; font-size:10px; text-align: center; white-space: nowrap; overflow-x: hidden; } #quest_image_header{ width: 95px; text-align: center; position: absolute; top: 25px; left: 12px; font-size: 10px; font-family: Proxima Nova rg; text-transform: uppercase; } #quest_wrapper{ background-image: url(https://forumstatic.ru/files/0018/11/de/95658.png); position: relative; display: inline-block; left: 40px; width: 638px; height: 524px; color: white; font: normal 72.75% tahoma, verdana, arial, helvetica, sans-serif; top: -12px; } </style> <style> .qout_answer { margin: 0px 2px 8px 2px; padding: 3px; padding-left:1px; padding-right:5px; background-color: rgba(0,0,0,.25); color:white; font-size:12px; line-height: 120%; text-align:right; } .qout_question{ position: relative; width:544px; margin: 3px 0px 2px 50px; padding: 2px 4px 2px 40px; background-color: rgba(0,0,0,.25); color:white; font-size:12px; line-height: 120%; } #header_img img{ position: absolute; z-index: 1; left: 10px; top: 0px; margin: 0 !important; width: 70px; height: 70px; border: 3px solid #919191; border-radius: 50%; } .var01_block>#header_1 { position: relative; height: 34px; line-height: 34px; text-transform: uppercase; font-weight: bold; color:white; text-align:center; } #qout_var01 { position:absolute; top:315px; left:-5px; width:650px; height:480px; overflow-y:auto; overflow-x:hidden; } #quot_var02>#subtext { width:615px; height:410px; position:absolute; color:white; top:50px; left:18px; overflow-y: auto; } #quot_var02>#subheader { position:absolute; text-transform: uppercase; font-family: 'calibri'; font-weight:bold; color:white; width:530px; top:10px; text-align:center; font-size:16px; left:65px; } #quot_var02 { display:none; background-image:url('https://forumstatic.ru/files/0018/26/71/63547.png'); position:absolute; top:308px; width:650px; height:480px; } .quot_data { position:absolute; color:white; width:160px; text-align:center; } #qout_date { top:200px; left:240px; } #qout_place { top:200px; left:48px; } #qout_rel { top:262px; left:240px; } #qout_socc { top:262px; left:48px; } #qout_sex { top:200px; left:438px; } #qout_podpiska { top:262px; left:438px; } #qout_ava { position:absolute; top:55px; left:20px; } #qout_ava img { width:100px; height:100px; object-fit: cover; border-radius: 50px; } #qout_name { position:absolute; top:104px; left:130px; font-family: 'calibri'; font-size: 24px; line-height: 100%; } #qout_faceclaim { position:absolute; top:128px; left:130px; font-size: 14px; line-height: 100%; text-transform:uppercase; font-family: calibri; } #qout_name::after { display: inline-block; content: '\2714'; font-size: 12px; line-height: 16px; text-align: center; width: 16px; height: 16px; margin-left: 5px; border-radius: 50%; color: #fff; background-color: #6e6e6e; } .out_quest_wrapper { background-image:url('https://forumstatic.ru/files/0018/26/71/16196.png'); width:650px; margin:auto; height:792px; position:relative; font: normal 72.75% tahoma, verdana, arial, helvetica, sans-serif; } #b_right { left:259px; } #b_left { left:16px; } .quest_slider_b{ width:30px; height:30px; position: absolute; top:20px; opacity: 0.5; cursor: pointer; } .quest_slider { position:relative; display: inline-block; background-image: url(https://forumstatic.ru/files/0018/26/71/19675.png); width:301px; height:543px; } .quest_group {color: white; font-family: Proxima Nova Rg; width: 223px; font-size: 15px; font-weight: bold; text-align: center; top: 26px; left: 40px; text-transform: uppercase; position: absolute; } .tapeform1 { font-family: Proxima Nova Rg; font-size: 12px; text-transform: uppercase; color: white; position: absolute; top: 49px; left: 22px;} .tapeform2 { font-family: Proxima Nova Rg; font-size: 12px; text-transform: uppercase; color: white; position: absolute; top: 164px; left: 22px;} .tapeform3 { font-family: Proxima Nova Rg; font-size: 12px; text-transform: uppercase; color: white; position: absolute; left: 400px; top: 49px;} .tapeform4 { font-family: Proxima Nova Rg; font-size: 12px; text-transform: uppercase; color: white; position: absolute; top: 277px; left: 400px;} #quest_fullname .imp::placeholder, #quest_faceclaim .imp::placeholder, #quest_date > .imp::placeholder, #quest_town > .inp_some::placeholder, #quest_occupation > .inp_some::placeholder, #quest_image_url > .imp::placeholder{ color: white; opacity: 0.5; } </style>[/html]