��

mybb@mybb.ru (meowwdonna) — Fri, 16 Oct 2026 02:37:43 +0300

[hideprofile][html]
<style>

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500;1,600&family=Manrope:wght@400;500;600;700&display=swap');

/* =====================================================
RESET
===================================================== */

html,
body {
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
width: 100%;
}

/* =====================================================
STAGE
===================================================== */

.qb-stage {
width: 100%;
padding: 34px 0;
box-sizing: border-box;
background: transparent;
}

/* =====================================================
MAGAZINE PAGE
===================================================== */

.qb-page {
--green: #477551;
--jade: #55594f;
--ruby: #854b55;
--rust: #a36a4f;
--bone: #beb7a7;
--smoke: #92918a;
--ink: #2f3133;

position: relative;

width: 700px;
max-width: calc(100% - 46px);

margin: 0 auto;
padding: 28px 30px 34px;

box-sizing: border-box;

background: #ECECE8;

color: var(--ink);

box-shadow:
0 18px 40px rgba(47,49,51,.18),
0 4px 10px rgba(47,49,51,.10);
}

/* =====================================================
COFFEE STAIN + SMALL MARKS
===================================================== */

.qb-page:before {
content: "";

position: absolute;
top: 112px;
right: 52px;

width: 92px;
height: 92px;

border-radius: 50%;

border: 7px solid rgba(133,75,85,.17);

box-sizing: border-box;

transform: rotate(-8deg);

pointer-events: none;
}

.qb-page:after {
content: "";

position: absolute;
left: 36px;
bottom: 170px;

width: 48px;
height: 18px;

background: rgba(163,106,79,.12);

filter: blur(8px);

transform: rotate(-14deg);

pointer-events: none;
}

/* =====================================================
TOP LINE
===================================================== */

.qb-topline {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;

margin-bottom: 12px;
padding-bottom: 8px;

border-bottom: 1px solid rgba(85,89,79,.35);

font-family: Manrope, Arial, sans-serif;
font-size: 7px;
font-weight: 700;

letter-spacing: 1.6px;
text-transform: uppercase;

color: var(--jade);
}

.qb-topline span:last-child {
color: var(--ruby);
text-align: right;
}

/* =====================================================
MASTHEAD
===================================================== */

.qb-masthead {
text-align: center;
padding: 6px 0 18px;
border-bottom: 3px double rgba(85,89,79,.7);
}

.qb-kicker {
margin-bottom: 3px;

font-family: Manrope, Arial, sans-serif;
font-size: 7px;
font-weight: 700;

letter-spacing: 2.8px;
text-transform: uppercase;

color: var(--ruby);
}

.qb-title {
margin: 0;

font-family: "Cormorant Garamond", Georgia, serif;
font-size: 60px;
font-weight: 600;
font-style: italic;
line-height: .9;
letter-spacing: -1.6px;

color: var(--green);
}

.qb-subline {
margin-top: 7px;

font-family: "Cormorant Garamond", Georgia, serif;
font-size: 13px;
font-style: italic;
line-height: 1.2;

color: var(--jade);
}

/* =====================================================
HERO
===================================================== */

.qb-hero {
display: grid;
grid-template-columns: 1.08fr .92fr;
gap: 26px;

padding: 24px 0 26px;

border-bottom: 1px solid rgba(85,89,79,.28);
}

.qb-hero-main {
min-width: 0;
}

.qb-rubric {
margin-bottom: 8px;

font-family: Manrope, Arial, sans-serif;
font-size: 7px;
font-weight: 700;

letter-spacing: 2px;
text-transform: uppercase;

color: var(--ruby);
}

.qb-headline {
margin: 0 0 11px;

font-family: "Cormorant Garamond", Georgia, serif;
font-size: 37px;
font-weight: 600;
line-height: .98;

color: var(--ink);
}

.qb-headline em {
font-style: italic;
color: var(--green);
}

.qb-deck {
font-family: Georgia, "Times New Roman", serif;
font-size: 11px;
line-height: 1.72;
text-align: justify;

color: var(--jade);
}

/* =====================================================
COLLAGE
===================================================== */

.qb-collage {
position: relative;
min-height: 310px;
}

.qb-photo,
.qb-note {
position: absolute;
box-sizing: border-box;
}

/* photo 1 */

.qb-photo.one {
top: 0;
left: 12px;

width: 205px;

padding: 10px 10px 14px;

background: rgba(190,183,167,.98);

box-shadow:
0 10px 18px rgba(47,49,51,.14);

transform: rotate(-3deg);
}

.qb-photo.one:before {
content: "";

position: absolute;
top: -8px;
left: 50%;

width: 56px;
height: 17px;

margin-left: -28px;

background: rgba(146,145,138,.38);

transform: rotate(2deg);
}

