[hideprofile][html]<div class="guide-wrapper rules-mybb-fix">
<div class="main-box">
<div class="inner-box">
<div class="header-box">
КАТАЛОГ ПЕРСОНАЖЕЙ
</div>
<div class="guide-block"><p>Данный каталог предназначен для новичков (и не только), которые хотели бы посмотреть, кто у нас обитает, не листая целые анкеты. Здесь представлены персонажи всех наших игроков с кратким описанием того, с чем их едят. Надеемся, что это поможет вам быстрее определиться и выбрать соигрока.</p>
<p>Персонажи в каталоге расположены в порядке от самых первых до самых свежих.</p></div>
</div>
</div>
</div>
<style>
@font-face {
font-family: 'Cinzel';
src: url('https://raw.githubusercontent.com/tukiteruamano-a11y/anketa/main/cinzel_regular.ttf') format('truetype');
}
@font-face { font-family: 'Comfortaa'; src: url('https://raw.githubusercontent.com/flamevector-rusff/styles/main/comfortaa.ttf');}
.rules-mybb-fix, .rules-mybb-fix * { overflow: visible; box-sizing: border-box; }
.main-box {
width: 850px;
margin: 2px auto !important;
background: url("https://upforme.ru/uploads/001c/a4/b9/3/943373.jpg") repeat;
border-radius: 20px;
padding: 5px;
font-family: 'Cinzel', serif;
}
.main-box a {
font-family: inherit !important;
}
.inner-box {
background: #c7c7c7;
border-radius: 15px;
padding: 5px;
}
.header-box {
background: url("https://upforme.ru/uploads/001c/a4/b9/3/943373.jpg") repeat;
border-radius: 12px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
font-size: 32px;
color: #c7c7c7;
}
.guide-block {
position: relative;
padding: 10px;
margin: 10px 5px 5px 5px;
border-radius: 16px;
border: 1px solid #a9a9a9;
font-size: 18px;
text-indent: 25px;
text-align: justify;
font-family: 'Comfortaa';
}
p {font-size: 18px !important;}
a {
color: #744D37 !important;
}
a:hover {
color: #AF6F51 !important;
}
.hamster-area {
text-align: center;
margin-top: 15px;
}
.hamster-box {
position: relative;
display: inline-block;
}
#hamster {
width: 200px;
cursor: pointer;
}
#bubble {
position: absolute;
right: -70px;
top: 20px;
background: rgba(255,255,255,0.7);
border: 1px solid #999;
border-radius: 10px;
padding: 5px 10px;
font-size: 18px;
display: none;
}
.task-box {
margin-top: 10px;
padding: 10px;
border: 1px solid #aaa;
background: rgba(255,255,255,0.2);
border-radius: 10px;
}
.feed-box {
margin-top: 10px;
}
.feed-box input {
padding: 5px;
width: 250px;
}
.feed-box button ,
#copyBtn{
padding: 6px 12px;
border-radius: 10px;
font-family: 'Comfortaa';
font-size: 18px;
background: url("https://upforme.ru/uploads/001c/a4/b9/3/943373.jpg") repeat;
background-size: auto;
border: 1px solid #999;
color: #fff;
cursor: pointer;
font-family: inherit;
}
.feed-box button:hover, #copyBtn:hover {
opacity: 0.85;
}
.feed-box button:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.feed-box input {
padding: 5px;
width: 250px;
font-size: 18px;
font-family: 'Comfortaa', sans-serif;
border-radius: 10px;
background: #e0dede !important;
}
#resultCode {
margin-top: 10px;
width: 100%;
height: 120px;
background: #e0dede !important;
resize: none;
overflow: auto;
border-radius: 10px;
font-family: monospace;
}
.main-box::-webkit-scrollbar{
width:4px;
}
.main-box::-webkit-scrollbar-track{
background:transparent;
}
.main-box::-webkit-scrollbar-thumb{
background:#744D37;
border-radius:10px;
}
.main-box{
scrollbar-width:thin;
scrollbar-color:#744D37 transparent;
}
</style>
[/html]
