Тео и j.k.rowling's wizarding world ищут
[html]<style>#ship0 {
--mrs0: auto; /* отступ слева, auto - для центровки */
--bgs0: #767a86; /* фон карточки */
--cls0: #111; /* цвет текста */
--shw0: 650px; /* ширина карточки */
--shw1: 200px; /* ширина картинки */
--shh1: 350px; /* высота картинки */
--shh2: 220px; /* высота блока с описанием */
--brs0: #6e6045; /* цвет внутренних рамок */
}
#ship0 {display:grid; grid-template-columns:auto auto; grid-template-rows:1fr auto; margin: 10px auto 10px var(--mrs0); max-width:var(--shw0); overflow:hidden; background:var(--bgs0); color: var(--cls0);}
#ship0, #ship0 * {box-sizing:border-box; /* shipovnik */}
.apict {grid-column: 1 / 2; grid-row: 1 / -1; background: no-repeat 50% 50%; background-size:cover; width:var(--shw1); height:var(--shh1); overflow:hidden; clip-path: polygon(0 0, 100% 0, 100% 70%, 0% 100%);}
.atext {grid-column: 2 / 3; grid-row: 1 / 2; display:block; padding: 24px 24px 0 24px;}
.atext > em {display:block; padding: 6px 0; line-height:100%; text-align:center; font-style:normal !important; margin-bottom:26px; font-size: 10px; border-bottom: 1px solid var(--brs0); border-top: 1px solid var(--brs0);}
.anzv {grid-column: 2 / 3; grid-row: 2 / 3; display:block; position:relative; padding: 0px 24px 12px calc(var(--shw1) / 2); margin-left: calc(0px - var(--shw1)); text-align:center;}
.anzv > span {display:block; padding:0 !important; width:100%; height:0px; background:transparent; border-bottom: 6px solid var(--brs0);}
.anzv > h6 {transform: translateY(-70%); text-shadow: 1px 1px 3px var(--brs0); font-family: Georgia, Tahoma, serif; font-weight: 400; font-style: italic; font-size: 26px;}
.atext p::-webkit-scrollbar {width:5px; height:5px; background-color: rgba(255, 255, 255,1);}
.atext p::-webkit-scrollbar-thumb {background:#bdbdbd; box-shadow:inset 0 0 0 2px var(--bgs0);}
/* ТЕКСТОВЫЙ БЛОК */
.atext > p {padding: 0 5px 0 0 !important; overflow: auto; line-height: 130% !important; height: var(--shh2); font-size: 11px;
text-align: center; font-style: italic;
}</style>
<div id="ship0">
<div class="apict" style="background-image:url(https://i.pinimg.com/originals/5a/1e/8a … d7d199.gif);"></div>
<div class="atext"><em>
Pansy Parkinson
</em><p>
Ой, давайте забудем о том, как обижена была Роулинг на буллинг в школе и признаем, что даже если ты в детстве была похожа на мопса, то с такой фамилией и деньгами, к выпускному году станешь настоящей красавицей. Так и стало. Ты наша слизеринская принцесса, староста и змейка, для которой родной факультет и родные стены значат больше, чем можно представить. Не буду упоминать, под каким гнетом ответственности ты находишься самого рождения - единственная девочка в семье. Единственный ребенок. Самое большое, что тебе светит - это выгодный брак. Так ты думала до того, как поняла, что тебе больше нравится приводить в порядок всех девчонок со змеиного факультета. Думаю, что после твоего нашего восьмого курса, ты послала родителей на юг, а сама на свое приданое открыла магазинчик в косом переулке, в серьез считая, что можешь соревноваться с мадам Малкин. Но .. дела не шли в гору, пока ты не додумалась одеть в пару своих платьев героиню войны. Вот тут-то бизнес попер.
В общем и целом мне хотелось бы видеть в Пэнси очень близкую подругу нашей семьи. Эдакую язвочку, но невероятно очаровательную. Суку, но в красивой обложке. Она - бизнес-леди, и ей плевать, что когда-то правили бал другие. теперь - ее очередь. И поверьте, никакие суровые воспоминания в виде окриков "так отдайте ему Поттера", ей не помешают занять свой пьедестал. </p></div>
<div class="anzv"><span></span>
<h6> j.k.rowling's wizarding world </h6>
</div></div>[/html]
Отредактировано волчонок (02-03-2024 19:11:03)