Freedesign
Donec ut pellentesque elit. Praesent non est in mauris varius rutrum luctus quis nisl. Maecenas urna felis, mollis a gravida et, pulvinar nec diam. Mauris ultricies urna ut orci varius aliquet. Sed venenatis in justo id malesuada. Vestibulum dignissim felis sit amet vestibulum pharetra. Quisque consectetur eget odio eget consequat. Vivamus mauris sapien, ultrices nec libero eget, ornare ullamcorper quam. Integer laoreet elementum dignissim. Maecenas hendrerit gravida ultrices. Proin turpis quam, consectetur vitae tempus eget, euismod sed justo. Pellentesque nisl nisi, tempor ac quam dictum, tempus volutpat mi. Nulla tincidunt dapibus libero ac varius. Vestibulum ut tortor nec tortor condimentum venenatis ut sit amet risus.
Большое текстовое поле
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce placerat velit nec nisl condimentum, ac vulputate nulla dapibus. Nulla suscipit dapibus pharetra. Curabitur ut rutrum risus. Nunc fermentum eleifend elit, et laoreet nunc congue at. Aenean varius vestibulum tellus, ut sagittis mauris mattis sit amet. In hac habitasse platea dictumst. Aenean velit nisl, finibus ut augue in, interdum elementum leo. Proin nec felis viverra, placerat neque elementum, aliquam ipsum. Integer leo dolor, consectetur non tortor a, vehicula feugiat neque. Proin lorem ante, viverra ut bibendum nec, fermentum sit amet erat. Pellentesque sollicitudin suscipit massa vitae iaculis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque mattis tempus mattis. Donec ut pellentesque elit. Praesent non est in mauris varius rutrum luctus quis nisl. Maecenas urna felis, mollis a gravida et, pulvinar nec diam. Mauris ultricies urna ut orci varius aliquet. Sed venenatis in justo id malesuada. Vestibulum dignissim felis sit amet vestibulum pharetra. Quisque consectetur eget odio eget consequat. Vivamus mauris sapien, ultrices nec libero eget, ornare ullamcorper quam. Integer laoreet elementum dignissim. Maecenas hendrerit gravida ultrices. Proin turpis quam, consectetur vitae tempus eget, euismod sed justo. Pellentesque nisl nisi, tempor ac quam dictum, tempus volutpat mi. Nulla tincidunt dapibus libero ac varius. Vestibulum ut tortor nec tortor condimentum venenatis ut sit amet risus.
Навигация

freedesign

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

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


Вы здесь » freedesign » Sov for Satan Mand » Idioteque


Idioteque

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

1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ornare fringilla cursus. Praesent eget porta augue. Nunc tincidunt vulputate ante, id maximus purus varius ac. Pellentesque ultricies condimentum gravida. Integer semper aliquam ligula, nec commodo sapien sagittis eu. Integer consequat, sem eget vestibulum sollicitudin, mauris mi posuere urna, sed rhoncus felis odio id ipsum. Praesent non ante non tortor eleifend suscipit ut interdum nunc. Aliquam vulputate scelerisque enim, viverra rutrum nunc auctor non. Duis ut hendrerit turpis. Etiam rhoncus sollicitudin ipsum, ac scelerisque eros imperdiet at. Nulla facilisi. Sed vulputate ex a enim rutrum, quis ullamcorper ligula ornare. Pellentesque gravida erat eu elit pellentesque, tristique elementum massa sodales.

sed vulputate


Nam posuere mi eu sapien tincidunt, a pulvinar neque tempor. Ut gravida mi id arcu consectetur placerat. Sed at leo eu est venenatis hendrerit sit amet eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at faucibus nisl. Sed vulputate ex vel ultricies sagittis. Praesent eu posuere lorem.

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

Donec sed hendrerit lectus. Mauris aliquam nisl a tortor tincidunt, in rutrum risus viverra. Sed dictum nisi vitae turpis placerat interdum. Proin ut dapibus urna. In nec ligula sed tortor dignissim ullamcorper. Sed tristique cursus nisi, ac tempor dui mattis id. Duis quis maximus leo.

Quisque ut finibus lacus. Sed aliquam mi nisl, quis feugiat elit suscipit id. Aliquam posuere justo a urna efficitur, non hendrerit mauris gravida. Quisque sed nisi et urna finibus dignissim. Phasellus efficitur odio felis, nec ullamcorper ante ullamcorper et. Nam fermentum molestie sapien. Etiam efficitur rhoncus nunc, eu sollicitudin nibh iaculis et. Curabitur egestas molestie blandit.

Donec sed hendrerit lectus. Mauris aliquam nisl a tortor tincidunt, in rutrum risus viverra. Sed dictum nisi vitae turpis placerat interdum. Proin ut dapibus urna. In nec ligula sed tortor dignissim ullamcorper. Sed tristique cursus nisi, ac tempor dui mattis id. Duis quis maximus leo. Nulla sit amet purus quis elit egestas dignissim lacinia eget metus. Nam pulvinar quis nisi sed iaculis. Quisque iaculis tristique magna a rutrum. Suspendisse maximus dapibus ligula vel aliquam. Etiam a quam euismod, mollis tortor ut, vulputate nunc. Suspendisse commodo est porttitor cursus suscipit. Proin vitae odio eget odio tempor imperdiet ac nec nisl.

