Какая-то информация о ролевой. Жанр, рейтинг, эпизоды

15.07. Новость номер один! Мы открылись!

10.07. На форуме ведутся профилактические работы. Мы трудимся, чтобы улучшить игру для вас! Не переключайтесь!

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis.

Имя

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis.

Имя

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis.

TEST

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » TEST » Lorem Ipsum » Тестовое сообщение


Тестовое сообщение

Сообщений 1 страница 13 из 13

1

Благодарим за выбор нашего сервиса!

0

2

tr.inew div.icon {
  background: var() url() no-repeat top center;
}

tr.isticky div.icon {
  background: var() url() no-repeat top center;
}

tr.iclosed div.icon {
  background: var() url() no-repeat top center;
}

0

3

@import url(style_cs.css);
@import url(https://forumstatic.ru/files/001c/31/90/57718.css);
@import url(https://forumstatic.ru/files/001c/31/90/56304.css);

/********** Чистый стандартный стиль для MyBB ***********/
/******** Cпециально для ForumD.ru © Gerda, 2023 ********/
/**************************************************
!!! Условия использования !!!

1. Данный копирайт не удалять
2. При публикации производных работ указывать ссылку на автора и ForumD.ru
3. При публикации в общий доступ указывать ссылку на автора и ForumD.ru
4. Публичный производный контент должен распространяться на тех же условиях

Подробно: forumd.ru/viewtopic.php?id=5751#rule
**************************************************/

/* ================== */

:root {
    --gr: #262b2b;
    --wh: #d5d5d5;
}

/* Скрываем элементы форума */

.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2,
#pun-title h1,
#pun-announcement h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden
}

#pun:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after,
.punbb .container:after {clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow:hidden; line-height: 0.0; font-size: 0;}

/* ================== */

/* Общие стили */
* {margin: 0; padding: 0;}
body {margin: 0;}
ul, dl, li, dd, dt {list-style: none;}

body {font: 12px Verdana;}
h1, h2 {
    font-size: 16px;
    font-weight: normal;
    padding: 5px 25px;
    margin: 0;
    text-align: center;
}

address, em {font-style: normal}

a {
    text-decoration: none;
    color: var(--gr);
}

/* Скроллбары */
* {
scrollbar-width: thin;
scrollbar-color: #cfba6a #523329;
}
*::-webkit-scrollbar {width: 9px; height: 9px;}
*::-webkit-scrollbar-track {background-color: #523329;}
*::-webkit-scrollbar-thumb {background-color: #cfba6a;}

/* ================== */

html {
background: var(--gr);
}

/* Тело форума */
.punbb {
max-width: 950px;
margin: 0 auto;
background: url(https://forumstatic.ru/files/001c/31/90/72900.jpg) no-repeat top center, url(https://forumstatic.ru/files/001c/31/90/27525.jpg) no-repeat bottom center, url(https://forumstatic.ru/files/001c/31/90/55885.jpg) repeat-y top center #c6c7ca;
display: flex;
flex-direction: column;
}

/* ================== */

/* Меню навигации */
#pun-navlinks {
order: -1;
}
#pun-navlinks .container {
margin: 0;
padding: 7px 10px;
width: 950px;
text-align: center;
box-sizing: border-box;
font-family: minion pro;
text-transform: uppercase;
font-size: 15px;
line-height: 15px;
}
#pun-navlinks li {
display: inline;
padding-right: 10px;
}
#pun-navlinks a {
color: #1f2525;
}

#pun-title {
width: 950px;
height: 159px;
background: url(https://forumstatic.ru/files/001c/31/90/82261.jpg?v=1) no-repeat top 4px center;
}

.tabliza {
width: 950px;
height: 160px;
position: absolute;
top: 27px;
display: flex;
justify-content: space-between;
padding: 0 2px;
box-sizing: border-box;
}

.tabliza a {
    color: var(--wh);
}

