[html]<link href="https://fonts.googleapis.com/css?family=EB+Garamond|Noto+Sans|Playfair+Display:400,400i,500,600,700,800,900|Istok+Web:400,700&display=swap" rel="stylesheet">
<style>
.delaware {
position: relative;
width: 600px;
margin: 5px 20px;
background: #030c0c;
text-align: center;
border: 2px solid #6e7f80;
}
.delpic1 {
height: 300px;
width: 600px;
background-size: cover;
background-position: top center;
display: flex;
align-items: center;
justify-content: center;
border-top: 1px solid #6e7f80;
border-bottom: 1px solid #6e7f80;
}
.delaware label {
color: #9ab9cb;
font-family: playfair display;
letter-spacing: 4px;
padding: 20px 10px;
display: inline-block;
text-transform: uppercase;
font-size: 13px;
cursor: pointer;
transition: 0.3s;
-webkit-transition: 0.3s;
font-style: normal;
}
#d-image:checked+label, #d-app:checked+label, #d-shipper:checked+label, #d-player:checked+label {
color: #cacaca;
font-style: italic;
}
.delaware input {
display: none
}
.delaback {
position: absolute;
background: #9ab9cb;
height: 300px;
width: 600px;
mix-blend-mode: multiply;
}
.delaname {
padding: 30px 60px;
position: relative;
color: #cacaca;
font-family: playfair display;
text-transform: uppercase;
letter-spacing: 6px;
font-size: 25px;
height: 0px;
padding: 0px 60px;
overflow: hidden;
transition: 0.6s;
-webkit-transition: 0.6s;
line-height: 130%;
border: 1px solid transparent;
}
#d-image:checked ~ .delpic1 .delaname {
height: 84px;
padding: 30px 60px;
border-top: 1px solid #6e7f80;
border-bottom: 1px solid #6e7f80;
transition-delay: 0.7s;
-webkit-transition-delay: 0.7s;
}
.delaquote {
color: #cacaca;
font-style: italic;
font-family: playfair display;
padding: 40px;
letter-spacing: 1px;
font-size: 17px;
}
.delainfo {
padding: 30px;
padding-top: 0px;
}
.delainfo block {
display: block;
border: 1px solid #6e7f80;
font-family: istok web;
color: #cacaca;
font-size: 7px;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
padding: 15px;
text-align: left;
background: #222727;
font-weight: 700;
display: flex;
flex-wrap: wrap;
align-items: left;
justify-content: space-between;
}
.delaname i {
display: block;
}
.delainfo div {
display: flex;
align-items: center;
justify-content: center;
margin: 5px 0px;
width: 50%;
}
.delainfo div:nth-child(odd) {
flex-direction: row-reverse;
}
.delainfo div i {
font-family: playfair display;
text-transform: lowercase;
letter-spacing: 1px;
font-size: 10px;
font-weight: 400;
color: #9f7676 !important;
}
.delin1, .delin2, .delin3 {
position: absolute;
background: none;
height: 0px;
width: 500px;
top: 105px;
left: 50px;
border: 1px solid transparent;
overflow: hidden;
transition: 0.7s;
-webkit-transition: 0.7s;
transition-delay: 0s;
-webkit-transition-delay: 0s;
}
.delin1 text, .delin2 text {
margin: 30px;
overflow: auto;
padding-right: 5px;
height: 140px;
display: block;
font-family: noto sans;
text-align: justify;
color: #262928 !important;
font-size: 11px;
line-height: 160%;
background: rgba(182, 184, 178, 1);
outline: 30px solid rgba(182, 184, 178, 1);
}
#d-app:checked ~ .delin1, #d-shipper:checked ~ .delin2, #d-player:checked ~ .delin3 {
transition-delay: 0.7s;
-webkit-transition-delay: 0.7s;
height: 200px;
border: 1px solid #6e7f80;
}
.delaware h1 {
font-family: playfair display;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 2px;
}
.delaware h2 {
color: #aa9e6e!important;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 10px;
}
.delin1 b, .delin2 b {
color: #e5feff;
}
.delin3 img {
height: 60px;
width: 60px;
position: absolute;
top: 30px;
left: 30px;
padding: 5px;
border: 1px solid #6e7f80;
background: #190b0a;
}
.delin3 alias {
font-family: playfair display;
text-transform: uppercase;
color: #cacaca !important;
letter-spacing: 2px;
font-size: 40px;
left: 120px;
position: absolute;
display: block;
top: 35px;
line-height: 100%;
}
.delin3 h2 {
display: block;
font-family: istok web;
position: absolute;
top: 70px;
left: 120px;
letter-spacing: 2px;
}
.delin3 triggers {
display: block;
background: #190b0a;
position: relative;
margin: 0px 30px;
border: 1px solid #6e7f80;
padding: 10px;
overflow: auto;
color: #cacaca !important;
font-family: noto sans;
font-size: 11px;
text-align: left;
top: 110px;
height: 70px;
}
.delin3 h3 {
font-family: istok web;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 12px;
color: #c8caca !important;
border: 1px solid #6e7f80;
padding: 3px;
margin: 0px 30px;
position: absolute;
width: 332px;
top: 110px;
background: #190b0a;
text-align: left;
}
.delin3 background {
display: block;
height: 100%;
width: 100%;
background: #190b0a;
position: absolute;
}
.delin1 text::-webkit-scrollbar{width:5px;}
.delin1 text::-webkit-scrollbar-track{background:#333!important;border:1px solid #333;!important}
.delin1 text::-webkit-scrollbar-thumb{background: #aa9e6e;border: 2px solid #333;}
.delin2 text::-webkit-scrollbar{width:5px;}
.delin2 text::-webkit-scrollbar-track{background:#333!important;border:1px solid #333;!important}
.delin2 text::-webkit-scrollbar-thumb{background: #aa9e6e;border: 2px solid #333;}
.delin3 text::-webkit-scrollbar{width:5px;}
.delin3 text::-webkit-scrollbar-track{background:#333!important;border:1px solid #333;!important}
.delin3 text::-webkit-scrollbar-thumb{background: #aa9e6e;border: 2px solid #333;}
</style>
<div class="delaware">
<input type="radio" id="d-image" name="delaware" checked>
<label for="d-image">Главная</label>
<input type="radio" id="d-app" name="delaware">
<label for="d-app"> Общее</label>
<input type="radio" id="d-shipper" name="delaware">
<label for="d-shipper">О проекте</label>
<input type="radio" id="d-player" name="delaware">
<label for="d-player">Администрация</label>
<div class="delpic1" style="background-image: url(https://i.imgur.com/Q9ijzDO.jpg)">
<div class="delaback"></div>
<div class="delaname"><i>Все двери<br><br>открываются в Твери</i></div>
</div>
<div class="delin1">
<text>
Добро пожаловать в Тверь!<br>
Время: 2022 год. Рейтинг: 18+. Сеттинг: руреал.<br>
В гостевой нашего форума вы можете задать любые интересующие вас вопросы, на которые вам ответят развернуто и с удовольствием. Здесь рады гостям и интересным идеям!
На предварительные сборы у вас есть 4 дня — время, на которое мы держим за вами внешность. Если подготовка потребует больших усилий, и документы для въезда в город будут не готовы — отпишитесь в этой теме, и мы продлим бронь.
</text>
</div>
<div class="delin2">
<text>
Мы — проект в духе русского реализма, новая история, вдохновлённая кинокартинами Юрия Быкова, Андрея Звягинцева, Алексея Балабанова, некоторыми сериалами и тем, что видим за окном. Сегодня, здесь и сейчас.<br> 90-ые снискали славу лихих. 2000-ые называли сытыми да тучными. Период с 2013, затянувшийся по сей день, — замедление развития экономики, санкционная война, безработица, инфляция, — пользуется репутацией “тощих годов”. На фоне уменьшения доходов и увеличения расходов вскрываются старые раны и назревают новые конфликты. В одном из них, в самом центре событий, оказались и вы. <br>
Тверь, 2022 г. Бизнесмен Михаил Алексеевич, влиятельная фигура экономики Тверской области и Калининского района, планирует приобрести в собственность стекольный завод. Да вот беда: другой бизнесмен, Роман Денисович, тоже по-своему замечательная, весомая фигура — продавать безубыточное производство стеклотары не спешит. Конфликт экономических интересов грозит перерасти в полноценную войну, ведь Боженов заправляет местной ОПГ, а Терновой сколотил капитал на рейдерстве...<br>
Присоединитесь ли вы к одному из противоборствующих лагерей или постараетесь остановить беспредел, примкнув к сотрудникам правоохранительных органов? Будете ли безучастно наблюдать со стороны, заботясь исключительно о личном благополучии?
</text>
</div>
<div class="delin3"><background></background>
<img src="https://forumstatic.ru/files/001a/e7/1a/73564.png">
<alias>АМС</alias>
<h2>"вы им спасибо не скажете"</h2>
<triggers>
<b>ПАВЕЛ СОКОЛОВ</b> - блюститель закона и порядка в нашем городе, большой брат, банкир, организатор, швец, жнец, на дуде игрец. К нему вообще по любым вопросам, претензиям, хотелкам и так далее;<br>
<b>ИЛЬЯ БЕЛОВ</b> - Большой Брат, соглядатай, ФСБшник. Никто точно не знает, чем он занимается, но от его ока не скроется ничего, и карающая длань его настигнет каждого! Либо погладит, либо отшлепает) А ну и с сюжетом это тоже к нему.<br>
<b>МАКСИМ ЭФРОН</b> - городской сплетник и интриган, расскажет вам все про тверские криминальные разборки, кто кому там в чай плюнул и брат за какого брата вписывается, а так же на досуге балуется фотошопом, но это не точно;
</triggers>
</div>
<div class="delaquote">
Мне Россия очень понравилась, особенно люди. Они у вас открытые, душевные и немножко ку-ку — как раз в моем стиле!<br> Джонни Депп
</div>
<div class="delainfo">
<block> <div>МУЖ</div>
<div>ЖЕН</div>
<div>
</div>
<div>
Зоя Бербер - Мадам Сомнение до 17.07
</div>
</block>
</div>
</div><center><a href="https://shadowplayers.jcink.net/index.php?showuser=2355" style="color:#ccc;font-size:7px;letter-spacing:5px;">MONTY</a></center>[/html]
?)