Код:
[url=http://1950test.artbb.me/]Nam finibus accumsan elit facilisis varius[/url]. Phasellus blandit convallis metus vel aliquet. Donec id metus nulla. Mauris ac euismod ipsum. Ut hendrerit metus nec sagittis pulvinar. In consequat tincidunt nisl, ac tempor nulla lobortis non. Praesent non eleifend ligula. Vestibulum vestibulum condimentum nulla sed tincidunt. In hac habitasse platea dictumst. Aenean mauris ex, blandit a pellentesque in, dictum vitae purus. Vivamus egestas nisi elementum magna lobortis, vel vulputate nulla mattis. Sed id laoreet mi, in porta dolor. Vivamus consectetur dui quis tempus iaculis. Nunc suscipit id sem eget ornare. Sed pulvinar sed lacus sit amet dictum. Vivamus malesuada tempor quam sed volutpat.

0

2

Lorem ipsum dolor sit amet, consectetur adipiscing elit.


Suspendisse congue libero sed urna pellentesque, quis dignissim quam euismod. Quisque finibus eget tortor at dignissim. Suspendisse sit amet arcu massa.

Mauris sit amet elit enim. Aliquam faucibus viverra elit, et varius risus tempus eu. Praesent pharetra purus non aliquam semper. Quisque at dui sed sapien molestie vulputate nec non lorem. Pellentesque vel pellentesque leo. Cras commodo orci a pretium egestas. Nunc euismod sem at ex placerat efficitur. Etiam lacinia fermentum elit et vehicula. Mauris at est et tortor volutpat viverra nec interdum diam. Morbi gravida luctus arcu. Morbi iaculis, lacus vitae porttitor maximus, elit felis aliquam quam, at dignissim elit mi eget magna. Nunc non eleifend nisl. Mauris tempus metus eu ante mattis tristique.

* * *
Nulla posuere mi eu est viverra, ac ultrices elit vehicula.

0

3

сообщение гостя

0

4

https://forumstatic.ru/files/001b/ac/9b/40813.jpg

Код:
https://forumstatic.ru/files/001b/ac/9b/40813.jpg

https://forumstatic.ru/files/001b/ac/9b/28932.jpg

Код:
https://forumstatic.ru/files/001b/ac/9b/28932.jpg

0

5

в набор входит: дизайн, таблица, стрелки, аватары для гостя/игрока/амс/пиара, а также оформленные под стиль скрипты скрытия наград в профиле и счетчик символов.

разрешено: менять картинки, цвета и шрифт.
запрещено: удалять копирайт из кода, вносить изменения в дизайн помимо вышеперечисленных, удалять части кода или использовать их для создания нового дизайна.

заказать индивидуальны дизайн у меня можно в телеграме — @sonnegrau https://forumstatic.ru/files/001a/19/3b/68277.gif

Структура style.css
Код:
/* A1.1 */

  @import url(style_cs.css);
  @import url('https://fonts.googleapis.com/css2?family=Comfortaa&display=swap');



#pun-announcement h2 {display: none}
#pun-main div.catleft, #pun-main div.catright {display: none}
.category .container thead {display: none;}
#post-form h2 {display:none;}
#topic-modmenu span {display:none;}
#pun-navlinks li#navawards {display: none;}
.lastedit {display:none;}
.sharelink {display: none;}
.topic a.sharelink {display:none!important;}
.post-links li.pl-reports {display:none;}
#pun-stats .section {display:none;}
div#pun-live-rusff {display:none;}
div.modmenu p.container span {display:none;}
.fs-box table .user-avatar {display:none;}
.punbb #post-form fieldset legend span {display:none;}
.postlink .closed {display:none;}
.linksb .postlink.long {display:none;}
.pl-share {display:none !important;}
#pun-index td.tc2, #pun-index td.tc3 {display:none;}
.main.multipage thead .tcr, .main.multipage thead .tc3, .main.multipage thead .tc2, .main.multipage thead .tcl {display:none;}


td#profile-left {width:200px;text-align:center;padding:0px 30px 0 0 !important;}
td#profile-right span {text-align:left;}
td#profile-right strong {text-align:center;} 
#viewprofile .container {padding:0px 0px 0px 0px!important;}
#pun-profile h1 span a {margin-left:30px;font-size:11px;}
#qpsContainer {margin-bottom:20px;margin-top:20px;}
#post-form fieldset legend {width:100%;}
#font-area {height:200px;overflow-y:scroll;}
textarea {-ms-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
#topic-users-in p.container {padding-top: 1em;}
#pun-admain legend span {background:transparent !important;font: bold 12px arial !important;letter-spacing:0px;text-transform:none;}
.adformal h2, #pun-adnav h2 {background-color: transparent !important;color: #000 !important;font: bold 12px arial !important;border: 1px solid #ccc;text-align:left;text-transform:none;}
.admin-advert-block{display:none!important;}

/* A2.1 */
    html, body {margin: 0; padding: 0}

/* A2.2 */
.punbb * {
     margin: 0
    }

/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
    padding: 0;
    list-style: none;
    }

/* A2.4 */
.punbb img {
    border:none
    }

/* A2.5 */
.punbb .main table {
    table-layout: fixed;
    width: 100%;
    }

/* A2.6 */
.checkfield input[type=checkbox], .radiofield input[type=radio] {
    margin: 0 0.3em;
    }

/* A2.7 */
p[class=checkfield] *, div[class=checkfield] *, fieldset[class=radiofield] * {
    height: 1.8em;
    vertical-align: middle
    }

/* A3.1 */
body {
    font-size: 100%;
    }

/* A3.2 */
.punbb {
    font: normal 75% arial, helvetica, sans-serif;
    }

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
    }

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
    font-size: 1em;
    font-weight: normal;
    }

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
    font-size: 1.1em;
    }

/* A3.6 */
.punbb pre {
    font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace
    }

/* A3.7 */
.punbb address, .punbb em {
    font-style: normal
    }

/* A3.8 */
.punbb .post-content em {
    font-style: italic
    }

/* A3.9 */
.punbb .post-content em.bbuline {
    font-style: normal;
    text-decoration: underline;
    }

/* A3.10 */
.punbb a {
    text-decoration: underline
    }

/* A3.11 */
.punbb optgroup {
    font-weight: bold;
    }

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

/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks 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 {
    font-size: 0;
    height: 0;
    width: 0;
    line-height: 0.0;
    position:absolute;
    left: -9999px;
    overflow: hidden
    }

/* A5.1 */
#pun {
    margin: auto;
    position: relative;
    }

/* A5.2 */
.punbb {
    height: auto;
    padding-left: 0px;
    }

/* A5.3 */
#pun-redirect, #pun-maint {
    margin: -500px 20% 12px 20%;
    width: auto;
    float: none;
    }

/* A5.4 */
.punbb .section, .punbb .main {
    margin-bottom: 0em;
    }

/* A5.5 */
.punbb .category, .punbb .post {
    margin-top: 0.4em;
    }

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
    margin-top: 0;
    }

/* 5.7 */
#pun-post .topic {
    margin-top: 1em;
    }

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
    border-style: none none solid none;
    border-width: 0px 0px 2px 0px
    }

/* A5.9 */
.punbb .container {
    border-style: solid;
    border-width: 1px;
    }

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
    }

/* ---------------------------------------------------------------------------------------- */

/* B1.1 */
.punbb .post-content {
    padding: 0;
    margin: 0;
    width: 100%;
    overflow: hidden;
    }

/* B1.2 */
.punbb .post-sig dt {
    display: block;
    border-top: 1px solid #888;
    width: 250px;
    margin: 5px 0;
    }

/* B1.3 */
.punbb .post-content p {
    margin: 0;
    padding: 0 0 1em 0;
    line-height: 150%;
    }

/* B1.4 */
.punbb .post-content img {
    vertical-align: text-bottom
    }

/* B1.5 */
.punbb .post-content img.postimg {
    vertical-align: middle;
    }

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
    width: 100%;
    overflow: hidden;
    }

/* B1.7 */
.punbb .post-content .scrollbox {
    width: 100%;
    overflow: auto;
    }

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
    margin: 1em 0.5em 1em 0.5em !important;
    }

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
    padding-bottom: 0.5em;
    margin: 0;
    }

/* B2.1 */
.punbb .info-box {
    padding: 1.1em 1.7em 1em 1.7em;
    border-style: solid;
    border-width: 1px;
    margin: 0 0 1.1em 0;
    }

