<!--HTML--> <div class="limbox"> <div class="lim_pic"><img src="https://b.radikal.ru/b06/2010/e1/22f0a9cb0b8d.png"></div> <div class="lim_title">graphics and design <div class="lim_subtitle">frozen imp aka eleanor darrow</div></div> <div class="lim_txt"> <div class="tabss"> <input id="tabee1" type="radio" name="tabss" checked> <label for="tabee1">описание</label> <input id="tabee2" type="radio" name="tabss"> <label for="tabee2">технические детали</label> <section id="content-tabee1"> <table><tr><td style="background-color: rgba(46, 49, 49, 0.1); text-align: center; font-family: Playfair Display; font-size: 10px; font-weight: 600">WE'RE AT THE POINT OF NO RETURN</td></tr></table><table><tr><td style="background-color: rgba(46, 49, 49, 0.1); text-align: center; font-family: Playfair Display; font-size: 8px; font-weight: 600">Elijah Carter & Eleanor Darrow</td></tr></table><table><tr><td style="background-color: rgba(46, 49, 49, 0.1); text-align: center; font-family: Playfair Display; font-size: 10px; font-weight: 400">September 4, 2020</td></tr></table>Когда Элеонор возвращается в Австралию, то думает, что плюс ко всему прочему сможет наконец как следует пообщаться с кузеном, который последние годы пренебрегал семьей. Элайджа, напротив, от общения бежит — после взрыва в лаборатории с ним хочет говорит каждый второй, начиная от местных детективов и заканчивая из ниоткуда вылезшими знакомыми. Они оба все ещё знают о Зоне недостаточно, чтобы делать точные выводы, но когда им предоставляется возможность оказаться там, откуда все и началось, они не могут ей не воспользоваться. Быть может, получится уладить не только семейные конфликты, но и понять, что же произошло 1 августа. <br><br><br><table><tr><td style="background-color: rgba(46, 49, 49, 0.1); text-align: center; font-family: Playfair Display; font-size: 10px; font-weight: 600">ZONE</td></tr></table> <table><tr><td style="background-color: rgba(46, 49, 49, 0.1); text-align: center; font-family: Playfair Display; font-size: 10px; font-weight: 400">August 1, 2020</td></tr></table> Элеонор и Элайджа попадают в Зону около семи часов утра. Город выглядит так же, как и их собственный, погода и события повторяются, какими были 1 августа, включая взрыв в лаборатории Хэрроугейт. По возможности стоит избегать встречи со своими двойниками и сосредоточиться на поисках ответов о случившемся в лаборатории. </section> <section id="content-tabee2"> <table><tr><td style="background-color: rgba(46, 49, 49, 0.1); text-align: center; font-family: Playfair Display; font-size: 10px; font-weight: 400">Место основного действия</td></tr></table> Зона: Австралия, Аделаида, Хэрроугейт <br><br><table><tr><td style="background-color: rgba(46, 49, 49, 0.1); text-align: center; font-family: Playfair Display; font-size: 10px; font-weight: 400">Очередность</td></tr></table> Элеонор, Илай; ГМ появляется по мере необходимости после попадания героев в Зону. <br><br><table><tr><td style="background-color: rgba(46, 49, 49, 0.1); text-align: center; font-family: Playfair Display; font-size: 10px; font-weight: 400">Прочее</td></tr></table> Возможны легкие травмы и неопасные для жизни пулевые и ножевые ранения. </section> </div> </div></div> <style> .limbox { width: 440px; height: 500px; overflow: hidden; position: relative; display: block; margin: auto } .lim_pic { width: 440px; height: 500px; top: 50px; text-align: center; transition: all 0.7s ease-in-out 0s } @import url('https://fonts.googleapis.com/css?family=Devil+Breeze:400,700,900'); .lim_title { width: 130px; position: absolute; text-align: center; margin-top:-30px; font-family: Devil Breeze; font-size: 7px; font-weight: 400; margin-left: 155px; color: #999; text-shadow: 1px 1px 1px #000; text-transform: lowercase; transition: all 0.7s ease-in-out 0s; height: 60px } .lim_subtitle { box-shadow: 0 -1px 0 0 #999; text-align: center; font-size: 7px; font-weight: 400; color: #999; text-shadow: 1px 1px 1px #000; text-transform: lowercase; transition: all 0.3s ease-in-out 0s; padding-top: 2px; margin-top: 2px } .lim_txt { width: 420px; height: 480px; text-align: justify; margin-top: 30px; position: absolute; background-color: rgba(255,255,255,0.8); line-height: 11px; margin-left: 10px; opacity: 0; transition: all 0.7s ease-in-out 0s; } .lim_txt div { overflow-y: auto; padding-right: 3px; margin: 20px 30px; height: 480px } .lim_txt div::-webkit-scrollbar { width: 3px; height:3px; background-color: transparent; } .lim_txt div::-webkit-scrollbar-thumb { background-color:#333; width:3px !important; box-shadow: 0 0 0 1px rgba(255, 255, 255,0.1) inset; scroll-behavior: smooth; } .limbox:hover .lim_pic { filter: grayscale(100%) blur(2px); } .limbox:hover .lim_title { margin-top: -30px } .limbox:hover .lim_txt { margin-top: -490px; opacity: 1 } .tabss { padding: 0px; margin: 0 auto; } .tabss>section { display: none; margin: 10px 0px; } .tabss>input { display: none; position: absolute; } .tabss>label:first-of-type { box-shadow: none } .tabss>label { display: inline-grid; margin: 0 -3px 0px; padding: 10px 0px; font-weight: lighter; text-align: center; width: 180px; border: solid rgba(0,0,0,.2); border-width: 0px 0px 1px 0px; left: 3px; top: 0px; position: relative; font-family: Playfair Display; font-size: 7px; text-transform: uppercase; letter-spacing: 1px; box-shadow: 1px 0 0 0 rgba(0,0,0,.2) inset } .tabss>label:after { content: ""; display: block; position:absolute; width: 170px; height: 1px; background-color: rgba(255,255,255,0.2); left:5px; bottom:3px; transform: scaleX(0); transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s } .tabss>label:hover:after { transform: scaleX(1); background-color: rgb(0,0,0,0.2); } .tabss>label:hover { font-weight: 600; cursor: pointer; transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s } .tabss>input:checked+label { letter-spacing: 2px; font-weight: 600; background-color: rgba(255,255,255,0.2); } .tabss>input:checked+label:after { content: ""; display: block; position:absolute; width: 170px; height: 1px; background-color: rgb(0,0,0,0.2); left:5px; bottom:3px; transform: scaleX(1); transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s } #tabee1:checked~#content-tabee1, #tabee2:checked~#content-tabee2 { display: block } </style>
Отредактировано GM (2020-10-19 00:39:31)