Здесь делается вжух 🪄

эпизод недели: название дуэт недели: биба и боба
постописцы:
форум о том и о сём

описание форума о том и о сём, о пятом и десятом

активисты:

point

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

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


Вы здесь » point » Тестовый форум » нулевой код


нулевой код

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

1

структура style.css

Код:
/* I. ШРИФТЫ, ТЕКСТ И ССЫЛКИ
-------------------------------------------------------------*/
@import url(style_cs.css);

/* цвет текста на форуме */
.punbb {font: normal 68.75% verdana, arial, helvetica, sans-serif; color: #151515;}

/* цвет отдельных пунктов */
#onlinelist, #pun-viewforum #pun-main .container, #pun-viewforum .tc2, #pun-viewforum .tc3, .linkst, .linksb, #pun-searchposts .post-links a, .punbb .required label, .punbb .datafield span.input, .selectfield label, .inputfield label, #pun-admain legend span, p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] *, #pun-viewtopic h3, #pun-viewtopic h3 a, #topic-users-in .container, .punbb th, #profile-right li strong, #MyBookmarks h2, #MyBookmarks h1, .editBookmark h2, #viewprofile h2 span, #pun-adnav h2, #pun-admain h2 span, #setmods dt, .punbb .post h3 strong, #post.container legend span, #userlist.container legend span, #punbbsearch.container legend span, .container legend.warntext span, #notify-settings, #pun-messages .postlink .button, #pun-messages #profile.formal .post h3, small#plng
{color: #81918f !important;}

/* ссылки */
.punbb a {text-decoration:none;transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    color: #7b6a85;}
/* для админки и закладок, цвет как выше*/
#pun-admain a, #MyBookmarks span.scrl.t, #MyBookmarks span.scrl.b {color: #7b6a85 !important;} 
/* после наведения*/
.punbb a:hover, .punbb a:focus, .punbb a:active {color: #a896b3;}





/* II. ФОН, ТЕЛО
-------------------------------------------------------------*/
/* фон */
body {/* overflow-x: hidden; */
    background: url() no-repeat top center, /* шапка */
   url() no-repeat bottom center, /* футер */
   url() repeat fixed #83788a;} /* сам фон. если цельная картинка, no-repeat. если прокручивается, убираем fixed */
/* фон на странице переадресации. копировать посл строчку выше */
body.redirect-page {background: url() repeat fixed #83788a !important;}

/* тело */
#pun { margin: 0px auto 0px auto; position: relative;
    background-image: url();background-color: #dbe5e3;width : 950px;}
.punbb {height: auto; padding: 0px 20px 0px 20px;position: relative;} /* расстояние между концом рамки и началом наполнения форума 20px минимум */

/* отступ от рамки сверху, если нужно */
#pun-admain, #pun-main {    margin-top: 20px;}





/* III. ПОЛЬЗОВАТЕЛЬСКАЯ НАВИГАЦИЯ, ПРИВЕТСТВИЕ, НАВИГАЦИЯ ПО ТЕМАМ
-------------------------------------------------------------*/
span.item1 strong, span.item2 strong, #profile-left #pa-avatar strong, .pa-online strong {font-weight: normal !important;}

/* стиль отдельно для форум участники и тд */
#pun-navlinks .container {} 
#pun-navlinks, #pun-navlinks a {    color: #4b605e; }

/* стиль отдельно для новых соо и тд */
#pun-ulinks .container {}
#pun-ulinks, #pun-ulinks a {    color: #e2eeec;  }

/* общий стиль для обоих, если есть общее */
#pun-navlinks .container, #pun-ulinks .container {    text-align: center;}
#pun-navlinks li, #pun-ulinks li {  display: inline;    margin: 0 5px;}

/* объявление, если нужен отступ */
#pun-announcement {   padding: 0 0 0px 0;}

/* привет, ваш посл визит */
#pun-status { }
#pun-status strong, #pun-status a {color: #253e1a} /* если ник и время отдельным цветом*/
#pun-status {color: #d8cedc;}

/* рейтинг форумов снизу */
#pun-about .item1 {margin: auto; display: block; text-align: center; width: 100%}
#pun-about .item1, #pun-about .item1 a {color: #d8cedc;}

/* навигация по темам */
#pun-crumbs1, #pun-crumbs2 {    position: relative;    text-transform: uppercase;    margin-left: 0px;    display: flex !important;    justify-content: center;} #pun-crumbs2 {margin-top: 20px;}
#pun-crumbs1, #pun-crumbs2, #pun-viewtopic .post-links, #pun-messages .post-links, #pun-post h3, #pun-searchposts h3 {font-family: 'Raleway';    letter-spacing: .5px;    font-size: 10px;  text-transform:lowercase;}
#pun-crumbs1 .container a:after, #pun-crumbs2 .container a:after, div#pun-searchposts h3 a:after {content: '•';    margin: 0 2px 0 4px;}

#pun-crumbs1, #pun-crumbs1 p.container span, #pun-crumbs1 a, #pun-crumbs1 .container a:after, div#pun-searchposts h3 a:after, #pun-crumbs2, #pun-crumbs2 a, #pun-crumbs2 .container a:after, .punbb .post-links a {color: #7d9a97;}

/* полоски между постов в теме */
#pun-viewtopic .post-links, #pun-messages .post-links, #pun-post h3, #pun-searchposts h3 {text-align: center;    background: #cad7d68c;    height: 18px;    line-height: 15px;    margin: 0 0px;}






/* IV. ПОДФОРУМ НА ГЛАВНОЙ
-------------------------------------------------------------*/
.punbb .main .tcmod {width: 2%;}
#pun-index th, #pun-viewforum th {   font-size:0 !important; }
#pun-index .tcl {  overflow: hidden;  text-align: left;  width: 40% !important;    padding-left: 7px;}
#pun-index .tclcon {    width: 370px;    min-height: 90px;    text-align: center;    margin: 10px 0 10px 0;    font-family: Arial;    letter-spacing: .5px;    position: relative;    font-size: 9px;}
#pun-index .tclcon {color: #435451} #pun-index .tclcon a {color: #677d79}
#pun-index tr.isub {display: none;}

/* название */
#pun-index .tcl h3 {margin: 0 0 0 0;font-family: raleway; text-transform: uppercase !important; font-size: 15px !important;}

/* аватар */
.punbb .user-avatar .avatar-image, .punbb .tcr .user-avatar {    border-radius: 0px !important;    height: 40px !important;    width: 40px !important;}
.punbb .user-avatar .avatar-image { opacity: .5 !important;}
.punbb .tcr .user-avatar {    margin: 0px 0px !important;    float: left;}
.punbb .user-avatar .isonline {top: 4px !important;    right: 5px !important;
    background: #cee9e6 !important;}

/* справа */
#pun-index .main .tcr {    text-align: left;    width: 35%;    font-family: Arial;    font-size: 11px; letter-spacing: .5px;   text-transform: lowercase;}
#pun-index .hasicon tr, #pun-index .hasicon tr a {color: #5e7672;}
#pun-index .tcr a {    padding: 0 0 4px 0;    width: 100%;    display: block;}
#pun-index .tcr .lastpost {    display: block;    margin-top: -10px;}
#pun-index .tcr em.user-avatar a {    border-bottom: none !important;}

/* цифры посередине */
#pun-index .category .tc2, #pun-index .category .tc3 {text-align: center; width: 6%;}





/* V. ВНУТРИ ПОДФОРУМА
-------------------------------------------------------------*/
#pun-viewforum .tcl {width: 40%} #pun-viewforum .tcr {width: 40%;}
#pun-viewforum .tcl .tclcon a, #pun-viewforum td.tcr a, #pun-searchtopics td.tcr a {text-transform: uppercase;}
#pun-viewforum td.tcr, #pun-searchtopics td.tcr {    height: 40px;    text-align: right;}
#pun-viewforum .tc2, #pun-viewforum .tc3 {    text-align: center;    width: 5%;}
#pun-viewforum .user-avatar .isonline, #pun-searchtopics .user-avatar .isonline {    right: 3px !important;    top: 17px !important;}
#pun-viewforum .modmenu a, #pun-messages .modmenu a {margin: 40px 0 0 340px;position: absolute;font-family: 'Raleway';font-size: 9px;letter-spacing: 1px;text-transform: uppercase;z-index: 2;}
#pun-main.main.multipage tr .user-avatar .avatar-image{width:30px !important; height: 30px !important;}
#pun-viewforum .tcl h3 {    display: inline-block;margin: 0px 7px 0 0;}
#pun-viewforum .category:after {content: '';    display: block;    height: 1px;    margin-left: 20px;    border-bottom: 1px solid;    padding-bottom: 10px;    border-color: #c4b09f !important;    width: 888px;}
#pun-viewforum .tcr a, #pun-searchtopics .tcr a {margin-top: 14px;    display: inline-block;}
#pun-viewforum .tcr .user-avatar, #pun-searchtopics .tcr .user-avatar {    margin: -8px 2px 10px 10px !important;    float: right;}
#pun-viewforum .linksb {    margin-top: 40px;} #pun-viewforum .subscribelink {    margin: -40px 0px 0 0;}





/* VI. НАСТРОЙКА ЛИНКОВ ВЕЗДЕ
-------------------------------------------------------------*/
.linkst, .linksb, #pun-searchposts .post-links {    font-family: 'Raleway';    text-transform: uppercase;    font-size: 9px;    letter-spacing: 2.5px;      width: 100%;}
.linkst {border-bottom: 1px solid; padding-bottom: 10px;}
.linksb {border-top: 1px solid; padding-top: 10px;}
.postlink {    float: right;    text-align: right;}
.linkst .postlink {    margin-top: -10px;}





/* VII. ПРОСМОТР В ТЕМЕ
-------------------------------------------------------------*/
#pun-viewtopic h3, div#topic-users-in {    font-family: Arial;    width: 100%;    font-size: 10px;    text-transform: uppercase;    letter-spacing: 1px;}
.punbb .post h3 strong {    float: right;    font-weight: normal;    margin-right: 10px;}
div#topic-modmenu.modmenu {    position: absolute;    margin: -65px 0 0 0;    width: 300px;}

.subscribelink {    margin: -10px 100px 0 0;    float: right;}
#topic-users-in {margin-top: 30px;}
#pun-viewtopic .modmenu .container span {font-weight: normal!important;}

/* бегунок шрифт */
.FNTslider {    width: 100px;    height: 5px;    float: right;    margin-right: 20px;
    background: #e2e9e8;
    border: 1px solid #c8d3d2;}
.FNTslider .before {    height: 5px;     margin: -1px;
    background: #aec1bd;
    border: 1px solid #88a19d;}
.FNTslider .thumb {  width: 6px;    height: 16px;    position: relative;    top: -11px;    cursor: pointer;    margin-left: 0px;
      background: #ac9db5;}

/* разделитель между постами */
#pun-viewtopic .post-links, #pun-messages .post-links, #pun-post h3 {    text-transform: lowercase;    padding-top: 2px;}
#pun-viewtopic .post-links ul, #pun-messages .post-links ul {margin: 0 10px;padding: 0px;text-align: right;}
#pun-viewtopic .post-links li, #pun-messages .post-links li {display: inline-block;    margin: 0 5px;}
.pl-email {  float: left;}

/* посты по ширине */
.punbb .post-content p {    margin: 0;    padding-bottom: 10px;    line-height: 150%;    text-align: justify;}
.punbb .post-content {  padding: 0;  margin: 0;  width: 100%;  /*overflow: hidden; ВАЖНОЕ*/    text-align: justify;}

/* линия между постом и подписью */
.punbb .post-sig dt {border-top: 1px solid;    margin-bottom: 20px;}
.punbb dd {    line-height: 150%;    margin-left: 0px;}
.punbb .inline .infofield, .linkst, .linksb, #pun-searchposts .post-links, .punbb .post-sig dt, .post-content hr { border-color: #c4d9d7 !important;}





/* VIII. ПРОСМОТР ПО СТРАНИЦАМ
-------------------------------------------------------------*/
/* предпросмотр соо */
#pun-post .post-author {min-height: 50px;}
#pun-post .pa-author {text-align: center;    text-transform: uppercase;      margin-left: 0px;}
#pun-post .topic {  margin-top: 10px;}

/* редактирование */
#pun-edit small#plng {margin-top: 40px;}

/* мои сообщения */
#pun-searchposts .post h3 strong {    margin-right: 10px;}

/* участники */
#userlist {    margin-top: 20px;}
#pun-userlist .usertable .container {  padding: 10px;}

/* формы заполнения на страницах участников и поиска */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {  float: left;   margin: 11px 10px;}
.punbb .inline .infofield {    font-family: 'Raleway';    text-transform: lowercase;    font-size: 9px;    letter-spacing: .5px;    border: 1px solid;    padding: 10px;    text-align: justify;    min-height: 40px;}

/* репа, позитив */
#pun-respect #pun-main .container tr, #pun-positive #pun-main .container tr, #pun-online #pun-main .container tr {    font-family: 'Raleway';    text-transform: lowercase;   font-size: 11px;    letter-spacing: .5px;    line-height: 20px;}

/* просмотр активных */
#pun-online .tcl.action {width: 60% !important;}
#pun-online .tcl a, #pun-userlist .tcl a, #pun-messages .tcl a, #pun-searchtopics .tcl a {    font-size: 11px;}
#pun-searchtopics .forum .container {    margin: 20px 0 0 20px;}
td.tcl a.registered-user {font-weight: normal!important;}

/* посетили за сутки */
li#onlinelist {    margin-top: 10px;   float: left;    width: 100%;    line-height: 130%;    text-align: justify;}
li#onlinelist div {    line-height: 15px;}

/* сообщения */
#profile.formal.messages-container .container {    min-height: 70px;}
#notify-settings {font-family: 'Raleway';    text-transform: lowercase;    letter-spacing: .5px;    font-size: 10px;}
input#OnOff_Notify {margin-top: -1px;} #volSlider.vol_slider {    margin-top: 1px;}
form#messages .linksb {margin-top: 70px;}
#pun-messages .postlink .button {    font-family: 'Raleway'!important;    text-transform: uppercase;    font-size: 9px!important;    letter-spacing: 2.5px!important;    padding: 0 !important;    background: none !important;    border: 0px !important;    outline: 0px !important;    box-shadow: none !important;    text-shadow: none !important;    margin: 0 !important;}
#pun-messages .postlink {margin-top: -10px;}
#pun-messages td.tc2.pmtc22 {    width: 30% !important;}
#pun-messages td.tc2.pmtc22 a {    display: block;    padding-top: 10px;}
#pun-messages .user-avatar .isonline {    right: 4px !important;}
#pun-messages small#plng {margin-top: 20px;}
#pun-messages #profile.formal .post h3 {    float: right;    margin-top: -23px;    font-family: arial;    font-size: 11px;}
#pun-messages .post-body {margin-top: 10px;}
#pun-messages .post-links {    width: 774px;    margin-left: -1px;}
#pun-messages .user-avatar .avatar-image {width: 30px !important;height: 30px !important;}
#pun-messages .indOnline, #pun-messages .indOffline {    left: 211px;}





/* IX. ФОРМА ОТВЕТА
-------------------------------------------------------------*/
#post-form h2 span {font-size: 0px;}
#post-form fieldset {margin: 0 25px 0 9px;padding: 0;text-align: justify;}
#main-reply {    height: 213px;}

/* кнопки в форме ответа */
#form-buttons {     background: #c9d9d7;    margin: 5px -16px 11px -2px;    border-radius: 10px;}

/* написано символов */
small#plng {    color: #6d6758;    font-family: 'Raleway';    letter-spacing: .5px;    text-transform: uppercase;}
small#plng b {font-size: 13px;    font-family: times new roman;}

#pun-edit #font-area, #pun-edit #size-area, #pun-edit #color-area, #pun-edit #table-area, #pun-edit #smilies-area, #pun-edit #image-area, #pun-edit #imageup-area, #pun-edit #imageattach-area, #pun-edit #keyboard-area, #pun-edit #video-area, #pun-edit #addition-area, #pun-edit #spoiler-area {margin: 66px -21px 0 0px !important;}
#spoiler-area a, #image-area a {color: inherit;}
#font-area {font-size: 16px !important;    letter-spacing: 0px;}
#font-area div {    padding: 10px 0 10px 0;   margin-bottom: 6px;}
#keyboard-span input {   box-shadow: none !important;    text-shadow: none !important;}
#smilies-area {    overflow-x: hidden;}
#image-area, #color-area, #video-area, #spoiler-area {height: auto !important;}

/* смайлы */
#button-sticker, #floatbut {    width: 18px;}





/* X. ПРОКРУТКА, ВЫДЕЛЕНИЕ, СТИЛИ ТЕКСТА
-------------------------------------------------------------*/
/* прокрутка */
::-webkit-scrollbar {width: 6px;height: 6px;}
::-webkit-scrollbar-track {background: #0000000d;border: 1px solid #0000000a;}
::-webkit-scrollbar-thumb {    background: #9eb9b4;    border: 1px solid #76958f;}
body::-webkit-scrollbar-track {background: #75677c;    border: 1px solid #8b8091;}


/* выделение текста */
::selection {    color: #4b4050;
    background: #b3acb7;}

/* зачеркнутый */
.punbb .post-content s, strike, del {text-decoration: none;filter: blur(1px);color: transparent;transition: 0.15s linear;background-color: transparent !important;
    text-shadow: 0 0 1px #b39e8c;}
.punbb .post-content s:hover, strike:hover, del:hover {color: inherit;text-decoration: none;text-shadow: none;filter: none;}

/* подчеркнутый текст */
.punbb .post-content em.bbuline {font-style: normal;text-decoration: none;border-bottom: 1px solid;
border-color: #cdae85;}

/* хр-ы */
.post-content hr {opacity: 1 !important;    margin: 5px 85px 5px 70px;    border-width: 0.5px;    border-style: dashed; }

/* тайтл */
#tooltip, .tipsy-inner {z-index: 999999;border-radius: 0px !important;   padding: 3px 7px;font-family: arial;    text-transform: uppercase;    font-size: 9px;    letter-spacing: 1px;
    background: #c6d4a6!important;}
#tooltip, .tipsy-inner, #respect figure .prof, .tipsy-inner a  {color: #5f835f!important;text-decoration: none !important;}
#tooltip {    position: absolute;    max-width: 200px;    display: none;}



/* XI. ПРОСМОТР ПРОФИЛЯ
-------------------------------------------------------------*/
#viewprofile li strong, #viewprofile li div, #setmods dd, #profile-left #pa-edit strong a {  display: block;  font-weight: normal !important;}

/* слева */
#profile-left {vertical-align: middle;background: #b8c99273;}
#profile-left #profile-name strong, #profile-left #pa-edit strong a {   text-align: center;    text-transform: uppercase;        font-size: 16px;    letter-spacing: 2px;    font-family: 'Raleway';
    color: #446645; }
#profile-left #profile-name strong {margin-bottom:6px;}
#profile-left #pa-edit strong a {margin-top:8px; font-size: 12px; letter-spacing: 4px;}
#profile-left #profile-title strong, #profile-left #pa-online strong {    text-align: center;    font-size: 9px;    letter-spacing: .5px;    font-family: 'Raleway';    text-transform: lowercase;    padding: 4px 0;    margin: -2px 10px;
    background: #c6d4a6;
    color: #5d835e;}
#profile-left #pa-avatar {text-align: center;margin: 10px 0;}

/* справа */
#profile-right {border: 1px solid #d5e2ba !important; }
#profile-right li {    margin: 5px 0;}
#viewprofile #profile-right li span {    float: left;    width: 140px;    padding: 4px 7px;    margin: 2px 20px 0px 20px;    font-family: 'Raleway';    font-size: 9px;    text-transform: uppercase;    letter-spacing: 1px;
    background: #e7d1b1ab;}
#profile-right li strong {padding: 4px 0 4px 194px !important;    font-family: Arial;    font-size: 11px;    text-transform: lowercase;}

/* внутри */
#profilenav, #pun-adnav {float:left;}
#pun-profile #form-buttons {margin: 0 0px 14px 0;}
#profile .container legend, .adformal h2, #MyBookmarks h2, #MyBookmarks h1, .editBookmark h2, #viewprofile h2 span, #profilenav h2, #pun-adnav h2, #pun-admain h2 span, form#post.container legend span, #userlist.container legend span, #punbbsearch.container legend span, .container legend.warntext span {    font-family: 'Raleway';    letter-spacing: 2px;    text-transform: uppercase;    font-size: 9px !important;    padding: 5px 10px;margin: 0px;    background:  #ccd7d6; }
#profile .container legend, #profilenav h2 span, #profile .container legend span, .adformal h2 span {color: #544838 !important;}
#profile fieldset, .adformal {  padding: 20px;    margin-left: 110px;}
#profile fieldset fieldset {margin-left: 0px;padding:0px;}
#pun-adnav li, #profilenav li {padding: 3px 10px !important;}
#pun-profile small#plng {margin-top: 124px;}
#pun-profile #profile {    min-height: 280px;}





/* XII. МЕЛКИЕ ПРАВКИ
-------------------------------------------------------------*/
.post:not(.firstpost){  padding-top:70px;  margin-top:-70px!important;}
html, body {margin: 0; padding: 0}
.punbb .hashelp {  position: relative;}
.punbb address, .punbb em {  font-style: normal}
.punbb .post-content img.postimg {  vertical-align: middle;}
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {padding: 0px;list-style: none;}
#pun-post fieldset#post-preview legend span {display:block!important;}
h2, h3, th, #profile fieldset strong {font-weight:normal;} #pun-viewtopic tbody {vertical-align:top;} table {width:100%;}
#pun:after, .punbb .main div.inline:after, .punbb .post-box:after {  clear: both;  content: ".";  display: block;  height: 0;  visibility: hidden;  overflow:hidden;  line-height: 0.0;  font-size: 0;}
div.grippie {margin-top: 5px;    margin-bottom: -9px;}
th {font-family: 'Raleway';    text-transform: lowercase;    letter-spacing: 1px;    font-size: 10px;    text-align: left;}

#sTheme, #isk {    border: none !important;    border-radius: 0px !important;}

/* создание темы */
.punbb .required label, .punbb .datafield span.input, .selectfield label, .inputfield label, #pun-admain legend span, #setmods dt {background-color: transparent !important;    font-family: 'Raleway';   text-transform: lowercase;    font-size: 10px !important;    letter-spacing: .5px;display: inline-block;    margin-bottom: 7px;}
input#tags {margin-bottom: 31px;height: 13px;}

/* чек */
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * {vertical-align: middle;    font-family: 'Raleway';    font-size: 10px;    padding: 2px 0;    display: inline-block; outline:none;box-shadow:none;}

/* переадресация */
#pun-redirect{margin: 10% 0 0 21%;}
body.redirect-page #pun {background-color: transparent;}
#pun-redirect.punbb .info {letter-spacing: 1px;    text-align: center;    width: 500px;    font-family: 'Raleway';    font-size: 12px;    text-transform: lowercase;padding:10px 20px!important;}
#pun-redirect.punbb .info .container .backlink a {font-size: 9px!important;transition: none;margin-top: 20px!important;}

/* стиль админки */
#pun-adnav h2, .adformal h2 {background-color: inherit !important;    border: none!important;}
.adcontainer {border: none !important;}
#pun-admain1 form.adcontainer, #pun-admain2 form.adcontainer, #pun-admain-new form.adcontainer, #pun-admain1 div.adcontainer, #pun-admain2 div.adcontainer {padding: 0px!important;}
#pun-adnav a {font-weight:normal!important;}
.adformal h2 {margin-top: -20px !important;}
#pun-admain fieldset {padding: 0!important;}
#pun-admain .adcontainer th {background-color: transparent !important;}
#pun-admain .linksb {width: 733px;    height: 40px !important;}
#pun-admain .postlink {margin-top: -10px;}
#pun-admain fieldset p {padding: 10px !important;font-size: 9px;letter-spacing: .5px;font-family: Arial;text-transform: lowercase;margin: 10px 1px;min-height: 30px;
background: #d2e1dfa3!important;
    border: 1px solid #b4cdcb!important;
    border-left: 180px solid #a1b7b3!important;}






/* XIII. СОКРЫТЫЕ ЭЛЕМЕНТЫ
-------------------------------------------------------------*/
.acchide, .punbb h1, #pun-navlinks h2, #pun-status h2, #pun-ulinks h2, .punbb .multipage .topic h2, form#post.container legend span, .punbb dl.post-sig dt span, .punbb p.crumbs strong, .punbb .divider hr, #pun-userlist .main h2, span.item4, #pun-stats ul.container .item3, .lastedit, #pun .modlist, .stickytext, .closedatafield, .punbb .modmenu span a, div#pun-live-rusff, .topic a.sharelink, .postlink .closed, li.pl-share, li.pl-reports,  .pa-last-visit, #pun-viewforum #pun-main h2, #pun-announcement h2, #pun-break4, #pun-index #pun-main thead, .pa-reg, .pa-gifts, .pa-replies, .pa-fld1 .fld-name, .pa-fld2 .fld-name, .pa-fld5 .fld-name, #pun-main div.catleft, #pun-main div.catright, #pun-viewforum .modmenu .container span, #pun-searchtopics .modmenu .container span, #pun-post .FNTslider, #pun-searchposts .FNTslider, #pun-messages .FNTslider, #pun-messages .post-sig, #pun-stats li.item3, #pun-profile #viewprofile-next #profilenav, #profile-right li#pa-invites, #profile-gifts, #pun-post #pun-main h2, .tipsy-arrow, .clearer, div#pun-searchtopics #pun-main h2, #pun-crumbs1 .container em, #pun-crumbs2 .container em, div#pun-searchposts h3 em
    {display: none !important;}
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, .punbb th, #pun-ulinks li, li#onlinelist, #pun-ulinks li a, li#onlinelist div, .punbb .divider, .punbb .formal fieldset .post-box, .punbb .info-box, .adformal
    {border-color: transparent !important;}



/* V. МОБИЛЬНЫЙ СТИЛЬ
-------------------------------------------------------------*/
/*html{min-width: 1200px!important;}для мобил*/
@media screen and (max-device-width: 480px) {
.punbb a, .punbb a:hover, .punbb a:focus, .punbb a:active, #pun-status, #pun-crumbs1, #pun-crumbs2, #pun-stats ul.container, .punbb .modmenu .container, #pun-index .tcr .lastpost, .akc akc2 i, .akc akc3 {-webkit-text-size-adjust: none;}
.hashelp center div a button, .button, .punbb input, .punbb select {     -webkit-appearance: none !important;border-radius:0px !important;} 
}

0

2

цвета style_cs.css

Код:
/*  I. ШАПКА, ФУТЕР
-------------------------------------------------------------*/
/* шапка */
#pun-title table {height: 0px;    width: 0px;    margin-left: 0px;    z-index: 1;
    background: url() no-repeat top center;}

/* футер */
#pun-about {     width: 1000px;    height: 0px;    margin: 0px 0px 0px 0px;    background: url() center top;}





/* II. КАТЕГОРИИ
-------------------------------------------------------------*/
#pun-index .category h2, #pun-stats.section h2 {height: 60px; width: 950px; margin: 0px 0px 0px 0px;
    background: url();}

/* скрываем первую, если нужно */
#pun-category1.category h2 {/*font-size: 0px; height: 0px; margin: 0px;*/ display: none;}

/* стиль для текста */
#pun-index .category h2 span, #pun-stats.section h2 span {display: block; text-align: center;}

/* если нужен еще текст */
#pun-index .category h2 span:before { } /* общий стиль всем*/

/* сам текст для каждой категории */
/*#pun-category1.category h2 span:before {content: 'тут текст'}*/
#pun-category2.category h2 span:before {content: 'тут текст'}
#pun-category3.category h2 span:before {content: 'тут текст'}
#pun-category4.category h2 span:before {content: 'тут текст'}
#pun-category5.category h2 span:before {content: 'тут текст'}
#pun-category6.category h2 span:before {content: 'тут текст'}

/* переименовываем статистику */
#pun-stats.section h2 span {font-size: 0px;}
#pun-stats.section h2 span:after {content: 'statistic';    font-size: 24px;    margin-left: -20px;    line-height: 29px;}

/* всего тем, сообщений, посл. зарегистрировался */
#pun-stats ul.container {display: flex;    flex-wrap: wrap;    justify-content: space-between;    margin-top: 0px;}
#pun-stats li.item1, #pun-stats li.item2 {width: 27%;}
#pun-stats li.item3, #pun-stats li.item4 {width: 44%;}
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {   display: inline-block;    text-align: center;      font-family: Arial;    text-transform: lowercase;  font-size: 9px;    letter-spacing: 1px;    padding: 4px 0;
  background: #c7d5d3;     border-radius: 7px;}
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4, #pun-stats li.item4 a {color: #5c726f;} 





/* III. ИКОНКИ
-------------------------------------------------------------*/
/* на главной */
#pun-index table Div.icon {float: right; width: 0px;    height: 0px;    background: url();    margin: 0px 0px 0px 0px;}
#pun-index TR.inew Div.icon {background: url();} /* новая */

/* в подфорумах */
#pun-viewforum table Div.icon, #pun-viewforum TR.inew Div.icon, #pun-viewforum TR.isticky Div.icon, #pun-viewforum TR.iclosed Div.icon, #pun-messages table Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics table Div.icon, #pun-searchtopics TR.inew Div.icon {float: left; margin: -4px 10px;    font-size: 15px;    background: none;    height: 10px;    width: 10px}
#pun-viewforum table Div.icon:before, #pun-messages table Div.icon:before, #pun-searchtopics table Div.icon:before {content: '\2718'}
#pun-viewforum TR.inew Div.icon:before, #pun-messages TR.inew Div.icon:before, #pun-searchtopics TR.inew Div.icon:before {content: '\2714';    color: #af9073;}
#pun-viewforum TR.isticky Div.icon:before {content: '\203C';    color: #af9073;}
#pun-viewforum TR.iclosed Div.icon:before {content: '\2718'; opacity: .5}





/* IV. ТАБЛИЦА
-------------------------------------------------------------*/






/* V. ВВОД ТЕКСТА, КНОПКИ
-------------------------------------------------------------*/
/*  ввод текста */
.punbb textarea {overflow: auto;font-size: 10.5px !important;line-height: 15px !important;padding: 7px;font-family: Verdana;    border: none !important;    outline: none !important;    border-radius: 7px;
    background: #edf3f2;
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px #c1cfcd, 0 0 15px #d4e7e5 inset;}

/* фон у элементов при нажатии в форме ответа (смайлы и т.д.) */
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #spoiler-area {overflow-y: auto;padding: 10px !important;height: 207px; font-family: 'Raleway';text-transform: lowercase;letter-spacing: .5px;z-index: 99999;font-size: 10px;margin: -6px -21px 0 0px;
    background: #e5edd1;
    box-shadow: 0 0 10px #d1dbb9 inset;}


/*--------------------- формы заполнения ---------------------*/
.punbb select {font-family: Arial!important;text-transform: lowercase !important;font-size: 10px !important;padding: 3px !important;}
.checkbox {width: auto !important;}
.punbb input, .punbb select, .copycode {    cursor: pointer;    font-size: 10px;    padding: 4px;    text-align: center;    font-family: Arial;border-radius: 5px; border: none !important; outline: none !Important;
    background: #edf3f2;
    box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px #c1cfcd, 0 0 5px #e2eeec inset;
    color: #56706f;}
.punbb option {background-color: #fbfff3 !important;} /* модерское, тот же цвет, что выше */


/*--------------------- кнопки ---------------------*/
p.formsubmit {text-align: center;} /*по центру */
/* до наведения */
.button, .hashelp center div a button, ul.tabs li a, input#sub4, .hvStickerPackModalTab {cursor: pointer;    padding: 5px 7px !important;    font-family: raleway !important;    font-size: 8px !important;    letter-spacing: 1px !important;    text-transform: uppercase;    min-width: 100px;    margin: 0 3px; border-radius: 5px; border: none !important; outline: none !Important;
    background: #9d93a3 !important;
    box-shadow: 0 0 0 1px #b3aab9, 0 0 0 2px #8f8595, 0 0 5px #84798b inset !important;
    color: #ece4f1 !important;}

/* кнопки после наведения */
.button:hover {}




/* IV. ЦИТАТЫ
-------------------------------------------------------------*/
/* цитаты, спойлер, выделить код */
.punbb .post-content .quote-box, .punbb .post-content .code-box {margin: 10px 20px 10px 20px;}
.punbb .post-content .blockcode, .punbb .post-content blockquote {margin: 0px;    width: 99%;    overflow: hidden;}
.punbb .post-content .scrollbox {width: 100%;overflow: auto;font-size: 11px;overflow-y: hidden !important;height: 200px !important;}

/* общий стиль, в том числе для закладок, репутации и маски */
.punbb .post-content .quote-box, .punbb .post-content .code-box, #float, .pun-modal .modal-inner, #mask_dialog .inner, .editBookmark, #pun-redirect.punbb .info, #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner, #MyBookmarks, .hvStickerPackModal {padding: 10px;font-size: 11px!important;    font-family: arial!important;    border-radius: 7px;
    background: #dee7cb;
    box-shadow: 0 0 0 1px #e5efd0, 0 0 0 2px #c2cda9, 0 0 20px #d5dfbf inset;
    color: #717a5d;}
#MyBookmarks, .editBookmark, .hvStickerPackModal {    box-shadow: 0 0 10px #b5aa9e inset !important;}
.hvStickerPackModal {    background: #e2ded2 !important;    border: 1px solid #e2ded2!important; border-radius: 0px !important;}
.hvStickerPackModalContent {border: none !important;}
.hvStickerPackModalTab {border-radius: 0px !important; text-align: center;}

/* написал и выделить код */
.punbb .quote-box cite, .punbb .code-box strong.legend, .post-content .spoiler-box > div {font-style: normal;    font-weight: normal;    text-align: center;    padding: 5px 0;    width: auto;    display: block;    text-transform: lowercase;    margin: -10px -10px 0px -10px;    font-family: 'Raleway';    letter-spacing: 2px;
    background: #bfa37d;
    box-shadow: 0 0 5px #7e684a inset;
}

/* спойлер. копировать цвет выше*/
.post-content .spoiler-box > div {background: url('') no-repeat 10px, #bfa37d !important;    border-radius: 7px;  margin-bottom: -11px;}
.punbb .quote-box cite, .punbb .code-box strong.legend a, .post-content .spoiler-box > div, .copycode strong.legend a {    color: #edf5da;}




/* III. ПРОФИЛЬ
-------------------------------------------------------------*/
.punbb .post .post-author {float: left;    overflow: hidden;    width: 220px;    min-height: 100px;    margin: 0 0 40px 0px;   padding-bottom: 10px; border-radius: 10px;
background: url() 0px bottom no-repeat, url() 0px top no-repeat, url() 0px repeat;}

.punbb .post .post-author ul {display: flex;    flex-wrap: wrap;    text-align: center;    justify-content: center;    margin: 0px 0px 0px 0px;    width: 220px;    column-gap: 5px;}
.punbb .post .post-author ul li {width: inherit;}

/* отступ текста от профиля */
.punbb .post-body {margin-left: 250px;}

/* цвета текста в профиле*/
.pa-author, .pa-author a, .pa-online, .pa-title {color: #cad9d6!important;  }
.pa-fld2, .pa-posts, .pa-respect, .pa-respect a, .pa-fld3, .pa-fld4 {color: #3e4f4c!important;  }
.lz a {color: #856232 !important;}

/* ник */
.pa-author {font-size: 14px;    letter-spacing: 1px; text-transform: uppercase; font-family: 'Raleway';}

/* статус */
.pa-title {   margin: 0px 0px;    font-size: 9px;    text-transform: lowercase;    letter-spacing: 1px;    border-radius: 3px;font-weight: bold;color}

/* аватар */
.pa-avatar {margin: 0px 0;}
.pa-avatar img, #pun-profile .fs-box .avatardemo, #pun-messages img.avatardemo, #profile-left #pa-avatar img {box-shadow: 0 0 0 1px #7c9694, 0 0 0 2px #465d59; max-height: 180px; max-width: 180px !important;}

/* репутация и соо на одной строке */
.pa-respect, .pa-posts {width: 90px;    font-family: arial;    letter-spacing: .5px;    text-transform: lowercase;    font-size: 9px;    text-align: center;padding: 2px 0 !important;    margin-top: 5px;}
.pa-respect img {vertical-align: text-top;    mix-blend-mode: luminosity;    margin-right: -1px;}

/* онлайн, последний визит*/
.pa-online, .pa-last-visit { text-align: center;    font-size: 10px;    letter-spacing: 1px;    text-transform: uppercase;    margin: 0px 0px 0px 0px;    font-family: Raleway;    font-weight: normal;}

/* ай-пи */
.pa-ip {display:none;}

/* поля */








/* V. ЗАКЛАДКИ, УВЕДОМЛЕНИЯ, СТРЕЛКИ, ОНЛАЙН
-------------------------------------------------------------*/
.post .bookmark {color: #cdb188 !important}
#BookmCntToggle.default-style {    color: #748d88 !important;  }
#MyBookmarks span.scrl.t, #MyBookmarks span.scrl.b {box-shadow: none !important;margin-left: 5px !important;width: 114px;text-shadow: none;
    background: #d6d2c5;
    border: 1px solid #c7c3b5;}
#MyBookmarks li.BookmarkL>span.last_click {box-shadow: none !important;background: #9898ab6e !important;}
#pun-main .editBookmark h1 {    font-size: 10px !important;    letter-spacing: 2px;    display: block !important;    text-transform: uppercase;    text-align: center;    font-weight: normal;}
#pun-main .editBookmark h1 span.delBookmark {    font-size: 25px !important;    margin: -15px 0px 0 0;}
.editBookmark {font-family: 'Raleway';    font-size: 9px;    letter-spacing: .5px;    border-radius: 0px !important;    margin: 26px 50px 0 0px !important;}
.editBookmark .inputfield {font-weight: normal!important;text-transform:lowercase;}


/* новое соо, уведомления */
span.num_msg, .bubble, .jGrowl-notification, .jGrowl .messag_theme, #messages-list a.Author, span.num_msg:before {background: #6a5d4c !important; text-shadow: none!important;    font-weight: normal !important;}
.bubble:after {border-color: #c4af9e transparent !important}
span.num_msg {}

/* стрелки */
.go-up, .go-down {    cursor: pointer;    display: none;    opacity: 1;    position: fixed;    z-index: 9999;    margin-left: 960px!important; }
.go-up {bottom: 55%; background: url();   width: 0px; height: 0px;}
.go-down {bottom: 48%; background: url();  width: 0px;height: 0px;}

/* онлайн */
.indOnline, .indOffline {left: 0px;    width: 0px;    height: 0px;    cursor: pointer;    position: absolute;}
.indOnline {background: url();}
.indOffline {}





/* VI. ТЕМЫ
-------------------------------------------------------------*/

0

3

html верх

Код:
<!-- Выделение кода в блоке "Код" // © Alex_63, версия 2019г. -->
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script type="text/javascript">select_text.linkText = 'Выделить код' //текст ссылки</script>
<!-- конец -->

0

4

html низ

Код:
<!------------------------------------------------------------ НОВЫЕ СООБЩЕНИЯ ---->

<script type="text/javascript">
if(GroupID != 3) 
$('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');
</script>
<!-- Конец -->


<!-- Аватар для гостя и по умолчанию / Deff, Alex_63 
mod by ForumD.ru  -->
    <script type="text/javascript">
    var DefAvtr = 'https://i.imgur.com/XhMEu1b.png'; //Ссылка на аватар по умолчанию
    var GuestAvtr = 'https://i.imgur.com/WuJu8FM.png'; //Ссылка на аватар для Гостя

    $('#pun-viewtopic,#pun-messages').find('.pa-author').each(function(){
      var b = DefAvtr;
      if($(this).text()=='Гость'){b = GuestAvtr;}
      var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li><li class="pa-online" id="guest"></li>';
      if($(this).parent().find('.pa-avatar').html()==null)$(this).after(s);
    });
    $('#profile-left strong:contains("Нет аватара")')
    .parent().html('<div><img src="'+DefAvtr+'"/></div>');
    </script>
<!-- Конец -->

<!-- Маска для постов-->
<script src="https://forumstatic.ru/files/0017/95/29/89289.js"></script>
<script>
hvScriptSet.addMask({
    guestAccess: ['chinchilla']
});
</script>
<!-- Конец -->

<!-- ТЕГ  абзаца - [indent] -->
<style>#button-indent {background:url(http://s7.uploads.ru/t/mnkgq.png)no-repeat center 6px!important;}</style>
<script type="text/javascript">(function(){ var b = '[indent]';
$("#button-strike").after('<td id="button-indent" title="Отступы"><img src="/i/blank.gif"  onclick="smile(\''+b+'\')"></td>');
var indent = '<span style="display:inline-block;margin:0.7em 1.1em;"></span>'; /*удвоенные Отступы сверху и слево*/
$('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
</script><!-- Конец -->

<!-- ОБТЕКАНИЕ ИЗОБРАЖЕНИЯ -->
<script language="javascript">
$(function(){
$('td#button-link').before('<td id="floatbut" style=\'background-image:url("http://s002.radikal.ru/i198/1009/43/f183caeae434.gif")\'></td>');
$('#floatbut, .vibor').click(function(){
$('div#float').toggle();});
  });
elm=document.getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content") 
{
post = elm[x].innerHTML;
if(post.indexOf("[/float]") != -1) {
floats = /\[float=(.*?)\]([^\[]{1,11000})\[\/float\]/gi
elm[x].innerHTML = elm[x].innerHTML.replace(floats, "<span style='float: $1; margin: 8px; text-align: $1;'>$2</span>")
}}
</script>
<div id="float" style="display:none;background:#fff;border:0px solid black; color: #000; width:auto; padding:8px; position:absolute; margin-top:-54%; margin-left:35%; z-index:20">
<div><strong>направление обтекания</strong></div><br>
<div align="center">
<img class="vibor" src="http://s001.radikal.ru/i193/1009/96/695abc799ddb.png" title="left" onclick="bbcode('[float=left]', '[/float]')" />
<img class="vibor" src="http://s002.radikal.ru/i199/1009/ac/95c10fcc7d82.png" title="right" onclick="bbcode('[float=right]', '[/float]')" />
</div></div>
<!-- Конец -->

0


Вы здесь » point » Тестовый форум » нулевой код


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