/* B2.2 */
.punbb .info-box * {
    padding: 0 0 0.7em 0;
    }

/* B2.3 */
.punbb #pun-main .info-box .legend {
    font-size: 1.1em;
    font-weight: bold;
    }


/* B3.1 */
.punbb .linkst {
    float: left;
    position: relative;
    width: 100%;
    font-size: 1.1em;
    height: 0;
    }

/* B3.2 */
.multipage {
    margin-top: 0em;
    }

/* B3.3 */
.linkst .pagelink {
    position: absolute;
    top: -1.8em;
    left: 0em;
    width: 24em;
  }

/* B3.4 */
.linkst .postlink {
    position: absolute;
    right:0.15em;
    width: 16em;
    text-align: right;
    font-weight: bold;
    }

/* B3.5 */
.punbb .linksb {
    text-align: right;
    padding:  1em 0em 1em 0em;
    font-size: 1.1em;
    }

/* B3.6 */
.linksb .pagelink {
    float: left;
    width: 24em;
    text-align: left;
    }

/* B3.7 */
.linksb .postlink {
    float: right;
    width: 16em;
    font-weight: bold
    }

/* B3.8 */
.subscribelink {
    clear:both;
    padding-top: 0.3em;
    padding-bottom: 0.5em;
    }


/* ---------------------------------------------------------------------------------------- */


/* C1.1 */
.punbb .formal .container {
    padding: 1em 0em 1em 0em;
    }

/* C1.2 */
.punbb .formsubmit {
    padding: 0 0 0 0em;
    margin: 1em 0 0 0;
    }

/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
    margin: 0 0.6em 0 0
    }

/* C1.4 */
.punbb fieldset {
    border: none;
    padding: 0em 0em 0em 0em;
    margin: 0 0 1em 0;
    }

/* C1.5 */
.punbb fieldset legend {
    padding: 0px 0px 0px 0px;
    font-size: 1.1em;
    }

/* C1.6 */
.punbb fieldset legend span {
    padding: 0 5px;
    }

/* C1.7 */
.punbb fieldset fieldset {
    border-style: none;
    margin: 0;
    padding: 0 0 8px 0
    }

/* C1.8 */
.punbb .fs-box {
    padding: 1em 0 0.8em 0;
    }

/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
    padding: 0 0 0.8em 0
    }

/* C1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
    float: left;
    margin-right: 1em;
    }

/* C1.11 */
.punbb .inline .infofield {
    clear:both
    }

/* C1.12 */
.punbb .datafield br {
    display: none
    }

/* C1.13 */
.punbb .required label, .punbb .datafield span.input {
    font-weight: bold
    }

/* C1.14 */
.punbb .datafield span.input a {
    font-weight: normal;
    }

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
    display: block;
    padding: 0 12em 0 0;
    height: 100%; /* For IE */
    }

/* C1.16 */
.punbb textarea, .punbb .longinput input {
    width: 80%;
    margin: 0;
    }

/* C1.17 */
.punbb .hashelp {
    position: relative;
    }

/* C1.18 */
.punbb .helplinks {
    display: block;
    position: absolute;
    top: 1em;
    right: 0;
    font-weight: normal;
    width: 36%;
    }

/* C1.19 */
.punbb #profile .helplinks {
    top: 1.5em;
    }

/* C1.20 */
.punbb .helplinks span {
    display: block;
    padding-bottom: 0.2em;
    }

/* C1.21 */
#pun-post .formal .info-box li {
    padding-left: 4px;
    list-style-type: square;
    list-style-position: inside;
    line-height: 1.5;
    margin: 0;
    }

/* C2.1 */
.punbb .main .tcl {
    overflow: hidden;
    text-align: justify;
    width: 50%;
    }

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
    background-color: transparent;
    text-align: center;
    width: 10%;
    }

/* C2.3 */
.punbb .main .tcr {
    background-color: transparent;
    overflow: hidden;
    text-align: left;
    width: 30%;
    }

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
    background-color: transparent;
    width: 40%
    }

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
    background-color: transparent;
    text-align: left;
    width: 20%;
    }

/* C2.6 */
#pun-debug table .tcl {
    background-color: transparent;
    width: 15%;
    white-space:normal;
    }

/* C2.7 */
#pun-debug .tcr {
    background-color: transparent;
    width: 90%;
    white-space: normal;
    }

/* C2.8 */
#pun-index .tcl h3 { 
    font-weight:normal;
    letter-spacing:0px;
    }

/* C2.9 */
.punbb td span.youposted {
    font-weight: bold;
    margin-left: -1em;
    position: absolute;
    }

/* C2.10 */
.punbb td .modlist {
    display: block;
    padding-top: 0.3em
    }

/* C2.11 */
.punbb .main td {
    border-style: solid none none solid;
    border-width: 1px 0 0 1px;
    padding: 0.8em 1em;
    }

/* C2.12 */
.punbb .main th {
    border-style: none none none solid;
    border-width: 0 0 0 1px;
    padding: 0.4em 1em 0.4em 1em;
    }

/* C2.13 */
.punbb .main .tcl {
    border-left-style: none;
    border-left-width: 0
    }

    * html .tclcon {height: 1px}

/* C2.14 */
.punbb td div.tclcon {
    margin-left:px;
    }

/* C2.15 */
.punbb div.icon {
    float: left;
    display: block;
    width: 60px;
    height: 60px;}
  
#pun-title, #pun-navlinks {
    border-color: #202021 ;
    }

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3 {
    border-color:  transparent;
    }
 
/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
    border-color: transparent;
    margin-top : 0px;
    }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
    border-color: transparent;
    }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
    border-color: transparent;
    }

/* CS2.5 */
.punbb th {
    border-color: transparent ;
    }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
    border-color: #;
    }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
    border-color: transparent;
    }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
    border-color: transparent ;
    }

.punbb .divider {
    border-color: transparent;
    }

.punbb .formal fieldset .post-box, .punbb .info-box {
    border: 1px solid transparent ;
    }


/* C3.1 */
.punbb .post .container {
    border-style: none solid solid solid;
    border-width: 0px;
    margin-top: -1px;
    padding-bottom: 1px;
    }

/* C3.2 */
.punbb .post h3 {
    border:none;
    }

/* C3.3 */
.punbb .post h3 span {
    padding: 0em;
    display: block;
    margin-top: 0.5em;
    border:none;
    }

/* C3.4 */
.punbb .post h3 strong {
    float: right;
    text-align: right;
    font-weight: normal;
    }

/* C3.5 */
.punbb .post .post-author {
    float:left;
    }

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
    line-height: 1.3em;
    }

/* C3.11 */
.punbb .post-body {
    margin-left: 15em;
    border-left-style: solid;
    border-left-width: 1px;
    padding: 0 0 1px 0;
    text-align:justify;
    }

/* C3.12 */
.punbb .post-box {
    text-align: justify;
    padding: 20px 0px 0px 0px;
    font-size: 12px;
    }