.levaya {
display: block;
    width: 290px;
    padding-top: 23px;
}

.levaya span {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 281px;
    height: 35px;
    background: var(--gr);
    color: #ca9d30;
    text-transform: uppercase;
    font-size: 27px;
    font-family: Orator Std;
    text-shadow: 1px 1px #000000, -1px -1px #000000, 1px -1px #000000, -1px -1px #000000;
}

.levaya p {
    color: var(--wh);
    font-size: 10px;
    line-height: 16px;
    padding: 12px;
    height: 85px;
    overflow: auto;
    box-sizing: border-box;
    scrollbar-color: var(--gr) transparent;
}

.central {
display: block;
width: 356px;
}

.central .links {
color: #e3e3e3;
    display: block;
    width: 276px;
    height: 25px;
    background: var(--gr);
    font-size: 12px;
    font-family: Minion Pro;
    text-align: center;
    line-height: 25px;
    top: 36px;
    position: relative;
}

.central span {
    color: #e3e3e3;
    display: block;
    width: 276px;
    height: 25px;
    background: var(--gr);
    font-size: 12px;
    font-family: Minion Pro;
    text-align: center;
    line-height: 25px;
    position: relative;
    top: 75px;
    margin-left: auto;
}

.pravaya {
display: block;
width: 268px;
}

.pravaya .ams {
    display: block;
    color: var(--wh);
    width: 268px;
    height: 25px;
    background: var(--gr);
    text-align: center;
    line-height: 25px;
    font-family: 'Minion Pro';
    position: relative;
    top: 6px;
    margin-bottom: 14px;
}

.pravaya .active {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 32px;
}

.pravaya .active a {
    display: block;
    width: 55px;
    height: 46px;
    background: var(--gr);
}

.pravaya .active .big {
    width: 91px;
}

.active img {
    padding: 2px 3px;
}

/* Футер */

.banners {
    height: 47px;
    margin: 10px 7px 12px;
}

/* Юзер меню */

#pun-ulinks {
position: relative;
}

#pun-ulinks .container {
width: 950px;
box-sizing: border-box;
text-align: center;
font-family: minion pro;
text-transform: uppercase;
font-size: 10px;
}

#pun-ulinks li {
display: inline;
padding-right: 10px;
}

#pun-ulinks a {
color: #1f2525;
}

/* ================== */

/* Объявление */
#pun-announcement .container {padding: 10px;}

/* Статус (Добро пожаловать) */
#pun-status .container {
margin-bottom: 0;
padding: 8px 25px 10px;
}
#pun-status span {
white-space: nowrap;
margin-right: 5px;
}

#pun-crumbs1 {font-weight: bold;}
#pun-crumbs1 p.container {
padding: 10px 25px 8px;
margin-top: 0;
}

/*хлебные крошки */
.container.crumbs {
font-weight: bold;
padding: 10px 25px 8px;
}
#pun-crumbs1 .container.crumbs {margin-top: 0;}
#pun-crumbs2 .container.crumbs {margin-bottom: 0;}

/* Копирайт майбб */
#pun-about .container {
    text-align: center;
   
}

/* ================== */

/* Форумные таблицы */
table {table-layout: fixed; width: 100%;}
#respect {width: auto;}
.tcl {width: 50%;}
.tc2, .tc3, .tcmod {
text-align: center;
width: 10%;
}
.tcr {width: 30%;}

#pun-searchtopics .tcl,
#pun-modviewforum .tcl {
width: 40%
}

#pun-searchtopics .tc2 {
text-align: left;
width: 20%;
}

#pun-debug table .tcl {width: 15%;white-space:normal;}
#pun-debug .tcr {width: 90%; white-space: normal;}

td {padding: 8px 10px;}
th {padding: 4px 10px;}

