/* CS1 Background and text colours
-------------------------------------------------------------*/

Код:

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links,
.punbb .formal fieldset .post-box, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend {
 background-color: rgb(255 255 255 / 90%);
    color: #5e5e5f;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: rgb(255 255 255 / 90%);
  color: #333;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: #556b7d;
  color: #fff;
font-family: comfortaa !important;
  font-size: 11px !important;
  letter-spacing: 3px;
    text-transform: lowercase;
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  color: #333;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
    background-color: #556b7d;
    border-radius: 4px;
    color: #f1f1f1;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  color: #333
  }

/* CS1.8 */
#pun-navlinks .container {
background-color: #ffffff00;
color: #f1f1f1;
border-radius: 4px 4px 0px 0px;
  }

.offline li.pa-online strong {
  font-weight: normal
  }

/* CS2 Border colours
-------------------------------------------------------------*/
.punbb .container, .punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb td, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .quote-box, .punbb .code-box, .punbb th, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online, .punbb .post-sig dt {
    border-color: transparent;
}
.punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table {
    border-color: #556b7d;
}

/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #556b7d;
transition: color 0.3s ease-in-out;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #333
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #333;
  }

/* CS3.3 */
#pun-navlinks a {
color: #eee;
font-family: comfortaa!important;
font-size: 13px !important;
transition: all 0.3s ease-in-out 0.1s;
text-transform: uppercase;
font-weight: 700 !important;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #fff;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  }

.subscribelink a {color: #ffffff !important;
}

.subscribelink a:hover {
color: #556b7d!important;
}

.linksb .pagelink a {
color: #556b7d;
}

.linksb .pagelink a:hover {
color: #383838;
}

/* CS4 Post status icons
-------------------------------------------------------------*/
#pun-main div.catleft, #pun-main div.catright {
display: none;
}

#pun-index  div.icon {
height: 40px !important;
    width: 5px !important;
    margin: 3px 0 0 -15px !important;
}

div.icon {
    height: 20px;
    width: 10px;
    background: #556b7d;
    border-radius: 4px;
    margin: 3px 10px 0 -20px;
    float: left;
opacity: 0.3;
  }

div.inew {opacity: 1 !important;}

TR.isticky Div.icon {
   background: #556b7d;
}

TR.iclosed Div.icon {
   background: #242323;
}
TR.iredirect Div.icon {
   background: #000;
}

/* Others
-------------------------------------------------------------*/
html {
    background: #2a2829 url(https://forumupload.ru/uploads/001b/0a/9b/2/618445.png) top center fixed no-repeat;
    background-size: cover;
}

#pun-title table {
background: url(https://forumupload.ru/uploads/001b/0a/9b/2/716897.png) repeat;
    border: none;
    margin-left: 0px;
    width: 1000px;
}

#pun_wrap {
    padding-bottom: 135px !important;
}

#slide-title a{
position: absolute;
display:inline-block;
color: transparent;
background: url(https://forumupload.ru/uploads/001b/0a/9b/2/434791.png) repeat;
background-position: center;
-webkit-background-clip: text;
line-height: 60px;
text-align:center;
font-family: roboto;
font-weight: 800;
font-size:70px;
letter-spacing:1px;
text-transform:uppercase;
top: -210px;
padding:10px;
margin-left: 60px
}

#slide-title span{
font-family: comfortaa;
text-transform: lowercase;
font-size: 25px;
letter-spacing: 4px;
display: block;
color: #ffffff;
}

/*цитата, код*/
.punbb .code-box {
border: 1px solid #e3e3e3;
    box-shadow: 0px -3px #fdfdfd, 0px -7px rgb(0 0 0 / 0.10);
  }

.punbb .quote-box {
border: 1px solid #556b7d;
    box-shadow: 0px -3px #fdfdfd, 0px -7px rgb(85 107 125)
  }

textarea { 
    color: #828282;
    background-color: #f9f9f9;
    border: 1px solid #e2e2e2;
    box-shadow: inset 0px 0px 2px #ffffff, inset 0px 0px 1px #e2e2e2, inset 0px 0px 18px #cecece;
    border-radius: 0px;}

/*скрыть*/
.closedatafield, .pl-reports ,#pun-live-rusff,#pun-title .title-logo span, .pa-gifts, .lastedit, .topic a.sharelink, .stickytext, .mini_awards_label, .sharelink, .pa-awards, #profile-gifts, li#navawards{
display: none !important;
}

/*отображение аватара пользователя на главной*/
.punbb .hasicon .user-avatar .avatar-image, .punbb .usertable .user-avatar .avatar-image {
border-radius: 4%;
    height: 30px;
    width: 30px;
    opacity: 1;
    margin: 0px 1px 2px 0px;
    outline: 1px solid #556b7d;
    outline-offset: 5px;
    box-shadow: 0px 0px 0 2px #556b7d;
}

/*кнопки*/
.punbb input {
    border: medium none;
}

.button {
background: #ececec;
    border: 1px solid #556b7d !important;
    box-shadow: none;
    border-radius: 0px;
    border-top: medium none;
    color: #555;
    font-family: roboto !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    margin-top: 5px !important;
    padding: 5px 10px 5px 10px !important;
    text-decoration: none;
    transition: all 0.5s ease-in-out 0s;
    vertical-align: middle;
    text-transform: uppercase;
    display: inline-block;
    position: relative
}

.button:hover {
    opacity: .5;
    cursor: pointer;
}

.button:active {
    border-top-color: #2c5f75;
}

» Тестовый форум » Администрирование - Свой стиль