/* photo 2 */

.qb-photo.two {
top: 122px;
right: 0;

width: 190px;

padding: 10px 10px 14px;

background: rgba(190,183,167,.98);

box-shadow:
0 10px 18px rgba(47,49,51,.14);

transform: rotate(4deg);
}

.qb-photo.two:before {
content: "";

position: absolute;
top: -7px;
right: 18px;

width: 48px;
height: 16px;

background: rgba(146,145,138,.34);

transform: rotate(-7deg);
}

.qb-photo img {
display: block;
width: 100%;
height: 130px;
object-fit: cover;
}

.qb-photo-cap {
margin-top: 9px;

font-family: Manrope, Arial, sans-serif;
font-size: 8px;
line-height: 1.45;
text-transform: uppercase;
letter-spacing: 1px;

color: var(--jade);
}

/* note */

.qb-note {
top: 40px;
right: 18px;

width: 170px;

padding: 12px 14px;

background: rgba(133,75,85,.08);

border-left: 3px solid var(--ruby);

box-shadow:
0 8px 18px rgba(47,49,51,.10);

transform: rotate(-2deg);
}

.qb-note:before {
content: "";

position: absolute;
top: -9px;
left: 18px;

width: 54px;
height: 18px;

background: rgba(146,145,138,.32);

transform: rotate(-5deg);
}

.qb-note-title {
margin-bottom: 6px;

font-family: Manrope, Arial, sans-serif;
font-size: 7px;
font-weight: 700;

text-transform: uppercase;
letter-spacing: 1.8px;

color: var(--ruby);
}

.qb-note-text {
font-family: Georgia, "Times New Roman", serif;
font-size: 10px;
line-height: 1.5;
color: var(--ink);
}

/* =====================================================
PULL QUOTE
===================================================== */

.qb-quote {
margin: 20px 0 6px;
padding: 14px 34px;

border-top: 1px solid rgba(133,75,85,.55);
border-bottom: 1px solid rgba(133,75,85,.55);

font-family: "Cormorant Garamond", Georgia, serif;
font-size: 20px;
font-style: italic;
line-height: 1.2;
text-align: center;

color: var(--ruby);
}

/* =====================================================
CONTENT GRID
===================================================== */

.qb-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 26px;

padding-top: 16px;
}

.qb-col {
min-width: 0;
}

/* =====================================================
ARTICLE
===================================================== */

.qb-block {
padding: 18px 0 20px;
border-bottom: 1px solid rgba(85,89,79,.22);
}

.qb-block-label {
margin-bottom: 6px;

font-family: Manrope, Arial, sans-serif;
font-size: 7px;
font-weight: 700;

text-transform: uppercase;
letter-spacing: 1.8px;

color: var(--ruby);
}

.qb-block-title {
margin-bottom: 10px;

font-family: "Cormorant Garamond", Georgia, serif;
font-size: 24px;
font-weight: 600;
line-height: 1.02;

color: var(--green);
}

.qb-text {
font-family: Georgia, "Times New Roman", serif;
font-size: 10px;
line-height: 1.72;
text-align: justify;

color: var(--ink);
}

.qb-text p {
margin: 0 0 10px;
}

.qb-text p:last-child {
margin-bottom: 0;
}

.qb-dropcap:first-letter {
float: left;
margin: 1px 6px 0 0;

font-family: "Cormorant Garamond", Georgia, serif;
font-size: 42px;
font-weight: 600;
line-height: .75;

color: var(--ruby);
}

/* =====================================================
SMALL CALLOUT
===================================================== */

.qb-callout {
margin-top: 15px;
padding: 12px 14px;

background: rgba(71,117,81,.07);
border-top: 1px solid rgba(71,117,81,.35);
border-bottom: 1px solid rgba(71,117,81,.35);
}

.qb-callout-title {
margin-bottom: 5px;

font-family: Manrope, Arial, sans-serif;
font-size: 7px;
font-weight: 700;

text-transform: uppercase;
letter-spacing: 1.8px;

color: var(--green);
}

.qb-callout-text {
font-family: Georgia, "Times New Roman", serif;
font-size: 9px;
font-style: italic;
line-height: 1.55;

color: var(--jade);
}

/* =====================================================
LIST
===================================================== */

.qb-list {
margin: 8px 0 0;
padding: 0;
list-style: none;
}

.qb-list li {
position: relative;

margin: 5px 0;
padding-left: 14px;

font-family: Georgia, "Times New Roman", serif;
font-size: 10px;
line-height: 1.55;
}

.qb-list li:before {
content: "✦";

position: absolute;
left: 0;
top: 1px;

font-size: 7px;
color: var(--rust);
}

/* =====================================================
STAMP / MINISTRY NOTE
===================================================== */