tbody.hasicon td.tcl {padding-left: 80px}
div.icon {
    position: absolute;
    margin-left: -58px;
    width: 45px;
    height: 45px;
    background: url(https://forumstatic.ru/files/001c/31/90/33158.jpg);
    margin-top: -1px;
}

tr.inew div.icon {
  background: url(https://forumstatic.ru/files/001c/31/90/93479.jpg) no-repeat top center;
}

tr.isticky div.icon {
  background: url(https://forumstatic.ru/files/001c/31/90/29354.jpg) no-repeat top center;
}

tr.iclosed div.icon {
  background: url(https://forumstatic.ru/files/001c/31/90/94281.jpg) no-repeat top center;
}

/* ================== */

/* Главная страница */

#pun-index thead, #pun-index .tc2, #pun-index .tc3 {
    display: none;
}

#pun-index .intd {
    background: url(https://forumstatic.ru/files/001c/31/90/95397.jpg?v=1);
    border: 1px solid #000;
}

#pun-index .intd h3 {
    background: url(https://forumstatic.ru/files/001c/31/90/18966.jpg);
    line-height: 30px;
    text-align: center;
    border-bottom: 1px solid #000;
}

.opis {
    padding: 10px 15px;
    text-align: justify;
}

/* Категории */
.category {margin-top: 10px;}
#pun-category1 {margin-top: 0;}
.category td .modlist {
display: block;
padding-top: 5px;
}

/* Статистика */
#pun-stats .container {
    padding: 8px 25px;
}
#pun-stats li.item1, #pun-stats li.item2 {
float: left;
clear: both;
line-height: 150%;
}
#pun-stats li.item3, #pun-stats li.item4 {
text-align: right;
line-height: 150%;
}
li#onlinelist {
margin-top: 10px;
float: left;
line-height: 130%;
}
li#onlinelist div {padding: 8px 0 0 0;}

/* ================== */

/* Пагинация (Переключаемые страницы, Новая тема + Опрос, Подписка) */
.multipage {margin-top: 30px;}
.linkst {
position: relative;
height: 0;
}
.linkst .pagelink,
.linkst .postlink {
position: absolute;
top: -50px;
}
.linkst .pagelink {left: 25px;}
.linkst .postlink {right: 25px; text-align: right;}

.linksb {
text-align: right;
padding: 4px 25px;
}
.linksb .pagelink {float: left; text-align: left;}
.linksb .postlink {float: right;}
.subscribelink {
clear:both;
padding: 5px 0;
}

/* Модераторское меню, RSS, Atom */
.modmenu .container {padding: 5px 10px;text-align: right;}
.modmenu .container strong {float: left;}
.modmenu input {margin-left: 10px;}

/* ================== */

/* Страница топика */
.post {margin-top: 10px;}
.toppost, .topicpost {margin-top: 0;}

.post .container {}
.post h3 {}
.post h3 span {
padding: 5px 25px;
display: block;
margin-left: 208px;
}
.post h3 strong {
float: right;
text-align: right;
font-weight: normal;
}