/*C3.13 */
.punbb fieldset .post-box {
    margin-bottom: 0.8em
    }

/* C3.14 */
.punbb .post-links {
    margin: 1.5em 0em 0.5em -1em;
    border-left-style: solid;
    border-left-width: 1px;
    text-align: right;
    }

/* C3.15 */
.punbb .post-links ul {
    }

/* C3.16 */
.punbb .post-links li {
    display: inline;
    padding-left: 1em;
    }

/* C3.17 */
.pl-email, .pl-website {
    float: left;
    }

/* C3.18 */
.punbb .clearer {
    clear: both;
    height: 0;
    font-size: 0;
    }

/* C4.1 */
.punbb .modmenu .container {
    padding: 0em 0em 0em 0em;
    }

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
    margin-top: 1em;
    height: 1.8em;
    line-height: 1.8em;
    }

/* C4.3 */
.punbb .modmenu .container strong {
    float: left;
    }

/* C4.4 */
.punbb .modmenu input {
    margin-left: 1em;
    }

/* C5.1 */
.punbb .info .container {
    padding: 0.8em 1em
    }

/* C5.2 */
.punbb .info .container .backlink {
    padding-top: 0.8em;
    }

/* C6.1 */
#profile .container {
    padding-left: 18.6em;
    }

/* C6.2 */
#profilenav {
    float: left;
    width: 14em;
    margin-left: -16.3em;
    display: inline;
    }

/* C6.3 */
#profilenav li {
    padding-bottom: 0.8em;
    font-weight: bold;
    line-height: 12px;
    }

/* C6.4 */
#viewprofile ul, #profilenav ul {
    border-style: solid;
    border-width: 1px;
    padding: 1.5em 18px 0.8em 14px;
    margin: 0 0 1em 0;
    line-height: 12px;
    }

/* C6.5 */
#viewprofile h2, #profilenav h2 {
    background: transparent;
    border: none;
    padding: 0 0 0 0;
    margin: 0 14px -0.6em 14px;
    line-height: 12px;
    }

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
    padding: 0px;
    position: relative;
    line-height: 12px;
    }

/* C6.7 */
#viewprofile li, #setmods dl {
    padding: 0 0 0 16em;
    margin-bottom: 0.2em;
    line-height: 12px;
    }

/* C6.8 */
#viewprofile li span {
    float: left;
    width: 14em;
    margin-left: -16em;
    padding: 0.5em 1em;
    font-weight: bold;
    line-height: 12px;
    }

/*C6.9 */
#setmods dt {
    float: left;
    width: 14em;
    margin-left: -16em;
    padding: 0.8em 1em;
    font-weight: bold;
    display: inline;
    line-height: 12px;
    }

/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
    display: block;
    padding: 0.5em 1em;
    font-weight: normal;
    line-height:12px;
    line-height:10px;
    }

/* C6.11 */
.punbb img.avatardemo {
    float: right;
    margin: 0 0 0.8em 1.8em
    line-height: 12px;
    }

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
    border-bottom: none;
    margin-bottom: 0;
    }

/* C7.2 */
#pun-userlist .usertable .container {
    padding: 0 2.3em 2.3em 2.3em;
    border-top: none;
    }

/* C7.3 */
#pun-userlist .usertable table {
    border-style: solid;
    border-width: 1px;
    }


/* ---------------------------------------------------------------------------------------- */


/* D1.1 */
#pun-title {
    margin: 0;
    border-style: none;
    }

/* D1.2 */
#pun-title h1 {
    display: none;
    padding: 0;
    }

/* D1.3 */
#pun-title .container {
    border-style: none none none none;
    }

/* D1.4 */
#pun-title h1 span  {
    font-size: 0;
    }

/* D1.4 */
#pun-title h1 span  {
    display: none;
    }

#pun-title h1 span  {
    font-size: 0;
    }

/* D2.1 */
#pun-pagelinks {
    position: absolute;
    top: -15px;
    left: 0;
    margin: 0;
    border: none;
    padding: 0;
    width: 100%;
    }

/* D2.2 */
#pun-pagelinks .container {
    background: transparent;
    border: none;
    padding: 0
    }

/* D2.3 */
#pun-pagelinks .container li {
    display: inline
    }

/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
    height: 2em;
    line-height: 2em;
    padding: 0;
    font-size: 1.2em;
    margin-left: -9999px;
    display: block;
    float:left;
    width: 100%;
    }

/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
    position:relative;
    margin: 0;
    }

#pun-pagelinks li a span {
    display:block;
    margin: 0 1em
    }

/* D3.1 */
#pun-navlinks, #pun-navlinks .container {
    border-style: none;
    border-width: 0;
    margin: 0;
    }

/* D3.2 */
#pun-navlinks .container {
    padding-bottom:0px;
    }

/* D.3 */
#pun-navlinks li {
    display: inline;
    padding-right: 1em;
    }

/* D3.4 */
#pun-navlinks li a {
    font-size: 1.0em;
    }

/* D4.1 */
#pun-ulinks  {
    margin-top: 0;
    }

/* D4.2 */
#pun-ulinks .container {
    border-top:none;
    }

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
    display: inline;
    border-left-style: solid;
    border-left-width: 1px;
    white-space: nowrap;
    }

/* D4.4 */
#pun-ulinks li a {
    padding: 0 0.3em 0 0.6em
    }

/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
    border-left-style: none;
    border-left-width: 0;
    padding-left: 0
    }

/* D5.1 */
#pun-status, #pun-status .container {
    border-bottom: none;
    margin-bottom: 0;
    }

/* D5.2 */
#pun-status .container {
    padding: 1em 0em 0em 0em;
    }

/* D5.3 */
#pun-status span {
    white-space: nowrap;
    margin-right: 0.5em;
    }

/* D5.4 */
#pun-crumbs1 {
    font-weight: bold;
    overflow: hidden;
    margin-top: 0;
    }

/* D5.5 */
#pun-crumbs1 p.container {
    border-top: none;
    padding: 1em 1em 0.8em 0em;
    font-size: 1.1em;
    }

/* D5.6 */
#pun-break1 {
    margin: 0 1em;
    border-style: solid none;
    border-width: 1px 0;
    height: 0;
    margin: -2px 1em;
    position: relative;
    z-index: 1;
    }

/* D6.1 */
#pun-announcement h2 {
    padding: 0;
    margin: 0 1em -3.5em 1em;
    border-style: none none solid none;
    border-width: 0 0 1px 0;
    position: relative;
    font-weight: bold;
    }

/* D6.2 */
#pun-announcement h2 span {
    display: block;
    padding: 1em 0 0.8em 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    }

/* D6.3 */
#pun-announcement .container {
    padding: 1em 0em 1em 0em;
    }

/* D7.1 */
#pun-stats .container {
    padding: 0.8em 0em
    }

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
    line-height: 150%;
    }

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
    text-align: right;
    line-height: 150%;
    }