.qb-stamp {
margin-top: 16px;
padding: 13px 14px;

border: 2px solid rgba(133,75,85,.72);

transform: rotate(-1.2deg);
}

.qb-stamp-title {
margin-bottom: 6px;

font-family: Manrope, Arial, sans-serif;
font-size: 7px;
font-weight: 700;

text-transform: uppercase;
letter-spacing: 1.8px;

color: var(--ruby);
}

.qb-stamp-text {
font-family: Georgia, "Times New Roman", serif;
font-size: 9px;
line-height: 1.55;

color: var(--ink);
}

/* =====================================================
WIDE RENA BLOCK
===================================================== */

.qb-ad {
margin-top: 24px;
padding: 18px 20px 20px;

border-top: 4px double rgba(71,117,81,.75);
border-bottom: 4px double rgba(71,117,81,.75);

text-align: center;
}

.qb-ad-label {
margin-bottom: 3px;

font-family: Manrope, Arial, sans-serif;
font-size: 6px;
font-weight: 700;

text-transform: uppercase;
letter-spacing: 2px;

color: var(--ruby);
}

.qb-ad-title {
margin-bottom: 6px;

font-family: "Cormorant Garamond", Georgia, serif;
font-size: 30px;
font-weight: 600;
font-style: italic;

color: var(--green);
}

.qb-ad-copy {
max-width: 470px;
margin: 0 auto;

font-family: Georgia, "Times New Roman", serif;
font-size: 9px;
line-height: 1.6;

color: var(--jade);
}

/* =====================================================
FAQ
===================================================== */

.qb-faq {
margin-top: 24px;
}

.qb-faq-head {
display: flex;
align-items: center;
gap: 12px;

margin-bottom: 5px;

font-family: Manrope, Arial, sans-serif;
font-size: 7px;
font-weight: 700;

text-transform: uppercase;
letter-spacing: 2px;

color: var(--ruby);
}

.qb-faq-head:before,
.qb-faq-head:after {
content: "";

flex: 1;
height: 1px;

background: rgba(85,89,79,.45);
}

.qb-faq-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0 24px;
}

.qb-faq-item {
padding: 14px 0;
border-bottom: 1px dotted rgba(146,145,138,.9);
}

.qb-faq-q {
margin-bottom: 5px;

font-family: "Cormorant Garamond", Georgia, serif;
font-size: 17px;
font-weight: 600;
line-height: 1.08;

color: var(--green);
}

.qb-faq-a {
font-family: Georgia, "Times New Roman", serif;
font-size: 9px;
line-height: 1.55;

color: var(--ink);
}

/* =====================================================
FOOTER
===================================================== */

.qb-footer {
display: flex;
justify-content: space-between;
gap: 12px;

margin-top: 22px;
padding-top: 8px;

border-top: 3px double rgba(85,89,79,.7);

font-family: Manrope, Arial, sans-serif;
font-size: 6px;
font-weight: 600;

letter-spacing: 1.4px;
text-transform: uppercase;

color: var(--jade);
}

.qb-footer span:nth-child(2) {
color: var(--ruby);
text-align: center;
}

/* =====================================================
ADAPTIVE
===================================================== */

@media (max-width: 650px) {

.qb-page {
max-width: calc(100% - 20px);
padding-left: 18px;
padding-right: 18px;
}

.qb-hero,
.qb-grid,
.qb-faq-grid {
grid-template-columns: 1fr;
}

.qb-collage {
min-height: 360px;
margin-top: 8px;
}

.qb-title {
font-size: 48px;
}

.qb-headline {
font-size: 31px;
}

.qb-footer {
flex-direction: column;
align-items: center;
text-align: center;
}
}

</style>

<div class="qb-masthead">
<div class="qb-kicker">the quibbler</div>
<h1 class="qb-title">faq & ��</h1>
<div class="qb-subline">
��, �� , ��
</div>
</div>

</div>

</div>

<div class="qb-block-label">
editorial / ��
</div>

<div class="qb-text qb-dropcap">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
�� , ��
� �� 2003 ��, ��
� ��, �� .
</p>

</div>

</div>

<div class="qb-block-label">
registration desk
</div>

</div>

<div class="qb-block-label">
public notice
</div>

</div>

<div class="qb-block-label">
multiple identities
</div>

</div>

<div class="qb-block-label">
etiquette
</div>

</div>

<div class="qb-ad-label">
�� • st mungo's pharmacy
</div>

<div class="qb-ad-title">
Renascentium
</div>

</div>

<div class="qb-faq-head">
ask the quibbler / ��
</div>

</div>

<div class="qb-footer">
<span>the quibbler</span>
<span>special issue / 2003</span>
<span>corrections by owl</span>
</div>

</div>

</div>
[/html]

necro test

���

�������� ���������

��� �����

����

��

��

��

��