.post .post-author {
    float: left;
    margin-top: -20px;
    width: 208px;
    background: url(https://forumstatic.ru/files/001c/31/90/95397.jpg?v=1);
    margin-left: 7px;
    box-sizing: border-box;
    border: 1px solid #000;
    text-align: center;
}

.post-author ul{
    padding-bottom: 10px;
}

.pa-author {
    background: url(https://forumstatic.ru/files/001c/31/90/18966.jpg);
    font-family: Minion Pro;
    font-size: 20px;
    line-height: 33px;
    text-align: center;
    border-bottom: 1px solid #000;
    width: 207px;
    margin-left: -1px;
}

.post-body {margin-left: 208px;}
.post-box {
    padding: 10px 25px;
}

.post-links {margin-left: 208px;}
.post-links ul {
padding: 0 25px 0 0;
margin-left: -193px;
text-align: right;
}
.post-links li {
display: inline;
padding-left: 10px;
}

.pl-email, .pl-website {float: left;}
.clearer {clear: both; height: 0; font-size: 0;}

/* ================== */

/* Подпись в топике */
.post-sig dt, .post-sig dd, .post-sig dl {margin: 0}
.post-sig dt {
display: block;
margin: 5px 0;
}

/* Контент поста */
pre {font: 11px monaco;}
.post-content em {font-style: italic}
.post .post-content td {border-width: 0px !important;}
.post-content em.bbuline {font-style: normal; text-decoration: underline;}
.post-content p {
margin: 0;
line-height: 150%;
padding: 0 0 12px 0;
}
.post-content img {vertical-align: middle;}
.scrollbox {
width: 100%;
overflow: auto;
max-height: 200px;
}
.quote-box, .code-box {
margin: 4px 10px 10px;
padding: 5px;
border: 1px solid #ccc;
}
.quote-box cite {
display: block;
padding-bottom: 5px;
}
.code-box strong.legend {
display: block;
padding-bottom: 5px;
font-weight: bold;
font-style: normal;
}

/* ================== */

/* Формы */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 3px;}
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * {height: 20px; vertical-align: middle;}

textarea, input, select, optgroup {font-size: 14px;}
optgroup {font-weight: bold;}

.formal .container {padding: 10px 20px;}

.formsubmit {
padding: 0 0 0 15px;
margin: 10px 0 0 0;
}
.formsubmit input, .formsubmit a, .formsubmit span {margin: 0 6px 0 0;}

fieldset {border: none;}
fieldset legend {
font-style: italic;
font-weight: bold
}
fieldset fieldset {
border: none;
margin: 0;
padding: 0 0 8px 0
}
.fs-box {padding: 5px 0;}
.fs-box p, .fs-box fieldset {padding: 0 0 8px 0;}

.inline .inputfield, .inline .selectfield, .inline .passfield {float: left;margin-right: 1em;}
.inline .infofield {clear:both}
.datafield br {display: none}
.required label, .datafield span.input {font-size: 10px;}
textarea, .longinput input {width: 64%; margin: 0;}
.hashelp {position: relative;}

/* ================== */

/* Предпросмотр сообщения */
#pun-post .topic {margin-top: 10px;}

/* ================== */

/* Профиль + ЛС */
#profile .container {padding-left: 300px;}
#profilenav {
  float: left;
  width: 300px;
  margin-left: -300px;
}

#profilenav li {padding-bottom: 10px;}
#viewprofile ul, #profilenav ul {
padding: 10px;
margin: 0 0 10px 0;
}
#viewprofile h2, #profilenav h2 {
padding: 0;
margin: 0;
}
#viewprofile li {margin-bottom:2px;}
#viewprofile li span {
float: left;
width: 180px;
padding: 5px 10px;
font-weight: bold;
}
#viewprofile li strong, #viewprofile li div {
display: block;
padding: 5px 10px;
font-weight: normal;
}
img.avatardemo {float: right;margin: 0 0 8px 18px;}

/* ================== */

/* Список пользователей */
#pun-userlist .formal, #pun-userlist .formal .container {margin-bottom: 0;}
#pun-userlist .tc2 {
text-align: left;
width: 20%;
}
#pun-userlist .tcl {width: 40%}

/* ================== */

/* Собщения об ошибках */
.info .container {padding: 5px 10px;}
.info .container .backlink {padding-top: 8px;}

/* ================== */

/* Регистрация */
.info-box {
padding: 10px 15px;
margin: 0 0 10px 0;
}
.info-box * {padding: 0 0 5px 0;}
.info-box .legend {font-weight: bold;}

0

4

<div class="tabliza">
   <div class="levaya">
       <span>forum name</span>
       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
