[html]<style>.blind-dia { margin: 50px auto 65px; height: 250px; width: 250px; border: 1px solid #0b0f15; background-color: #9c290c; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); overflow: hidden; }
.blind-dia2 { margin-top:-52px; margin-left:-52px; height:354px; width:354px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg) -o-transform: rotate(-45deg); background-size: cover; background-position: center; }
#blindbox { display: block; max-width: 420px; margin: 5px auto 5px 50px; padding: 20px; background: linear-gradient(0deg, #852a13 0%, #191f24 100%); }
.blindtext { background: transparent; padding: 20px; border: 1px solid #354544; text-align:center; font-size:12px; color: #6d7b79;}
.blindtext>span { padding: 0 30px 5px; font-family: Cambria, Georgia, serif; font-size: 24px; color:#a6998b; text-shadow: 0 0 1px #310909; border-bottom: 1px solid #9c290c; letter-spacing: 1px; text-transform: uppercase; }
.blindtext>em { display:block; margin-top: 12px !important; font-style: italic; font-size: 1em; font-family: Cambria, Georgia, times; letter-spacing: 1px; color: #fbf8f8; }</style>
<div id="blindbox"><div class="blindtext">
<div class="blind-dia"><div class="blind-dia2" style="background-image: url(https://pbs.twimg.com/profile_images/69 … ZtpZeM.png);"></div></div>
<!-- НАЧАЛО ТЕКСТА -->
<span>Marvel</span><br>
<em>Наш бодрый каст</em><br>
<br>Ancient One<br>Anthony Stark<br>Alison Blaire<br>Carol Danvers<br>Jane Foster<br>Johnny Storm<br>Kaecilius<br>Loki Laufeyson<br>Natasha Romanoff<br>Virginia Potts<br>Sylvie Lushton<br>Wanda Maximoff
<!-- КОНЕЦ ТЕКСТА --></div></div>[/html]
Отредактировано Loki Laufeyson (16.04.2021 17:19:58)