/* D7.4 */
li#onlinelist {
    margin-top: 0em;
    border-top-style: solid;
    border-top-width: 1px;
    width: 100%;
    line-height: 130%;
    text-align: left;
    }

/* D7.5 */
li#onlinelist div {
    border-top-style: solid;
    border-top-width: 1px;
    padding: 1.5em 0 0 0em;
    }

/* D8.1 */
#pun-qjump {
    margin: 0;
    border: none;
    width: 50%;
    position: relative;
    float: left;
    }

/* D8.2 */
#pun-qjump .container {
    border: none;
    background: transparent;
    padding: 0.8em 1em;
    }

/* D8.3 */
#pun-about {
    margin-top: 0;
    }

/* D8.4 */
#pun-about .container {
    border-top-style: none;
    text-align: left;
    line-height: 150%;
    padding: 0em 1em 2em 1.7em;
    font-size: 10px;
    }

/* D8.5 */
#pun-about p span {
    display:block;
    padding-left: 50%;
    }

/* D8.6 */
#pun-crumbs2 {
    font-weight: bold;
    overflow: hidden;
    margin-bottom: 1em;
    border-bottom: none;
    }

/* D8.7 */
#pun-crumbs2 .container {
    border-bottom: none;
    padding: 1.5em 0em 0.5em 0em;
    }

/* D8.8 */
#pun-break4 {
    margin: -2px 1em;
    border-style: solid none;
    border-width: 1px 0;
    position: relative;
    height: 0;
    z-index: 1;
    }

/* D8.9 */
div.punbb-admin #pun-about .container {
    border-top-style: solid;
    border-top-width: 1px;
    }

/* D9.1 */
#pun-help .formal .info-box h3.legend {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-bottom: 0;
    margin-bottom: 0.8em;
    }

/* D9.2 */

#pun-help .formal .info-box h3.legend span {
    padding-bottom: 0.6em;
    display: block;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-size: 1.1em;
    }

/* D9.3 */
#pun-help .formal p, #pun-help .formal dd {
    margin-bottom: 1em
    }

/* D9.4 */
#pun-help .formal ul, #pun-help .formal dl {
    padding: 0 0 0 1em
    }

/* D9.5 */
#pun-help .formal li {
    padding: 0;
    line-height: 130%
    }

/* D9.6 */
#pun-help .formal li * {
    vertical-align: text-top
    }

/* D9.7 */
#pun-help .formal dt span {
    font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
    }

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
    padding-bottom: 0;
    }
Цвета style_cs.css
Код:
/*---- FREE TROYAN DESIGN: копировать с внесенными изменениями
от пользователей запрещено, найти оригинал можно на https://imagiart.ru/,
удалять данный комментарий запрещено, использовать коды для создания 
иных дизайнов на его основе также запрещено. -------------------------------
разрешено: менять цвета и изображения ---------------------------------------
заказать свой дизайн у меня - @sonnegrau (телеграм) ----------------------*/


html {
    background:url(https://forumstatic.ru/files/001b/ac/9b/83587.jpg)
    top center fixed  no-repeat; /*-- изображение на фоне (желательно: большой размер, ч/б) --*/
    background-size:cover;
    }


body {
    margin:0px !important;
    padding-top:370px !important;
    padding-bottom:50px !important;
    background:linear-gradient(45deg, #e6c4e6, #ffb6ff47);
    background-size:cover;
    }


#pun {
    width:1000px !important;
    background:#f4f4f4;
    color:#3a3a3a;
    padding-bottom:0px !important;
    border:2px solid #eeacee;
    outline:5px solid #ffe2ff7a;
    }

.punbb {
    width:950px !important;
    padding-left:25px !important;
    }


.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, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited, .punbb li.isactive a:focus {
    color:#885988;
    text-decoration:none;
    }
.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, .punbb li.isactive a:focus {
    color:#5b3c5b;
    text-decoration:none;
    }


#pun-navlinks {
    width:975px;
    background:#d5d5d5;
    margin: -2px 0 0 -25px !important;
    padding:12px 0 10px 25px;
    text-align:left;
    }

#pun-ulinks {
    width:975px;
    text-align:left;
    margin:10px 0 20px -5px !important;
    }


#pun-navlinks a:link, #pun-navlinks a:visited {
    display:inline-block;
    font:500 14px Comfortaa; 
    margin:0px 0px;
    text-transform:uppercase;
    color: #5f5f5f;
    letter-spacing:1px;
    }
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    color:#fff5ff;
    }

#pun-ulinks a:link, #pun-ulinks a:visited, #pun-ulinks a:hover, 
#pun-ulinks a:focus, #pun-ulinks a:active {
    font:9px Roboto;
    text-transform:lowercase;
    color:#8a8a8a;
    letter-spacing:1px;
    }
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
    color: #4c4c4c !important;
    }


#pun-status .container {
    text-transform:lowercase;
    font:9px Roboto;
    color:#8a8a8a;
    letter-spacing:0.5px;
    }
#pun-status .status-right {display:none;}

#pun-crumbs1 p.container, 
#pun-crumbs2 .container {
    text-transform:lowercase;
    font:12px Roboto;
    color:#8a8a8a;
    letter-spacing:0.5px;
    margin-bottom:20px;
    }

#pun-announcement {
    text-align:center !important;
    }


/*------------ category and statistics ----------------------------------*/

#pun-index #pun-main h2, #pun-stats.section h2 {
    height:30px;
    width:1000px;
    background:#d5d5d5;
    margin:0 0 10px -25px;
    overflow:hidden;
    }

#pun-index #pun-main h2 span, #pun-stats.section h2 span, #pun-index #pun-main h2 span a {
    display:block;
    font:600 50px Comfortaa;
    text-transform:uppercase;
    color:#f4f4f4;
    letter-spacing:5px;
    }


/*------------ icon ----------------------------------------------------*/

.punbb table Div.icon {
    width:25px;
    height:50px;
    margin:0px 10px 5px 0;
    background:#e3d0e3;
    }

TR.inew Div.icon {  
    background:#e08ee0;
    }

TR.isticky Div.icon { 
    background:#7e617e;
    }

TR.iclosed Div.icon { 
    background:#d5d5d5;
    }


/*------------ forumname + title -------------------------------------*/

#pun-index .tcl h3 {
    border-bottom:1px solid #d5d5d5;
    margin-bottom:5px;
    }
    
#pun-index .tcl h3 a {
    font:15px Comfortaa;
    text-transform:uppercase;
    color:#ab99ab;
    letter-spacing:0.5px;
    }
#pun-index .tcl h3 a:hover {
    color:#6f816a;
    }


/*------------ description ---------------------------------------------*/

#pun-index .category table {
    border-spacing:10px 30px;
    }

.punbb td div.tclcon {
    margin-left:0px;
    padding:0px 0px 0px 0px;
    }

#pun-index td.tcl {
    width:550px;
    font:9px Roboto;
    line-height:14px;
    text-transform:lowercase;
    }