do eiusmod tempor incididunt ut  labore et dolore magna al.
Ut enim ad minim veniam, quis nostrud exercitation ulla
mco laboris ni si ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum </p>
   </div>
   <div class="central">
       <nav class="links"><a href="">Сюжет</a> • <a href="">Информация</a> • <a href="">Нужные</a> • <a href="">Правила</a></nav>
       <span>Жанр, рейтинг, год игры</span>
   </div>
   <div class="pravaya">
       <div class="ams"><a href="">Admin</a>  <a href="">Admin</a></div>
       <div class="active">
           <a href="https://testabcd.rusff.me/"><img src="https://forumstatic.ru/files/001c/31/90/99072.jpg" width="49" height="42" alt="pic" class="fig"></a>
         <a class="big" href=""><img src="https://forumstatic.ru/files/001c/31/90/82288.jpg"></a>
           <a href=""><img src="https://forumstatic.ru/files/001c/31/90/99072.jpg"></a>
           <a href=""><img src="https://forumstatic.ru/files/001c/31/90/99072.jpg"></a>
           <a class="big" href=""><img src="https://forumstatic.ru/files/001c/31/90/82288.jpg"></a>
           <a href=""><img src="https://forumstatic.ru/files/001c/31/90/99072.jpg"></a>
       </div>
   </div>
</div>

<div class="banners">
    <img src="">
    <img src="">
    <img src="">
    <img src="">
</div>

Отредактировано TEST (2024-07-10 19:38:38)

0

5

<div class="banners">
    <img src="">
    <img src="">
    <img src="">
    <img src="">
</div>

0

6

Скрипт для оборачивания элементов в один контейнер

(хтмл-низ)
<script>
$("#pun-status .container").each(function(){
$(this).find('.item1, .item2, .item3, .item4').wrapAll("<div class='statustext'>");
});
</script>

0

7

@import url(style_cs.css);
@import url(https://forumstatic.ru/files/001c/31/90/84179.css);
@import url(https://forumstatic.ru/files/001c/31/90/31970.css);
@import url(https://forumstatic.ru/files/001c/31/90/79671.css);

/********** Чистый стандартный стиль для MyBB ***********/
/******** Cпециально для ForumD.ru © Gerda, 2023 ********/
/**************************************************
!!! Условия использования !!!

1. Данный копирайт не удалять
2. При публикации производных работ указывать ссылку на автора и ForumD.ru
3. При публикации в общий доступ указывать ссылку на автора и ForumD.ru
4. Публичный производный контент должен распостраняться на тех же условиях

Подробно: forumd.ru/viewtopic.php?id=5751#rule
**************************************************/

/* ================== */

:root {
    --bd: #eaeae8;
    --tx: #464140;
    --li: #4d0018;
    --beige: #e9e0cf;
    --bd2: #ededed;
    --li2: #b40220;
    --bl: #000000;
    --cc: #cccccc;
    --aot: 'a_OldTyper';
    --ouv: 'Ouvality';
    --pob: 'Pobeda';
}

/* Скрываем элементы форума */

.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2,
#pun-title h1,
#pun-announcement h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden
}

#pun:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after,
.punbb .container:after {clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow:hidden; line-height: 0.0; font-size: 0;}

/* ================== */

/* Общие стили */
* {margin: 0; padding: 0;}
body {margin: 0;}
ul, dl, li, dd, dt {list-style: none;}

body {font: 12px Verdana;}
h1, h2 {
font-size: 16px;
font-weight: normal;
padding: 5px 10px;
margin: 0;
}

address, em {font-style: normal}

a {
    text-decoration: none;
    color: var(--li);
}

a:hover {
    color: var(--li2);
}

/* Скроллбары */
* {
scrollbar-width: thin;
scrollbar-color: #cfba6a #523329;
}
*::-webkit-scrollbar {width: 9px; height: 9px;}
*::-webkit-scrollbar-track {background-color: #523329;}
*::-webkit-scrollbar-thumb {background-color: #cfba6a;}

/* ================== */
html {
    background: url(https://forumstatic.ru/files/001c/31/90/60077.jpg?v=1) no-repeat fixed top center / cover;
}

/* Тело форума */

#pun {
    width: 950px;
    background: var(--bd);
    margin: 180px auto 30px;
    border-radius: 20px;
}

.punbb {
max-width: 1000px;
margin: 0 auto;
}

/* Шапка */

#pun-title {   
    background: url(https://forumstatic.ru/files/001c/31/90/67953.jpg?v=1) no-repeat top -100px center;
    height: 400px;
    border-radius: 20px 20px 0px 0px;
}

/* ================== */

/* Меню навигации */
#pun-navlinks {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    background: var(--bd);
    height: 80px;
    z-index: 100;
}

#pun-navlinks .container {
    margin: 0;
    padding: 8px 10px;
    box-sizing: border-box;
    text-align: center;
    font-family: var(--aot);
    font-size: 20px;
}

#pun-navlinks li {
display: inline;
padding-right: 10px;
}

#pun-navlinks li a {
    color: var(--tx);
}

