.punbb .post .post-author {
    position:relative;
    z-index:10;
    margin-top:-40px;
    margin-left:-25px;
    margin-bottom:0px;
     border-left:none;
    border-radius:10px 0 10px;
    width:229px;
background-color: #a0988f;
border: solid 1px #000;
   
    }

.punbb .post .post-author ul, .punbb .post .post-author p {
    position:relative;
    z-index:;
    text-align:center;
    margin:10px;
    margin-bottom:50px!important;
    margin-top:30px!important;
    border-radius:15px;
    background-color: #d3d0cc;
border: solid 1px #000;

    }
.punbb .post .post-author p {border:none;}

.punbb #post-form fieldset legend {
    display:flex;
    justify-content: space-between;
    border:1px solid var(--border1);
    border-radius:5px;
    width:913px;
    margin:0px 0px 0px 0px!important;
    ackground:var(--pun-quote);
    }

.punbb #post-form fieldset legend #plng {
    background:var(--pun-quote);
    border-right:1px solid var(--border1)!important;
    border-radius:5px 0 0 5px;
    padding:5px 20px!important;
    font:600 8px var(--font-text)!important;
    color:var(--color-link) !important;
    text-transform:uppercase;
    }

#togglePreview input {
    margin:-5px -41px 0px 0px!important;
    background:var(--pun-quote);
    border-left:1px solid var(--border1)!important;
    border:none;
    border-radius:0 5px 5px 0;
    padding:5px 20px!important;
    font:600 8px var(--font-text)!important;
    color:var(--color-link) !important;
    text-transform:uppercase;
    cursor:pointer;
    }
#post-preview legend {
    border:none!important;
    }
#post-preview .fs-box .post-box {
    width:915px;
    padding:0!important;
    margin:0!important;
    }

/* навигация */
.spirit_nav-wrap {
  z-index: 1;
  border-radius: 0px;
  display: flex;

}

.nav_block {
  display: none;
  position: relative;
}

.nav_block .link {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px;
}

.nav_block .link a {
  border-radius: 0px;
  text-align: center;
  font-size: 9px;
  text-transform: lowercase;
  border: 1px solid;
  font-weight: 400;
}

#pun-announcement .nav_block .link a {
background: #d3d0cc;
  border-color: #000;
  color: #000;
  padding: 5px;
}

.nav_block .link a:hover {
  background: #9ba17a!important;
border: solid 1px #000;
color: #000;
}

/* навигация */
.spirit_nav-wrap {
  z-index: 1;
  border-radius: 0px;
  display: flex;

}

.nav_block {
  display: none;
  position: relative;
}

.nav_block .link {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px;
}

.nav_block .link a {
  border-radius: 0px;
  text-align: center;
  font-size: 9px;
  text-transform: lowercase;
  border: 1px solid;
  font-weight: 400;
}

#pun-announcement .nav_block .link a {
background: #d3d0cc;
  border-color: #000;
  color: #000;
  padding: 5px;
}

.nav_block .link a:hover {
  background: #9ba17a!important;
border: solid 1px #000;
color: #000;
}

Отредактировано james t. kirk (2025-11-24 00:23:22)

transform: rotate(-20deg) translate(-20%, 0);

<div class="ams">

<span><a href="https://grishaverse.ru/profile.php?id=2">Rovenna</a>
<em>куратор Керчии и Равки</em>
</span>

<span><a href="https://grishaverse.ru/profile.php?id=182">Jesper</a>
<em>куратор Майло и Равки</em>
</span>

<span><a href="https://grishaverse.ru/profile.php?id=190">Nina</a>
<em>куратор атмосферы и партнерки</em>
</span>

</div>

.slide_block {
display: none;
position: absolute;
top: -10px;
background: var(--bg) repeat top center / cover;
  border: 1px solid var(--stroke);
  border-radius: 20px;
width: 100%;
}

.slide_block > div {
padding: 15px;
display: flex;
flex-wrap: wrap;
gap: 5px;
align-items: center
}

.slide_block > div a {
background: var(--link2);
text-transform: uppercase;
flex: auto;
text-align: center;
padding: 3px 10px;
font-size: 10px;
border-radius: 5px;
}

.slide_block > div a:hover {
background: var(--text2)
}

.ams {
position: absolute;
    text-align: center;
    margin-top: -182px;
    margin-left: 687px;
    width: 273px;
    padding: 3px;
    color: #7b8c91;
    background: #f4f0edbf;
    border: solid 1px #9c8c5f4f;
    border-radius: 9px;
    z-index: 9999;
    font: 500 18px carlo melow;
}