#pun-index td.tcr {
    font:9px Roboto;
    line-height:14px;
    text-transform:lowercase;
    padding-right:20px;
    }

#pun-index td.tcr a:link, #pun-index td.tcr a:visited {
    font:10px Comfortaa;
    text-transform:uppercase;
    }

.punbb .user-avatar .avatar-image {
    width:30px !important;
    height:20px !important;
    border-radius:0px !important;
    border:1px solid #d5d5d5;
    filter:grayscale(100%);
    }


/*------------ footer -------------------------------------------------*/


.statscon li.item1, .statscon li.item2,
.statscon li.item3, .statscon li.item4 {
    display:inline-block;
    margin:0 10px 5px 10px;
    padding:8px 20px 5px 20px;
    text-align:center;
    background:#e3d0e3;
    color:#5d5d5d;
    font:600 8px Roboto;
    text-transform:uppercase;
    }

.statscon li.item5 {
    font:11px Roboto;
    }


#pun-about .container {
    text-transform:lowercase;
    margin-left:-15px;
    }


.banners {
    overflow-y:scroll;
    width:960px!important;
    height:67px!important;
    padding-right:5px!important;
    margin:10px 0 20px 0px!important;
    justify-content: space-between;
    }

.banners img {
    margin:0 4px 4px 0;
    filter: grayscale(100%) opacity(30%);
    transition: all .5s ease-in-out 0s;
    }
.banners img:hover {
    filter: none;
    transition: all .5s ease-in-out 0s;
    }

.banners::-webkit-scrollbar {width:1px; height:1px;}


/* -------------- page ------------------------------------------------- */


#pun-main h1 {
    display:block;
    text-align:left;
    margin-bottom:50px;
    }

#pun-main h1 span {
    padding-right:10px;
    font:15px Comfortaa;
    text-transform:uppercase;
    }



#pun-main .topic h3 span {
    display:block;
    height:20px;
    margin:0px 0px 10px 0;
    background:#d5d5d5;
    }

#pun-main .topic h3 a,
#pun-viewtopic div.post h3 strong,
#pun-viewtopic div.post.topicpost h3 strong.fnt {
    text-transform:uppercase;
    font:500 10px Roboto;
    color:#3f3a3f;
    line-height:22px;
    padding:0 20px;
    }


#pun-main .linkst .pagelink {
    font:9px Roboto;
    text-transform:lowercase;
    margin-top:-5px;
    letter-spacing:0.5px;
    color:#8a8a8a;
    }

#pun-viewtopic .linkst .postlink a {
    display:block;
    margin-top:-20px;
    font:9px Roboto;
    text-transform:lowercase;
    letter-spacing:0.5px;
    color:#8a8a8a;
    }


#pun-main .post-links a {
    font:500 10px Comfortaa;
    color:#3f3a3f;
    text-transform:uppercase;
    }



.punbb .post-content .quote-box, .punbb .post-content .code-box {
    padding:20px;
    background:#ececec;
    border:1px solid #e3d0e3;
    text-align: justify;
    }

.spoiler-box {
    padding:15px 20px 15px 20px !important;
    }

.punbb .quote-box cite, .punbb .code-box strong.legend {
    font: bold 11px Comfortaa !important;
    text-transform:uppercase;
    }
.code-box strong.legend a {
    color:#3f3a3f;
    }

hr {
    background:#d5c3d6; 
    height:2px;
    opacity:1!important;
    border:none!important;
    }


.punbb .formsubmit input, .punbb .formsubmit a, 
.punbb .formsubmit span, .punbb select, .punbb input {
    display:inline-block;
    padding:5px 25px 3px 25px;
    background:#ececec;
    border:1px solid #e3d0e3;
    color:#373737;
    font:600 10px Comfortaa;
    }

#pun-viewtopic .subscribelink a {
    font:9px Roboto;
    text-transform:lowercase;
    letter-spacing:0.5px;
    color:#8a8a8a;
    }

#topic-users-in p.container {font-size:11px;}

#pun-main .linksb {padding-bottom:0px;}

#pun-main .linksb .pagelink {
    font:9px Roboto;
    text-transform:lowercase;
    letter-spacing:0.5px;
    color:#8a8a8a;
    }

#pun-viewtopic .linksb .postlink a {
    font:9px Roboto;
    text-transform:lowercase;
    letter-spacing:0.5px;
    color:#8a8a8a;
    }


.punbb #post.container {
    padding-left:20px !important;
    margin-right:60px;
    }

.punbb #post-form fieldset legend {
    display:block;
    width:1000px;
    height:20px;
    margin:0px 0px 0px -46px;
    line-height:20px;
    background:#ececec;
    }

.punbb #post-form fieldset legend #plng {
    padding-left:50px !important;
    font:9px Roboto !important;
    text-transform:lowercase !important;
    letter-spacing:0.5px;
    color:#8a8a8a;
    }

#main-reply, #post-form textarea {
    background:#ececec;
    padding:20px;
    border:1px solid #bbb3b3;
    box-shadow:0px 0px 30px #54545429 inset;
    font:12px Roboto;
    line-height:18px;
    }

#addition-area, #font-area, #size-area, 
#color-area, #table-area, #smilies-area, #image-area, 
#imageup-area, #imageattach-area, #keyboard-area, #video-area,
#spoiler-sels, #mark-area {
    background:#e0c9e0;
    margin-top:10px;
    padding:20px;
    }
#keyboard-area input {
    padding:3px !important;
    }


/* --------------- profile -------------------------------------------- */


.punbb .post .post-author {
    position:relative;
    margin-top:20px;
    margin-bottom:10px;
    width:220px;
    }

.punbb .post .post-author ul, .punbb .post .post-author p {
    text-align:center;
    margin-left:0px;
    padding:20px 0 10px 0;
    border:2px solid #dbbedb;
    background:#e0c9e0;
    }

.pa-author, li.pa-author a:link, li.pa-author a:visited, 
li.pa-author a:hover, li.pa-author a:active {
    text-transform:uppercase;
    color:#925492;
    letter-spacing:3px;
    font:600 13px Comfortaa;
    }

li.pa-title {
    text-align:center !important;
    margin:5px 0 10px 0;
    font:7px Roboto;
    letter-spacing:1px;
    text-transform:uppercase;
    color:#4a4a4a;
    }

.pa-avatar img {
    border:3px solid #edd6ed !important;
    outline:1px solid #ccb3cc !important;
    }

.pa-posts, .pa-respect {
    display:inline-block;
    width:100px;
    text-align:center;
    margin:10px 0 10px 0px!important;
    font:7px Arial;
    letter-spacing:0.5px;
    text-transform:uppercase;
    color:#4a4a4a;
    }

.pa-respect1, .pa-respect img {width:7px;}
.pa-posts, .pa-respect1, .pa-respect, li.pa-respect a:link, 
li.pa-respect a:visited, li.pa-respect a:active, li.pa-respect a:hover, 
.pa-ip, .pa-ip a:link {
    color: #000000;
    }