#pun-navlinks li a:hover {
    color: var(--li2);
}

/* Юзер меню */

#pun-ulinks {
    position: fixed;
    top: 40px;
    left: 0px;
    width: 100%;
    background: var(--bd);
    z-index: 110;
}

#pun-ulinks .container {
    padding: 8px 10px;
    text-align: center;
    font-family: var(--aot);
    font-size: 14px;
}

#pun-ulinks li {
display: inline;
padding-right: 10px;
}

#pun-ulinks li a {
    color: var(--tx);
}

#pun-ulinks li a:hover {
    color: var(--li2);
}

/* ================== */

/* Объявление */
#pun-announcement .container {padding: 10px;}

/* Статус (Добро пожаловать) */

#pun-status .container {
    margin-bottom: 0;
    padding: 25px 30px;
    display: flex;
    align-items: center;
    font-family: var(--aot);
    color: var(--tx);
}

.statustext {
    display: flex;
    flex-wrap: wrap;
    width: 600px;
}

#pun-status .status_userava {
    margin-right: 10px;
}

.status_userava img {
    width: 50px;
    height: 50px;
    border-radius: 10px;
}

#pun-status span {
white-space: nowrap;
margin-right: 5px;
}

.punbb #pun-status .status-right{
    float: none;
}

#pun-crumbs1 {font-weight: normal;}
#pun-crumbs1 p.container {
    margin-top: 0;
    font-family: var(--aot);
    font-size: 14px;
    padding: 0 30px 25px;
}

/*хлебные крошки */

.container.crumbs {
    font-weight: normal;
    margin-top: 0;
    font-family: var(--aot);
    font-size: 14px;
    padding: 25px 30px;
}
#pun-crumbs1 .container.crumbs {margin-top: 0;}
#pun-crumbs2 .container.crumbs {margin-bottom: 0;}

/* Копирайт майбб */
#pun-about .container {text-align: right;}

/* ================== */

/* Форумные таблицы */

table {table-layout: fixed; width: 100%;}
#respect {width: auto;}
.tcl {width: 50%;}
.tc2, .tc3, .tcmod {
text-align: center;
width: 10%;
}
.tcr {width: 30%;}

#pun-searchtopics .tcl,
#pun-modviewforum .tcl {
width: 40%
}

#pun-searchtopics .tc2 {
text-align: left;
width: 20%;
}

#pun-debug table .tcl {width: 15%;white-space:normal;}
#pun-debug .tcr {width: 90%; white-space: normal;}

td {padding: 8px 10px;}
th {padding: 4px 10px;}

tbody.hasicon td.tcl {padding-left: 40px}
div.icon {
position: absolute;
margin-left: -30px;
width: 20px;
height: 20px;
background: red;
}

/* ================== */

/* Категории */

