[html]<div id="abyssal_plans" class="abyssalPlansWrapper"></div>
<script>
const renderPost = async (href, postId) => {
var post = await $.get(`${href}/api.php?method=post.get&post_id=${postId}`);
$('#abyssal_plans').html(post.response[0].message);
}
async function getPost() {
await renderPost('https://houngan.mybb.ru', 14);
$('.anchors a').each((i, link) =>$(link).attr('target', '_parent') );
}
getPost();
</script>
<style>
.abyssalPlansWrapper {
max-width: 890px;
}
.quote-box {
margin-bottom: 15px;
background: #fffcf43b;
border-radius: 14px;
}
</style>
<!-- КАРТИНКА И ЦВЕТА -->
<style>
:root {
/* картинка в плашке */
--eppic: url("https://api.ambr.top/assets/UI/namecard/UI_NameCardPic_Sj1_P.png");
/* цвет заголовка и рамки плашки */
--epttl: #C9C5E7;
/* цвет ссылок */
--eplink: #4E458E;
}
body {
background-color: #E4D5CF;
}
.story-box {
display: flex;
width: 885px;
max-height: 160px;
background-size: cover !important;
background: var(--eppic);
align-content: center;
justify-content: flex-start;
flex-wrap: wrap;
margin: 20px 2px !important;
border-radius: 5px;
box-shadow: 0 0 0 2px var(--epttl);
background-position: 0 50%;
}
.story-box-title {
color: var(--epttl);
font-family: "Genshin", serif;
font-size: 18px;
line-height: 18px;
height: 20px;
font-weight: bold;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
overflow: hidden;
white-space: nowrap;
top: 20px;
left: 25px;
position: relative;
margin: 0;
}
.story-box-title p {
margin: 0 !important;
padding: 0 !important;
line-height: 1em !important;
text-align: left !important;
}
.story-box-desc {
display: flex;
max-height: 120px;
color: var(--epttl);
font-family: "Genshin", serif;
font-size: 14px;
line-height: 20px;
font-style: Italic;
text-align: justify;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
padding: 10px 25px;
overflow: hidden;
position: relative;
top: 5px;
margin: 10px 0;
}
.story-box-desc p {
margin: 0;
}
.romb-off {
display: flex;
width: 10px;
height: 10px;
background-color: rgb(255 255 255 / 80%);
transform: rotate(45deg);
margin-left: 10px;
margin-top: 5px;
}
.romb-off:before {
display: flex;
position: absolute;
width: 16px;
height: 16px;
background-color: transparent;
box-shadow: 0 0 0 3px rgb(255 255 255 / 80%);
content: "";
top: -3px;
left: -3px;
}
/* àêòèâíûé ýïèçîä */
.romb-on {
display: flex;
width: 16px;
height: 16px;
background-color: transparent;
box-shadow: 0 0 0 3px rgb(255 255 255 / 80%);
transform: rotate(45deg);
margin-left: 10px;
margin-top: 5px;
}
</style>
[/html]
[hideprofile]
Отредактировано Violet Lightning (2023-05-20 15:07:05)
