а то я все теряю
- Подпись автора
replay test |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » replay test » Тест всех оргов » всякие коды
а то я все теряю
профилактика
<div id="resplash" style="display: none;"> <div class='formal' style='height:200px; width:200px; margin:auto; margin-top:200px; font-family:tahoma; font-size:10px;'> <form id='login' class='container' method='post' action='login.php?action=in' onsubmit='return my_form(this)'><fieldset><span>Форум на профилактике. Мы обновляемся и скоро вернемся. Не переключайтесь ♥</span><div class='fs-box inline'> <input type='hidden' name='form_sent' value='1' /><input type='hidden' name='redirect_url' value='index.php' /><p class='inputfield required'> <label for='fld1'>Имя <em>(Обязательно)</em></label><br /> <span class='input'> <input type='text' id='fld1' name='req_username' size='25' maxlength='25'/></span></p> <p class='inputfield required'> <label for='fld2'>Пароль <em>(Обязательно)</em></label><br /> <span class='input'> <input type='password' id='fld2' name='req_password' size='25' maxlength='25' /></span></p></div></fieldset> <center><p class='formsubmit'> <input type='submit' class='button' id='customebutton' name='login' value='Войти как Администратор' /></p></center></form></div></div> <script type="text/javascript"> var active = 1; if(GroupID != 1 && active == 1){ e10 = document.createElement('div') e10.innerHTML = document.getElementById("resplash").innerHTML; document.getElementsByTagName('body')[0].insertBefore(e10,document.getElementById('pun_wrap')) document.write("<style type=\"text/css\">html, body {background: #fff;} #customebutton {margin: auto;} #pun {display: none;}</style>"); document.title= 'Форум на профилактике - '+document.title; } </script>
<!--HTML--> <style> @import url('https://fonts.googleapis.com/css2?family=Arimo:wght@700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap'); .fenris_tems_box { background: #f0f1f5; width: 550px; height: auto; margin: auto; padding: 0px 30px 30px; } .fenris_tems_box h6 { color: #f0f1f5; font: 700 40px arimo; background: #394143; margin: 0; text-transform: uppercase; padding: 30px 15px 15px; margin-bottom: 30px; } .fenris_tems_img { overflow: hidden; height: 60px; position: relative; margin-bottom: 30px; } .fenris_tems_img img { width: 100%; filter: grayscale(100%) } .fenris_tems_img:after { content: ""; position: absolute; background: rgba(0,0,0,.7); width: 100%; height: 100%; top: 0%; left: 0% } .fenris_tems_text { text-align: justify; font: 400 italic 11px/18px merriweather; } </style> <div class="fenris_tems_box"> <h6>title name</h6> <div class="fenris_tems_img"> <img src="https://forumstatic.ru/files/0019/ca/89/26029.png"> </div> <div class="fenris_tems_text"> Он не знал, что это за городок, потому что на дороге не было никаких знаков с названием. Указатель – сосновую доску с выцветшей от времени краской – еще лет двадцать назад сбил один дядька, который решил оприходовать за одну ночь сразу двоих любовниц. Его голова покоилась на груди Водки, а рука – на бедре у Виски, когда он утратил контроль над своим автомобилем. Указатель с названием города до сих пор валялся в нескольких футах от дороги, в густых зарослях пуэрарии, покоричневевший от крови, которая давным-давно высохла. </div> </div>
<!--HTML--> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet"> <div class="gallean_wrap"> <div class="gallean_first_wrap"> <span>shadowsong</span> <em>Death, it's shadows, spreads its wings around me.</em> </div> <div class="gallean_second_wrap"> <div class="gallean_scroll"> <span class="header">long live death</span> <div>Человек, который носит имена рек, знает: он больше не такой, как остальные люди; некая сторона его внушающих ужас трудов навсегда изменила его; он никогда не сможет вернуться к прежней, простой и безболезненной жизни. Иногда это знание ранит так сильно, что он часами сидит один в темной комнате и оплакивает потерю самого себя. Кошмарно, знает он, когда так мало решаешь в своей собственной жизни, когда столь многое было предрешено еще до твоего рождения. Быть солдатом в армии крови и света, настолько тайной, что и речи не может быть о признании его успехов или неудач, даже о самом мимолетном контакте с братьями и сестрами по оружию — из-за опасности разоблачения.</div> </div> </div> </div> <style> /* css, который не знает, что он такое */ .gallean_wrap { --g-text-title: #FFFFFF; /* цвет шрифта на первом блоке */ --g-text-accent: #EAD807; /* цвет шрифта заголовка на выскальзывающем блоке */ --g-base-text: #4E4E4E; /* цвет шрифта основного текста на выскальзывающем блоке */ --g-text-shadow: 1px 1px 4px rgba(44, 46, 51, 0.56); /* тень текста */ --g-padding: 30px; /* отступы от краев */ --g-bg: #FDF8F8; /* фон выскальзывающего блока */ --g-box-shadow: -10px -10px 20px rgba(0, 0, 0, 0.14), 4px 4px 10px rgba(0, 0, 0, 0.25); /* тень выскальзывающего блока */ --g-calc: 100% - 60px; /* считает ширину или высоту с учетом отступов от краев. в данном случае отступы указаны 30px, сле-но указано 100% - 60px. если указываете отступы 20px, соответственно от 100% отнимаете 40px. математика sssука %) */ } * { scrollbar-width: thin; } .gallean_wrap { width: 600px; /* ширина */ height: 300px; /* высота */ overflow: hidden; position: relative; margin: auto; background: url(https://i.imgur.com/HQm6vZp.jpg); /* фон картинкой */ background-size: cover; box-sizing: border-box; padding: var(--g-padding) } .gallean_first_wrap { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; color: var(--g-text-title); text-shadow: var(--g-text-shadow); letter-spacing: .1em; transition: all 2s cubic-bezier(0.72, -0.01, 0, 1); } .gallean_first_wrap span { font: 900 normal 70px inter; /* шрифт shadowsong */ } .gallean_first_wrap em { font: 500 normal 13px inter !important; /* шрифт Death, it's shadows, spreads its wings around me. */ } .gallean_second_wrap { background: var(--g-bg); box-shadow: var(--g-box-shadow); position: absolute; width: calc(var(--g-calc)); height: calc(var(--g-calc)); top: 30px; left: 30px; box-sizing: border-box; padding: var(--g-padding); transition: transform 1.5s cubic-bezier(0.72, -0.01, 0, 1) .1s, opacity 1s cubic-bezier(0.72, -0.01, 0, 1) .05s; transform: scale(2); opacity: 0 } .gallean_scroll { height: 100%; overflow-y: auto; padding-right: 10px; } .gallean_second_wrap .header { display: block; color: var(--g-text-accent); font: 900 normal 40px inter; /* шрифт long live death */ text-transform: lowercase; } .gallean_scroll div { color: var(--g-base-text); text-align: justify; font: 500 12px/150% inter; /* шрифт основного текста*/ } .gallean_wrap:hover .gallean_first_wrap { transform: scale(0); filter: blur(40px) } .gallean_wrap:hover .gallean_second_wrap { transform: scale(1); opacity: 1; transition: transform 1.5s cubic-bezier(0.72, -0.01, 0, 1) .1s, opacity 1.5s cubic-bezier(0.72, -0.01, 0, 1) .1s; } </style>
Вы здесь » replay test » Тест всех оргов » всякие коды