.category {
    margin-top: 10px;
    max-width: 890px;
    margin: 0 auto;
    background: var(--bd2);
    border: 1px solid var(--cc);
    border-radius: 30px;
    box-sizing: border-box;
}

#pun-category1 {
    margin-top: 0;
}

.category h2 {
    background: var(--beige);
    border-radius: 30px 30px 0 0;
    border-bottom: 1px solid var(--cc);
    text-align: center;
    font-family: var(--pob);
    font-weight: bold;
    font-size: 24px;
    color: var(--li);
}

.category td .modlist {
display: block;
padding-top: 5px;
}

/* Статистика */
#pun-stats .container {padding: 8px 10px}
#pun-stats li.item1, #pun-stats li.item2 {
float: left;
clear: both;
line-height: 150%;
}
#pun-stats li.item3, #pun-stats li.item4 {
text-align: right;
line-height: 150%;
}
li#onlinelist {
margin-top: 10px;
float: left;
line-height: 130%;
}
li#onlinelist div {padding: 8px 0 0 0;}

/* ================== */

/* Пагинация (Переключаемые страницы, Новая тема + Опрос, Подписка) */
.multipage {margin-top: 30px;}
.linkst {
position: relative;
height: 0;
}
.linkst .pagelink,
.linkst .postlink {
position: absolute;
top: -50px;
}
.linkst .pagelink {left: 10px;}
.linkst .postlink {right: 10px; text-align: right;}

.linksb {
text-align: right;
padding: 4px 10px;
}
.linksb .pagelink {float: left; text-align: left;}
.linksb .postlink {float: right;}
.subscribelink {
clear:both;
padding: 5px 0;
}

/* Модераторское меню, RSS, Atom */
.modmenu .container {padding: 5px 10px;text-align: right;}
.modmenu .container strong {float: left;}
.modmenu input {margin-left: 10px;}

/* ================== */

/* Страница топика */
.post {margin-top: 10px;}
.toppost, .topicpost {margin-top: 0;}

.post .container {}
.post h3 {}
.post h3 span {
padding: 5px 10px;
display: block;
margin-left: 300px;
}
.post h3 strong {
float: right;
text-align: right;
font-weight: normal;
}

.post .post-author {
float: left;
margin-top: -40px;
width: 300px;
}
.post-body {margin-left: 300px;}
.post-box {padding: 10px;}

.post-links {margin-left: 300px;}
.post-links ul {
padding: 0 10px 0 0;
margin-left: -300px;
text-align: right;
}
.post-links li {
display: inline;
padding-left: 10px;
}

.pl-email, .pl-website {float: left;}
.clearer {clear: both; height: 0; font-size: 0;}

/* ================== */

/* Подпись в топике */
.post-sig dt, .post-sig dd, .post-sig dl {margin: 0}
.post-sig dt {
display: block;
margin: 5px 0;
}

/* Контент поста */
pre {font: 11px monaco;}
.post-content em {font-style: italic}
.post .post-content td {border-width: 0px !important;}
.post-content em.bbuline {font-style: normal; text-decoration: underline;}
.post-content p {
margin: 0;
line-height: 150%;
padding: 0 0 12px 0;
}
.post-content img {vertical-align: middle;}
.scrollbox {
width: 100%;
overflow: auto;
max-height: 200px;
}
.quote-box, .code-box {
margin: 4px 10px 10px;
padding: 5px;
border: 1px solid #ccc;
}
.quote-box cite {
display: block;
padding-bottom: 5px;
}
.code-box strong.legend {
display: block;
padding-bottom: 5px;
font-weight: bold;
font-style: normal;
}

/* ================== */

/* Формы */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 3px;}
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * {height: 20px; vertical-align: middle;}

textarea, input, select, optgroup {font-size: 14px;}
optgroup {font-weight: bold;}

.formal .container {padding: 10px 20px;}

.formsubmit {
padding: 0 0 0 15px;
margin: 10px 0 0 0;
}
.formsubmit input, .formsubmit a, .formsubmit span {margin: 0 6px 0 0;}