li.pa-online {
    text-align:center !important;
    margin:2px 0 20px 0;
    padding-top:5px !important;
    font:7px Roboto;
    letter-spacing:1px;
    text-transform:uppercase;
    color:#4a4a4a;
    border-top:2px solid #dbbedb;
    }

.pa-kotik {
    text-transform:uppercase;
    color:#925492;
    letter-spacing:3px;
    font:600 10px Comfortaa;
    }

.punbb .post-body {
    margin-left:245px !important;
    }
.post-box a:link, .post-box a:visited {
    color:#7b7b7b;
    }
.post-box a:hover, .post-box a:active {
    color:#232323;
    }


/* --------------- multipage ------------------------------------------- */

.punbb .main.multipage table Div.icon, 
.fs-box table Div.icon { 
    width:15px;
    height:15px;
    }
.main.multipage td div.tclcon {
    padding:0px;
    margin:10px 0 10px 0px;
    }
.linkst .postlink.long {
    margin-top:-40px;
    }
.postlink.long a {
    font:9px Roboto;
    text-transform:lowercase;
    letter-spacing:0.5px;
    color:#8a8a8a;
    }


/* --------------- other ---------------------------------------------- */


#afterMove, #pun-report .inner, #pun-reputation .inner, 
#pun-admin-award-form .inner, #move_posts_form {
    background: #f4f4f4 !important;
    }

#MyBookmarks h2 {
    background:none!important;
    width:200px!important;
    }
#MyBookmarks {
    background:#f4f4f4;
    }
#BookmCntToggle.default-style {
    background: #eeeeee !important;
    color: #ac66ac !important;
    height: 24px !important;
    width: 18px !important;
    }



::-webkit-scrollbar {width:6px; height:6px;}

::-webkit-scrollbar-track:vertical {
    background:#734673 !important;
    }
::-webkit-scrollbar-thumb:vertical {
    background:#e8e8e8 !important;
    }


/*------------ table + head ----------------------------------*/