.ams2 {
    position: absolute;
    text-align: center;
    margin-top: -217px;
    margin-left: -19px;
    width: 48px;
    padding: 3px;
    color: #86583b;
    background: #f4f0edbf;
    border: solid 1px #9c8c5f4f;
    border-radius: 37px;
    z-index: 9999;
    font: 500 43px carlo melow;
}

#pun-announcement a.tabla_episode {
  position: absolute;
  display: flex;
  width: 112px;
  height: 31px;
  font: 500 8px var(--font);
  text-align: center;
  align-items: center;
  justify-content: center;
  color: var(--color-accent4);
  flex-direction: column;
}

#pun-announcement a.tabla_episode.one {
  top: 62px;
  left: 322px;
}

#pun-announcement a.tabla_episode.two {
  top: 48px;
  right: -8px;
}

#pun-announcement a.tabla_episode:hover {color: var(--color-accent1);}

<a href="" class="a.tabl_act.one">ИМЯ</a>

<div class="spirit-navigation" id="navig-batton" title="навигация">важные ссылки</div>

<div id="tabl_act" style="display:none"><div class="tabl_act.one"><a href="">ИМЯ</a></div></div>

<div class="best_ep">
<a href="https://barcross.ru/viewtopic.php?id=10711" target="_blank" style="cursor: pointer;">your my idol</a>
<names>Champion of Cyrodiil &amp; Rand al`Thor</names>
</div>

/* сами плашки
------------------------------------------------------------------ */

#pun-announcement h2 {display: none;}

/* Header table */

#header_table {
  height: 90px;
    margin-bottom: var(--8);
}

#announcements {
    display: flex;
    position: relative;
    justify-content: center;
}

#announcements .inner {
    display: flex;
    overflow: auto hidden;
    gap: var(--8);
    padding-bottom: var(--8);
}

#announcements .inner::-webkit-scrollbar {
    height: 2px;
}

.announcement {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--6);
    box-sizing: border-box;
    background: rgb(var(--secondary400) / .4);
    border-radius: 1rem;
    overflow: hidden;
    flex-shrink: 0;
    color: rgb(var(--text900));
}

.announcement .column {
    overflow: hidden;
    padding: 0 var(--4);
}

.announcement em {
    font: 700 0.7rem/120% var(--font);
    text-transform: uppercase;
    display: block;
    height: 1lh;
    max-width: 15ch;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
}

.announcement span {
    font: 400 0.9rem/120% var(--font);
    height: 1lh;
    max-width: 25ch;
    text-transform: lowercase;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.announcement .date {
    margin-right: var(--4);
    font: 800 0.7rem/120% var(--font);
    background: rgb(var(--primary400));
    color: rgb(var(--light100));
    padding: var(--6) var(--8);
    box-sizing: border-box;
    height: 100%;
    border-radius: 0.8rem;
}

.announcement:hover {
    cursor: pointer;
}

.announcement:hover {
    color: rgb(var(--light100));
    background: rgb(var(--primary400));
}

.announcement:hover .date {
    background: rgb(var(--light100));
    color: rgb(var(--text900));
}

<!-- Регулятор вида и размера шрифта (с) satsana, forumd.ru -->
<style>
#chfont {
    position: fixed; /*позиционирование*/
    top: 10px; /*отступ сверху*/
    right: 10px; /*отступ слева*/
    text-align: center; /*текст по центру*/
    line-height: 22px; /*высота строк*/
    -moz-opacity: .8; /*прозрачность*/
    opacity: .8;
    z-index: 999999;
}
#chfont:hover {
    opacity: 1; /*убирает прозрачность при наведении*/
    -moz-opacity: 1;
}
#chfontbut {/*иконка регулятора*/
    width: 26px; /*ширина*/
    height: 26px; /*высота*/
    background: url(https://i.gyazo.com/364c0e92a2be83cb87d … 869eaf.png) center no-repeat; /*картинка иконки*/
    background-color: #d2c1b7; /*фон*/
    float: left;
    border: solid 2px #70625a; /*рамка вокруг иконки*/
    margin-right: 2px;
    cursor: pointer;
    position: relative;
}
#chfontbut::after {/*крестик на иконке*/
    display: none;
    position: absolute;
    content: 'x';
    top: 0;
    right: 0;
    color: #920000; /*цвет крестика*/
    line-height: 7px; /*высота строки*/
    font-size: 12px; /*размер крестика*/
}
#chfont.active #chfontbut::after {
    display: block;
}
#chfont select {/*поле выбора вида шрифта*/
    display: none;
    background-color: #d2c1b7; /*цвет фона*/
    color: #150e0c; /*цвет текста*/
    margin-bottom: 2px; /*отступ снизу*/
    cursor: pointer;
}
#chfontsize {/*индикатор размера шрифта*/
    width: 26px; /*ширина*/
    float: right;
    display: none;
}
#chfont.active select,
#chfont.active #chfontsize {
    display: block;
}
.fsizeplus,
.fsizeminus {/*кнопки плюса и минуса*/
    background-color: #3a1a1a; /*цвет фона*/
    border: solid 2px #70625a; /*стиль, цвет и ширина линий*/
    color: #b0b0ad; /*цвет плюса и минуса*/
    cursor: pointer;
}
.fsizeplus::after {
    content: '+';
}
.fsizeminus::after {
    content: '-';
}
.fsize {
   /*поле показывающее размер шрифта*/
    background-color: #d2c1b7; /*цвет фона*/
    color: #150e0c; /*цвет цифр*/
}
</style>
<div id="chfont" title="Шрифт в постах">
<div id="chfontbut"></div>
<select id="chfontfam" name="chfontfam">
<option value="0">по умолчанию</option>
<option value="Arial, Helvetica, sans-serif" style="font-family: Arial, Helvetica, sans-serif">Arial</option>
<option value="'Arial Black', Gadget, sans-serif" style="font-family: ">Arial Black</option>
<option value="'Book Antiqua', 'Palatino Linotype', Palatino, serif" style="font-family: 'Book Antiqua', 'Palatino Linotype', Palatino, serif">Book Antiqua</option>
<option value="'Comic Sans MS', cursive, sans-serif" style="font-family: 'Comic Sans MS', cursive, sans-serif;">Comic Sans</option>
<option value="'Courier New', Courier, monospace" style="font-family: 'Courier New', Courier, monospace">Courier</option>
<option value="Georgia, serif" style="font-family: Georgia, serif">Georgia</option>
<option value="Impact, Charcoal, sans-serif" style="font-family: Impact, Charcoal, sans-serif">Impact</option>
<option value="'Lucida Console', Monaco, monospace" style="font-family: 'Lucida Console', Monaco, monospace">Lucida Console</option>
<option value="'Lucida Grande', 'Lucida Sans Unicode', sans-serif" style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif">Lucida Grande</option>
<option value="Tahoma, Geneva, sans-serif" style="font-family: Tahoma, Geneva, sans-serif">Tahoma</option>
<option value="'Times New Roman', Times, serif" style="font-family: 'Times New Roman', Times, serif">Times New Roman</option>
<option value="'Trebuchet MS', Helvetica, sans-serif" style="font-family: 'Trebuchet MS', Helvetica, sans-serif">Trebuchet</option>
<option value="Verdana, Geneva, sans-serif" style="font-family: Verdana, Geneva, sans-serif">Verdana</option>
<option value="'MS Sans Serif', Geneva, sans-serif" style="font-family: 'MS Sans Serif', Geneva, sans-serif">Sans Serif</option>
<option value="'MS Serif', 'New York', serif" style="font-family: 'MS Serif', 'New York', serif">Serif</option>
</select>
<div id="chfontsize">
<div class="fsizeplus"></div>
<div class="fsize"></div>
<div class="fsizeminus"></div>
</div>
</div>
<script type="text/javascript">
var chfsize,chffam;if(!localStorage.fontsize)localStorage.setItem("fontsize",13);if(!localStorage.fontfam)localStorage.setItem("fontfam","0");chfsize=+localStorage.getItem("fontsize");chffam=localStorage.getItem("fontfam");function setfsize(f){localStorage.setItem("fontsize",f);$(".fsize").text(f);$(".post-content p").css("font-size",f+"px")}
function setffam(f){localStorage.setItem("fontfam",f);$("#chfontfam option").removeAttr("selected");$('#chfontfam option[value="'+f+'"]').attr("selected","selected");if(f!="0")$(".post-content p").css("font-family",f);else $(".post-content p").css("font-family","")}$(".fsizeplus").on("click",function(){chfsize+=1;if(chfsize>72)chfsize=72;setfsize(chfsize)});$(".fsizeminus").on("click",function(){chfsize-=1;if(chfsize<6)chfsize=6;setfsize(chfsize)});$("#chfontbut").on("click",function(){$("#chfont").toggleClass("active")});
$("#chfontfam").on("change",function(){chffam=$(this).val();setffam(chffam)});$(document).pun_mainReady(function(){setfsize(chfsize);setffam(chffam)});
</script><!-- Регулятор вида и размера шрифта (с) satsana, forumd.ru (конец) -->