fieldset {border: none;}
fieldset legend {
font-style: italic;
font-weight: bold
}
fieldset fieldset {
border: none;
margin: 0;
padding: 0 0 8px 0
}
.fs-box {padding: 5px 0;}
.fs-box p, .fs-box fieldset {padding: 0 0 8px 0;}

.inline .inputfield, .inline .selectfield, .inline .passfield {float: left;margin-right: 1em;}
.inline .infofield {clear:both}
.datafield br {display: none}
.required label, .datafield span.input {font-size: 10px;}
textarea, .longinput input {width: 64%; margin: 0;}
.hashelp {position: relative;}

/* ================== */

/* Предпросмотр сообщения */
#pun-post .topic {margin-top: 10px;}

/* ================== */

/* Профиль + ЛС */
#profile .container {padding-left: 300px;}
#profilenav {
  float: left;
  width: 300px;
  margin-left: -300px;
}

#profilenav li {padding-bottom: 10px;}
#viewprofile ul, #profilenav ul {
padding: 10px;
margin: 0 0 10px 0;
}
#viewprofile h2, #profilenav h2 {
padding: 0;
margin: 0;
}
#viewprofile li {margin-bottom:2px;}
#viewprofile li span {
float: left;
width: 180px;
padding: 5px 10px;
font-weight: bold;
}
#viewprofile li strong, #viewprofile li div {
display: block;
padding: 5px 10px;
font-weight: normal;
}
img.avatardemo {float: right;margin: 0 0 8px 18px;}

/* ================== */

/* Список пользователей */
#pun-userlist .formal, #pun-userlist .formal .container {margin-bottom: 0;}
#pun-userlist .tc2 {
text-align: left;
width: 20%;
}
#pun-userlist .tcl {width: 40%}

/* ================== */

/* Собщения об ошибках */
.info .container {padding: 5px 10px;}
.info .container .backlink {padding-top: 8px;}

/* ================== */

/* Регистрация */
.info-box {
padding: 10px 15px;
margin: 0 0 10px 0;
}
.info-box * {padding: 0 0 5px 0;}
.info-box .legend {font-weight: bold;}

0

8

Тестовое сообщение

0

9

В ПРОФИЛЕ

ЛЗ
<div class="lz"><a href="">Имя, возраст</a><p>администратор</p></div>

Плашка
<div class="plank"><img src=""><p>Верхний текст<br>Нижний текст</p></div>

Дополнительно
<details><summary>Дополнительно</summary>
<ul class="extralinks">
<li class="npc"><a href="">НПС</a></li>
<li class="diary"><a href="">Дневник</a></li>
<li class="chrono"><a href="">Хронология</a></li>
</ul></details>

0

10

<!-- Анти-в-строчку для Сообщений и Репутации © deff -->
<script type="text/javascript">
function changeS(sc,ch,st){$(sc).parent().each(function(){$(this).html($(this).html().replace(ch,st));});}
   changeS('.pa-posts','Сообщений:','Сообщений:</br>');
   changeS('.pa-respect','Уважение</a>:','Уважение</a>:<br>');
   changeS('.pa-respect','Уважение:','Уважение:<br>');
</script>

0

11

<!-- репутация на лайки -->
<script type="text/javascript">
var nWRD="лайков";
function setRespecNew(){
$(".pa-respect a[href^='/respect.php?']").each(function (){
$(this).html(nWRD);});}
function TestRespect(){
if($(".pa-respect:contains('Репутация')").length){setRespecNew();return;
}else {timerID = setTimeout("TestRespect()",110);return;}
}TestRespect()
</script>

0

12

sff

0

13

Chess написал(а):

Цитата

Код:
Код
Свернутый текст

0


Вы здесь » TEST » Lorem Ipsum » Тестовое сообщение


Рейтинг форумов | Создать форум бесплатно