div.free-title {
    position:absolute;
    height:100px;
    width:700px;
    margin:-140px 0 0 -25px;
    padding:10px 0 0 0;
    font:900 100px Comfortaa;
    letter-spacing:5px;
    text-transform:uppercase;
    color:transparent;
    border-top:5px solid #faf0fa8a;
    background-image:linear-gradient(45deg, #ffffff, #e9d0e9e6);
    -webkit-background-clip: text;
    background-clip: text;
    }

div.free-scroll-text {
    position:absolute;
    margin:-130px 0 0 715px;
    padding:5px 15px 5px 10px;
    width:225px;
    height:85px;
    background:#faf0fa8a;
    overflow-y:scroll;
    font:9px Roboto;
    text-transform:lowercase;
    text-align:justify;
    line-height:13px;
    outline:10px solid #faf0fa8a;
    }

div.free-scroll-text::-webkit-scrollbar,
div.free-news-text::-webkit-scrollbar {
    width:1px; height:1px;
    }

div.free-img {
    position:absolute;
    margin:-265px 0 0 -15px;
    background:#faf0fa8a;
    width:470px;
    height:100px;
    outline:10px solid #faf0fa8a;
    }

div.free-img img {
    position:absolute;
    margin:0px 0 0 0px;
    width:470px;
    height:100px;
    filter:grayscale(100%) contrast(70%);
    }

div.free-news {
    position:absolute;
    margin:-265px 0 0 495px;
    background:#faf0fa8a;
    width:470px;
    height:100px;
    outline:10px solid #faf0fa8a;
    }

div.free-news-title {
    position:absolute;
    margin:10px 0 0 10px;
    font:900 13px Comfortaa;
    letter-spacing:2px;
    text-transform:uppercase;
    }

div.free-news-text {
    position:absolute;
    margin-top:30px;
    padding:0px 20px 0 10px;
    height:65px;
    overflow-y:scroll;
    font:9px Roboto;
    text-transform:lowercase;
    text-align:justify;
    line-height:13px;
    }

div.free-navigation-title {
    position:absolute;
    margin:-320px 0 0 -15px;
    background:#faf0fa8a;
    width:150px;
    height:20px;
    outline:10px solid #faf0fa8a;
    font:900 11px Comfortaa;
    text-transform:uppercase;
    letter-spacing:2px;
    text-align:center;
    line-height:24px;
    }

div.free-navigation {
    position:absolute;
    margin:-320px 0 0 170px;
    padding-left:20px;
    background:#faf0fa8a;
    width:775px;
    height:20px;
    outline:10px solid #faf0fa8a;
    font:10px Roboto;
    text-transform:uppercase;
    word-spacing:20px;
    letter-spacing:0.5px;
    text-align:left;
    line-height:22px;
    }

div.free-navigation a:link, div.free-navigation a:visited {
    color:#000;
    }
div.free-navigation a:hover, div.free-navigation a:active {
    color:#ae59ae;
    }
HTML верх
Код:
<!-- НАЗВАНИЕ ---------------------------------------------------------------------------------------------->
<div class=free-title>Freedesign</div>

<!-- ТЕКСТ В МАЛЕНЬКОМ ОКОШКЕ ---------------------------------------------------------------------->
<div class=free-scroll-text>
Donec ut pellentesque elit. Praesent non est in mauris varius rutrum luctus quis nisl. Maecenas urna felis, mollis a gravida et, pulvinar nec diam. Mauris ultricies urna ut orci varius aliquet. Sed venenatis in justo id malesuada. Vestibulum dignissim felis sit amet vestibulum pharetra. Quisque consectetur eget odio eget consequat. Vivamus mauris sapien, ultrices nec libero eget, ornare ullamcorper quam. Integer laoreet elementum dignissim. Maecenas hendrerit gravida ultrices. Proin turpis quam, consectetur vitae tempus eget, euismod sed justo. Pellentesque nisl nisi, tempor ac quam dictum, tempus volutpat mi. Nulla tincidunt dapibus libero ac varius. Vestibulum ut tortor nec tortor condimentum venenatis ut sit amet risus.
</div>

<!-- КАРТИНКА 470Х100 ----------------------------------------------------------------------------------->
<div class=free-img><img src="https://forumstatic.ru/files/001b/ac/9b/26565.jpg"></div>

<!-- ТЕКСТ В БОЛЬШОМ ОКОШКЕ ------------------------------------------------------------------------>
<div class=free-news>
<div class=free-news-title>Большое текстовое поле</div>
<div class=free-news-text>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce placerat velit nec nisl condimentum, ac vulputate nulla dapibus. Nulla suscipit dapibus pharetra. Curabitur ut rutrum risus. Nunc fermentum eleifend elit, et laoreet nunc congue at. Aenean varius vestibulum tellus, ut sagittis mauris mattis sit amet. In hac habitasse platea dictumst. Aenean velit nisl, finibus ut augue in, interdum elementum leo. Proin nec felis viverra, placerat neque elementum, aliquam ipsum. Integer leo dolor, consectetur non tortor a, vehicula feugiat neque. Proin lorem ante, viverra ut bibendum nec, fermentum sit amet erat. Pellentesque sollicitudin suscipit massa vitae iaculis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque mattis tempus mattis. Donec ut pellentesque elit. Praesent non est in mauris varius rutrum luctus quis nisl. Maecenas urna felis, mollis a gravida et, pulvinar nec diam. Mauris ultricies urna ut orci varius aliquet. Sed venenatis in justo id malesuada. Vestibulum dignissim felis sit amet vestibulum pharetra. Quisque consectetur eget odio eget consequat. Vivamus mauris sapien, ultrices nec libero eget, ornare ullamcorper quam. Integer laoreet elementum dignissim. Maecenas hendrerit gravida ultrices. Proin turpis quam, consectetur vitae tempus eget, euismod sed justo. Pellentesque nisl nisi, tempor ac quam dictum, tempus volutpat mi. Nulla tincidunt dapibus libero ac varius. Vestibulum ut tortor nec tortor condimentum venenatis ut sit amet risus.</div>
</div>

<!-- НАВИГАЦИЯ ------------------------------------------------------------------------------------------->
<div class=free-navigation-title>Навигация</div>
<div class=free-navigation>
<a href="https://freedesign1.rusff.me/">vestibulum</a>
<a href="https://freedesign1.rusff.me/">pharetra</a>
<a href="https://freedesign1.rusff.me/">consectetur</a>
<a href="https://freedesign1.rusff.me/">eget</a>
<a href="https://freedesign1.rusff.me/">odio eget</a>
<a href="https://freedesign1.rusff.me/">consequat</a>
<a href="https://freedesign1.rusff.me/">laoreet</a>
</div>
HTML низ
Код:
<!-- БАННЕРЫ ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->

<div class=banners>

<a href="http://benotafraid.rusff.me/"><img src="https://i.imgur.com/8R7ZmVH.jpg"></a>
<a href="http://benotafraid.rusff.me/"><img src="https://i.imgur.com/8R7ZmVH.jpg"></a>
<a href="http://benotafraid.rusff.me/"><img src="https://i.imgur.com/8R7ZmVH.jpg"></a>
<a href="http://benotafraid.rusff.me/"><img src="https://i.imgur.com/8R7ZmVH.jpg"></a>
<a href="http://benotafraid.rusff.me/"><img src="https://i.imgur.com/8R7ZmVH.jpg"></a>
<a href="http://benotafraid.rusff.me/"><img src="https://i.imgur.com/8R7ZmVH.jpg"></a>
<a href="http://benotafraid.rusff.me/"><img src="https://i.imgur.com/8R7ZmVH.jpg"></a>
<a href="http://benotafraid.rusff.me/"><img src="https://i.imgur.com/8R7ZmVH.jpg"></a>
<a href="http://benotafraid.rusff.me/"><img src="https://i.imgur.com/8R7ZmVH.jpg"></a>
<a href="http://benotafraid.rusff.me/"><img src="https://i.imgur.com/8R7ZmVH.jpg"></a>
<a href="http://benotafraid.rusff.me/"><img src="https://i.imgur.com/8R7ZmVH.jpg"></a>
<a href="http://benotafraid.rusff.me/"><img src="https://i.imgur.com/8R7ZmVH.jpg"></a>
<a href="http://benotafraid.rusff.me/"><img src="https://i.imgur.com/8R7ZmVH.jpg"></a>
<a href="http://benotafraid.rusff.me/"><img src="https://i.imgur.com/8R7ZmVH.jpg"></a>
<a href="http://benotafraid.rusff.me/"><img src="https://i.imgur.com/8R7ZmVH.jpg"></a>
<a href="http://benotafraid.rusff.me/"><img src="https://i.imgur.com/8R7ZmVH.jpg"></a>

</div>


<!-- НАГРАДЫ ---------------------------------------------------------------------------------------------->
<style type="text/css">
.pa-awards, .pa-awards br, .mini_awards_label {display: none;}
.pa-kotik {cursor: pointer; }
.kotik-show-awards + .pa-awards { display: list-item; }
.pa-kotik {
  text-align: center;
  margin-left: 0px
}
</style>
<script>
$(function () {
  var awards_button = "Награды";

	$(".post-author > ul").append("<li class='pa-kotik'>" + awards_button + "</li>");
	$(".post-author").on("click", ".pa-kotik", function () {
    $(this).toggleClass("kotik-show-awards");
	});
});
</script>


<!-- АВАТАРЫ ГОСТЬ ИГРОК ----------------------------------------------------------------------------->
<script type="text/javascript">
var DefAvtr="https://forumstatic.ru/files/001b/ac/9b/74376.jpg"; //Для Игрока
var GuestAvtr="https://forumstatic.ru/files/001b/ac/9b/13234.jpg"; //Для Гостя
$("li.pa-title").each(function(){
var b = DefAvtr;if($(this).text()=='Гость')b = GuestAvtr;
var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li>';
if (($(this).parents(".post-author").find("li.pa-avatar").length)==0){$(this).after(s);};});
</script>


<!-- СТРЕЛКИ ВВЕРХ ВНИЗ ----------------------------------------------------------------------------->
<a style="position: fixed; top: 400px; margin-left: 1074px; cursor: pointer; background-color: transparent !important;" id="Go_Top"><img src="https://forumstatic.ru/files/001b/ac/9b/27997.png?v=1" alt="вверх"></a>

<a style="position: fixed; top: 511px; margin-left: 1074px; cursor: pointer; background-color: transparent !important;" id="Go_Bottom"><img src="https://forumstatic.ru/files/001b/ac/9b/13377.png" alt="вниз"></a>
<script type="text/javascript">
jQuery(function(){
$("#Go_Top").hide().removeAttr("href");
if ($(window).scrollTop()>="250") $("#Go_Top").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()<="250") $("#Go_Top").fadeOut("slow")
else $("#Go_Top").fadeIn("slow")
});

$("#Go_Bottom").hide().removeAttr("href");
if ($(window).scrollTop()<=$(document).height()-"999") $("#Go_Bottom").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()>=$(document).height()-"999") $("#Go_Bottom").fadeOut("slow")
else $("#Go_Bottom").fadeIn("slow")
});

$("#Go_Top").click(function(){
$("html, body").animate({scrollTop:0},"slow")
})
$("#Go_Bottom").click(function(){
$("html, body").animate({scrollTop:$(document).height()},"slow")
})
});
</script>


<!-- СЧЕТЧИК СИМВОЛОВ --------------------------------------------------------------------------------->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng">Написано символов: <b>00</b> </small>';epl.parents("fieldset").find("legend").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script>

0


Вы здесь » freedesign » Sov for Satan Mand » Idioteque


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