design test

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

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


    Вы здесь » design test » love scenario » ghyfhfh


    ghyfhfh

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

    1

    Код:
    /*************************************************************
    A - SETUP
    **************************************************************/
    
    /* A1 Import the colour scheme
    -------------------------------------------------------------*/
    
    
    /* A1.1 */
      @import url(style_cs.css);
    @import url('https://fonts.googleapis.com/css2?family=UnifrakturMaguntia&display=swap');
      @import url(https://allfont.ru/allfont.css?fonts=cyrillicgoth);
    @font-face {font-family: icon; src: local("icon"), url(https://forumstatic.ru/files/0017/dc/d4/56553.ttf); }
    
    
    /* шрифты дополнение
    -------------------------------------------------------------*/
    
    
    @font-face {
    font-family: 'Akrobat';
    src: url('https://forumstatic.ru/files/001a/df/1c/52828.eot?'),
    url('https://forumstatic.ru/files/001a/df/1c/37143.woff') format('woff'),
    url('https://forumstatic.ru/files/001a/df/1c/48802.ttf') format('truetype'),
    url('https://forumstatic.ru/files/001a/df/1c/30309.svg#svgfontname') format('svg');
    font-weight: 700;font-style: normal;  font-display: swap;}
    
    @font-face {
    font-family: 'San Francisco';
    src: url('https://forumstatic.ru/files/001a/b2/cd/24140.eot?'),
    url('https://forumstatic.ru/files/001a/b2/cd/84817.woff') format('woff'),
    url('https://forumstatic.ru/files/001a/b2/cd/37290.ttf') format('truetype'),
    url('https://forumstatic.ru/files/001a/b2/cd/80718.svg#svgfontname') format('svg');
    font-weight: 600;
    font-style: normal;
      font-display: swap;
    }
    
    @font-face {
    font-family: 'San Francisco';
    src: url('https://forumstatic.ru/files/001a/b2/cd/11379.eot?'),
    url('https://forumstatic.ru/files/001a/b2/cd/17870.woff') format('woff'),
    url('https://forumstatic.ru/files/001a/b2/cd/17586.ttf') format('truetype'),
    url('https://forumstatic.ru/files/001a/b2/cd/48406.svg#svgfontname') format('svg');
    font-weight: 700;
    font-style: normal;
      font-display: swap;
    }
    
    @font-face {font-family: 'Eskos'; src: url('https://forumstatic.ru/files/001a/df/1c/19979.ttf') format('truetype'); font-style: normal; font-display: swap;}
    @font-face {font-family: 'Lemon Tuesday'; src: url('https://forumstatic.ru/files/001a/df/1c/77885.ttf') format('truetype'); font-style: normal; font-display: swap;}
    
    /* A2 Deal with browser defaults and wonkiness
    -------------------------------------------------------------*/
    
    /* 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; outline: none;}
    
    /* A2.7 */
    p[class="checkfield"] *,
    div[class="checkfield"] *,
    fieldset[class="radiofield"] * {
      height: 1.8em;
      vertical-align: middle
      }
    
    
     /* A3 Text setup
    -------------------------------------------------------------*/
    
    /* A3.1 */
    body {
      font-size: 100.01%;
      }
    
    /* A3.2 */
    .punbb {
        font: normal 70.76% verdana, arial, helvetica, sans-serif;
    }
    
    /* 3.3 */
    .punbb textarea, .punbb input, .punbb select, .punbb optgroup {
        color: #626262;
        font: 1.0em verdana, arial, helvetica, sans-serif;
        background-color: #f7f7f7;
        border: 1px solid #ffffff;
        outline: 1px solid #f2eded;
    }
    
    /* A3.4 */
    .punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
    font: normal 400 1em arial;
      }
    
    /* A3.5 */
    .punbb h2 span {
    display: none;
    }
    
    .punbb h1 span, .punbb legend span {
    font: normal 500 11px sans-serif;
        letter-spacing: 0.3px;
    }
    
    /* 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: none;
      }
    
    /* A3.11 */
    .punbb optgroup {
      font-weight: bold;
      }
    
    
    /* A4 Float clearing and hidden items
    -------------------------------------------------------------*/
    
    /* 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 Basic page layout and borders
    -------------------------------------------------------------*/
    
    /* A5.1 */
    #pun {
        margin: 0 auto;
        position: relative;
        width: 1020px;
        margin-top: 228px;
    }
    
    /* A5.2 */
    .punbb {
    float: left;
        width: 86%;
        height: auto;
        margin-left: 72px;
    }
    
    /* A5.3 */
    #pun-redirect, #pun-maint {
      margin: 50px 20% 12px 20%;
      width: auto;
      float: none;
      }
    
    /* A5.4 */
    .punbb .section, .punbb .main {
      margin-bottom: 1em;
      }
    
    /* 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 {
      padding: 0.5em 1em;
      border-style: none solid solid none;
      border-width: 0 1px 1px 0;
      }
    
    
    /*************************************************************
    B - MAIN CONTENT - GENERAL
    **************************************************************/
    
    /* B1 Parsed Content, Signatures and Scroll Boxes
    -------------------------------------------------------------*/
    
    /* 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 #f2eded;
        width: 50%;
        margin: 0 auto;
      }
    
    /* 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: 0.4em 0em 1.4em 0em;
        padding: 1em;
        border-style: solid;
        border-width: 1px;
        font: normal 400 11px sans-serif;
    }
    
    /* B1.9 */
    .punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
        padding: 3px 3px 3px 3px;
        margin: 0 0 6px 0;
        font: small-caps 600 8px sans-serif;
        text-align: revert;
        background-color: #e9e9e97a;
        border: 1px solid #ffffff;
        outline: 1px solid #f2eded;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }
    
    /* B2 Information boxes
    -------------------------------------------------------------*/
    
    /* 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 Pagination and posting links
    -------------------------------------------------------------*/
    
    /* B3.1 */
    .punbb .linkst {
      float: left;
      position: relative;
      width: 100%;
      font-size: 1.1em;
      height: 0;
      }
    
    /* B3.2 */
    .multipage {
      margin-top: 3em;
      }
    
    /* B3.3 */
    .linkst .pagelink {
        position: absolute;
        top: -4em;
        width: 24em;
        text-transform: lowercase;
        font: normal 600 10px san francisco;
        color: #626262;
    }
    
    /* B3.4 */
    .linkst .postlink {
        position: absolute;
        top: -4em;
        right: 0em;
        width: 16em;
        text-align: right;
        text-transform: lowercase;
    font: normal 600 11px arial;
    }
    
    /* B3.5 */
    .punbb .linksb {
    text-align: right;
        padding: 0.4em 0em 0.5em 0em;
    font: normal 400 11px arial;
        text-transform: lowercase;
        color: #dbc0be;
    }
    
    /* B3.6 */
    .linksb .pagelink {
    float: left;
        width: 24em;
        text-align: left;
        text-transform: lowercase;
        font: normal 600 10px san francisco;
        color: #626262;
    }
    
    /* B3.7 */
    .linksb .postlink {
      float: right;
      width: 16em;
      font-weight: bold;
      }
    
    /* B3.8 */
    .subscribelink {
      clear:both;
      padding-top: 0.3em;
      padding-bottom: 0.5em;
      }
    
    
    /*************************************************************
    C - MAIN CONTENT - SPECIFIC
    **************************************************************/
    
    /* C1 Form layout
    -------------------------------------------------------------*/
    
    /* C1.1 */
    .punbb .formal .container {
      padding: 0em;
      }
    
    /* C1.2 */
    .punbb .formsubmit {
      padding: 0 0 0 1.7em;
      margin: 1em 0 0 0;
      }
    
    /* C1.3 */
    .punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
    color: #a44847;
        margin: 0 0.6em 0 0;
        text-transform: uppercase;
        font-family: Arial Narrow;
        font-weight: bold;
        letter-spacing: 0.3px;
    }
    
    /* C1.4 */
    .punbb fieldset {
      border-style: solid;
      border-width: 1px;
      padding: 0px;
      margin: 0 0 1em 0;
      }
    
    /* C1.5 */
    .punbb fieldset legend {
      padding: 0;
      margin: 0 0 0 11px;
      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;
    text-align: left;
      }
    
    /* 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: 64%;
      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 Table layout
    -------------------------------------------------------------*/
    
    /* C2.1 */
    .punbb .main .tcl {
      overflow: hidden;
      text-align: left;
      width: 50%;
      }
    
    /* C2.2 */
    .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
      text-align: center;
      width: 10%;
      }
    
    /* C2.3 */
    .punbb .main .tcr {
    overflow: hidden;
        text-align: right;
        text-transform: lowercase;
        width: 40%;
    }
    
    /* C2.4 */
    #pun-userlist .main .tcl,
    #pun-searchtopics .main .tcl,
    #pun-modviewforum .main .tcl {
      width: 40%
      }
    
    /* C2.5 */
    #pun-userlist .main .tc2,
    #pun-searchtopics .main .tc2 {
      text-align: left;
      width: 20%;
      }
    
    /* C2.6 */
    #pun-debug table .tcl {
      width: 15%;
      white-space:normal;
      }
    
    /* C2.7 */
    #pun-debug .tcr {
      width: 90%;
      white-space: normal;
      }
    
    /* C2.8 */
    #pun-index .tcl h3 {
        background-color: #f5f5f3;
        width: 192px;
        font-family: 'UnifrakturMaguntia';
        font-size: 28px;
        FONT-WEIGHT: 400;
        font-style: normal;
        text-align: center;
        margin-left: 86px;
        /* text-transform: uppercase; */
        /* padding: 0px 0px 15px 0px; */
        /* border-bottom: 1px solid #f2eded; */
    }
    
    /* 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 {
        visibility: hidden;
        /* background-color: #ffffff; */
        /* border-style: none none none solid; */
        /* border-width: 0 0 0 1px; */
        /* padding: 0.4em 1em 0.4em 1em; */
        /* text-transform: lowercase; */
        /* font-size: 10px; */
        /* text-align: center !important; */
        /* color: #ceb6b4; */
    }
    
    /* C2.13 */
    .punbb .main .tcl {
      border-left-style: none;
      border-left-width: 0;
      }
    
    /* C2.14 */
    .punbb tbody.hasicon td.tcl {
      padding-left: 0;
      }
    
    /* C2.15 */
    .punbb div.icon {
        border-style: solid;
        border-width: 0.0em 0.0em 0.0em 0.0em;
        height: 0;
        line-height: 0.0;
        margin-top: 0.1em;
        width: 0;
    }
    
    /* C2.16 */
    .punbb  table div.icon {
        position: absolute;
        margin-left: 279px;
        margin-top: 32px;
        width: 11px;
        height: 11px;
    }
    
     /* C3 Topics
    -------------------------------------------------------------*/
    
    /* C3.1 */
    .punbb .post .container {
      border-style: none solid solid solid;
      border-width: 1px;
      margin-top: -1px;
      padding-bottom: 1px;
      }
    
    /* C3.2 */
    .punbb .post h3 {
      border-style: solid solid none solid;
      border-width: 1px;
      }
    
    /* C3.3 */
    .punbb .post h3 span {
    padding: 0.8em 0em 0.8em 0em;
        display: block;
        text-transform: lowercase;
        font: normal 600 10px san francisco;
        color: #d9d9d9;
    }
    /* C3.4 */
    .punbb .post h3 strong {
      float: right;
      width: 5em;
      text-align: right;
      font-weight: normal;
      }
    
    /* C3.5 */
    .punbb .post .post-author {
    float: left;
        width: 200px;
        margin-top: 13px;
        overflow: hidden;
        border: 1px solid #f2eded;
    }
    
    /* C3.6 */
    .punbb .post .post-author ul, .punbb .post .post-author p {
    padding: 2.5em 0em 0.5em 0em;
        line-height: 140%;
        width: 180px;
        margin: 0 auto;
        text-align: center;
    }
    
    /* C3.7 */
    .pa-author {
    font: normal 700 16px Akrobat;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    
    /* C3.8 */
    .pa-author a {
      text-decoration: none;
      color: #a44847;
      }
    
    /* C3.9 */
    li.pa-title {
        padding-bottom: 0.4em;
        font-weight: normal;
        text-align: center;
        text-transform: lowercase;
    font: normal 500 10px sans-serif;
        color: #d9d9d9;
    }
    
    
    li.pa-online {
        padding: 0 0 1.0em 0;
        line-height: 0.8em;
        margin-top: 0.7em;
        text-transform: uppercase;
        font: normal 400 7px sans-serif;
        text-align: center;
        letter-spacing: 0.3px;
    }
    
    /* C3.11 */
    .punbb .post-body {
      margin-left: 18em;
      border-left-style: solid;
      border-left-width: 1px;
      padding: 0 0 1px 0;
      }
    
    /* C3.12 */
    .punbb .post-box {
      padding: 1.5em;
      }
    
    /*C3.13 */
    .punbb fieldset .post-box {
      margin-bottom: 0.8em;
      }
    
    /* C3.14 */
    .punbb .post-links {
      margin-left: 19em;
      border-left-style: solid;
      border-left-width: 1px;
      }
    
    /* C3.15 */
    .punbb .post-links ul {
    padding: 0 0em 0 0;
        height: 2em;
        line-height: 2em;
        margin-left: -20.6em;
        border-top-style: dashed;
        border-top-width: 1px;
        background: transparent;
        text-align: right;
        text-transform: lowercase;
        font-size: 11px;
        font-family: arial;
    }
    
    /* 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 Moderator menu
    -------------------------------------------------------------*/
    
    /* C4.1 */
    .punbb .modmenu .container {
    padding: 0.5em 0em;
        text-align: right;
        text-transform: lowercase;
    font: normal 400 11px sans-serif;
    }
    
    /* C4.2 */
    .punbb .modmenu strong, .punbb .modmenu a {
      height: 1.8em;
      line-height: 1.8em;
      }
    
    /* C4.3 */
    .punbb .modmenu .container strong {
      float: left;
      }
    
    /* C4.4 */
    .punbb .modmenu input {
      margin-left: 1em;
      }
    
    
    /* C5 Message boxes
    -------------------------------------------------------------*/
    
    /* C5.1 */
    .punbb .info .container {
      padding: 0.8em 1em;
      }
    
    /* C5.2 */
    .punbb .info .container .backlink {
      padding-top: 0.8em;
      }
    
    
    /* C6 Profile
    -------------------------------------------------------------*/
    
    /* 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;
      }
    
    /* C6.4 */
    #viewprofile ul, #profilenav ul {
      border-style: solid;
      border-width: 1px;
      padding: 1.5em 18px 0.8em 18px;
      margin: 0 0 1em 0;
      }
    
    /* C6.5 */
    #viewprofile h2, #profilenav h2 {
      background: transparent;
      border: none;
      padding: 0 0 0 0;
      margin: 0 14px -0.6em 14px;
      }
    
    /* C6.6 */
    #viewprofile h2 span, #profilenav h2 span {
      padding: 0 5px;
      position: relative;
      }
    
    /* C6.7 */
    #viewprofile li, #setmods dl {
      padding: 0 0 0 16em;
      margin-bottom: 0.2em;
      }
    
    /* C6.8 */
    #viewprofile li span {
      float: left;
      width: 14em;
      margin-left: -16em;
      padding: 0.5em 1em;
      font-weight: bold;
      }
    
    /*C6.9 */
    #setmods dt {
      float: left;
      width: 14em;
      margin-left: -16em;
      padding: 0.8em 1em;
      font-weight: bold;
      display: inline;
      }
    
    /* C6.10 */
    #viewprofile li strong, #viewprofile li div, #setmods dd {
      display: block;
      padding: 0.5em 1em;
      font-weight: normal;
      }
    
    /* C6.11 */
    .punbb img.avatardemo {
      float: right;
      margin: 0 0 0.8em 1.8em;
      }
    
    
    /* C7 User list
    -------------------------------------------------------------*/
    
    /* 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;
      }
    
    
    /*************************************************************
    D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
    **************************************************************/
    
    /* D1 Logo and description
    -------------------------------------------------------------*/
    
    /* D1.1 */
    #pun-title {
      margin: 0;
      border-style: solid solid none solid;
      border-width: 1px 1px 0 1px;
      }
    
    /* D1.2 */
    #pun-title h1 {
      display: none;
      height: 40px;
      padding: 2em 1em 0 1em;
      font-size: 0;
      }
    
    /* D1.3 */
    #pun-title .container {
      border-style: none solid none solid;
      }
    
    /* D1.4 */
    #pun-title h1 span  {
      font-size: 1.5em;
      }
    
    #pun-title table {
    	border: none;
    	height: 40px;
    	width: 100%;
            display: none;
    }
    
    #pun-title td.title-logo-tdl {
    	border: none;
    	width: 100%;
            display: none;
    }
    
    #pun-title td.title-logo-tdr {
    	border: none;
    	width: 468px;
            display: none;
    }
    
    /* D2 Page navigation
    -------------------------------------------------------------*/
    
    /* 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 Forum navigation
    -------------------------------------------------------------*/
    
    /* D3.1 */
    #pun-navlinks, #pun-navlinks .container {
        position: absolute;
        border-style: none;
        border-width: 0;
        margin-top: -26px;
        margin-left: -219px;
        display: inline;
        width: 856px;
        text-align: center;
    }
    
    /* D3.2 */
    #pun-navlinks .container {
      padding: 0.7em 1em;
      }
    
    /* D.3 */
    #pun-navlinks li {
      display: inline;
      padding-right: 1em;
      }
    
    /* D3.4 */
    #pun-navlinks li a {
      font-size: 0;
      }
    
    /* D4 User links
    -------------------------------------------------------------*/
    
    /* D4.1 */
    #pun-ulinks  {
      margin-top: 0;
      }
    
    /* D4.2 */
    #pun-ulinks .container {
        border-top: none;
        padding: 0.7em 1em;
        text-align: center;
        text-transform: lowercase;
        margin-top: -11px;
    font: normal 400 10px arial;
    }
    
    /* 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 Welcome box and Top Breadcrumbs
    -------------------------------------------------------------*/
    
    /* D5.1 */
    #pun-status, #pun-status .container {
      border-bottom: none;
      margin-bottom: 0;
      }
    
    /* D5.2 */
    #pun-status .container {
        padding: 0.8em 1.5em 0em 0em;
        text-transform: lowercase;
    font: normal 400 11px arial;
    }
    
    /* D5.3 */
    #pun-status span {
      white-space: nowrap;
      margin-right: 5px;
      }
    
    /* D5.4 */
    #pun-crumbs1 {
      font-weight: bold;
      margin-top: 0;
      }
    
    /* D5.5 */
    #pun-crumbs1 p.container {
        border-top: none;
        padding: 2.8em 1em 0.8em 1em;
        font: normal 600 11px sans-serif;
        text-align: center;
        text-transform: lowercase;
    }
    
    /* 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 Announcement
    -------------------------------------------------------------*/
    
    /* 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: none;
      padding: 1em 0 0.8em 0;
      border-bottom-style: solid;
      border-bottom-width: 1px;
      }
    
    /* D6.3 */
    #pun-announcement .container {
      padding: 4.6em 0em 1em 0em;
      }
    
    /* D7 Statistics
    -------------------------------------------------------------*/
    
    /* D7.1 */
    #pun-stats .container {
    padding: 0.8em 0em;
    font: normal 400 11px arial;
        text-transform: lowercase;
    }
    
    /* D7.2, 3 */
    #pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
        left: 5px;
        bottom: 8px;
        z-index: 999;
        position: relative;
        margin-right: 12px;
        /* margin-left: -2px; */
        float: left;
        display: inline-block;
        padding-right: 20px;
        padding-left: 18px;
        padding-top: 4px;
        padding-bottom: 4px;
        font-size: 11px;
        line-height: 100%;
        background: #ffffff63;
    }
    
    
    /* D7.4 */
    li#onlinelist {
      margin-top: 1em;
      border-top-style: solid;
      border-top-width: 1px;
      float: left;
      width: 100%;
      line-height: 130%;
      }
    
    /* D7.5 */
    li#onlinelist div {
      border-top-style: solid;
      border-top-width: 1px;
      padding: 0.7em 0 0 0;
      }
    
    /* D8 Quick Jump - About - Bottom Breadcrumbs
    -------------------------------------------------------------*/
    
    /* 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 {
      font-size:0;
      text-align: right;
      padding: 0em;
      width: 1020px; 
      height: 125px; 
      margin-left: -72px; 
      border: none;
      }
    
    /* D8.5 */
    #pun-about p span {
      display:block;
      padding-left: 50%;
      }
    
    /* D8.6 */
    #pun-crumbs2 {
      font-weight: bold;
      overflow: hidden;
      margin-bottom: 0;
      border-bottom: none;
      }
    
    /* D8.7 */
    #pun-crumbs2 .container {
    border-bottom: none;
        padding: 0.8em 1em 2.3em 1em;
        font: normal 600 11px sans-serif;
        text-align: center;
        text-transform: lowercase;
    }
    
    /* 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: none;
      border-top-width: 1px;
      }
    
    
    /* D9 Help file
    -------------------------------------------------------------*/
    
    /* 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;
      }
    
    
    .pa-posts {
        display: inline-block;
        max-width: 84px;
        line-height: 13px;
        text-transform: lowercase;
        margin-bottom: 8px;
        margin-top: 8px;
        color: #676767;
        text-align: center;
        letter-spacing: 0.6px;
        font: normal 500 9px sans-serif;
        border: 1px solid #f2eded;
        padding: 3px !important;
    }
    
    .pa-respect {
    display: inline-block;
        width: 84px;
        text-transform: lowercase;
        line-height: 13px;
        margin-bottom: 8px;
        margin-top: 8px;
        color: #5b5b5b;
        text-align: center;
        letter-spacing: 0.6px;
        font: normal 500 9px sans-serif;
        border: 1px solid #f2eded;
        padding: 3px !important;
    }
    
    /*-----------repa-----------*/
    .pa-respect a img {
        height: 6px;
        width: 6px;
        padding-right: 6px;
        filter: grayscale(30%);
    }
    
    .punbb .user-avatar .avatar-image {
        border: 1px solid currentColor !important;
        border-radius: 0% !important;
        border-color: #f3eded !important;
        outline: 1px solid !important;
        height: 25px !important;
        width: 25px !important;
        opacity: 0.55 !important;
        background-position: center center;
        background-size: auto 100%;
        background-repeat: no-repeat;
    }
    
    .punbb .user-avatar .isonline {
    width: 5px !important;
        height: 5px !important;
        border-radius: 50%;
        display: block;
        position: absolute;
        top: 2px;
        right: -4px !important;
        animation: blinkColor .9s linear infinite;
        -moz-animation: blinkColor .9s linear infinite;
        -webkit-animation: blinkColor .9s linear infinite;
        background: #a44847 !important;
        z-index: 100;
    }
    
    
    /*-----------message-----------*/
    span.closedatafield, span.stickytext {
    display: none;
    }
    
    /*-----------live-----------*/
    span.cooltext {
        text-transform: lowercase;
    font-size: 11px;
        font-family: arial !important;
        color: #676767;
    }
    
    .cool1 {
        font-size: 11px !important;
    }
    
    div#pun-live-rusff {
        text-transform: lowercase;}
    
    /*-----------raznoe-----------*/
    #font-area {
    text-align: left;
        position: absolute;
        right: 6px;
        top: 43px;
        background: white;
        padding: 5px 5px 5px 5px;
        height: 152px;
        overflow: auto;
        width: 200px;
        border: 1px solid #f2eded;
    }
    
    #smilies-area, #video-area {
        text-align: left !important;
        width: 465px !important;
        position: absolute !important;
        height: 152px !important;
        right: 6px !important;
        top: 43px !important;
        background: white !important;
        padding: 5px 5px 5px 5px !important;
    border: 1px solid #f2eded;
    }
    
    #smilies-area img {
        padding: 0.5px;
    }
    
    .topic a.sharelink {
        display: none;
    }
    
    .pa-reg, .pa-time-visit {
    font-size: 0;
    }
    
    .lastedit {
    display: none;
    }
    
    #pun-searchtopics div.icon {
        display: none;
    }
    
    #main-reply {
        background-color: white;
    }
    
    #viewprofile-next #profilenav {
        display: none;
    }
    
    textarea {
    -ms-text-size-adjust: 100%;
        -moz-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
    }
    
    body {
    -ms-text-size-adjust: 100%;
        -moz-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
    }
    
    html {
    -ms-text-size-adjust: 100%;
        -moz-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
    }
    
    
    

    0

    2

    Код:
    /* CS1 Background and text colours
    -------------------------------------------------------------*/
    
    html {background: url(https://forumstatic.ru/files/001a/df/1c/99944.jpg) no-repeat top center fixed; background-color: #e4dfdf; background-size: cover;}
    
    .header {position: absolute; background: url(https://forumstatic.ru/files/001a/df/1c/34149.png) top left; width: 1020px; height: 228px; top: -228px; margin-left: -72px !important;}
    
    #pun {background: url(https://forumstatic.ru/files/001a/df/1c/13913.jpg) repeat-y white; width: 1020px; margin-top: 228px;}
    
    
    /*----------- футер -----------*/
    #pun-about p.container {background: url(https://forumstatic.ru/files/001a/df/1c/24482.png) no-repeat bottom center; position: absolute; color: #d9d9d9; text-transform: uppercase; font-size: 8px; text-align: center;}
    
    /*----------- футер ссылка -----------*/
    #pun-about p.container a {color: #d9d9d9 !important;}
    
    /*главная*/#navindex a:after { font-family: icon; content: "\f015"; font-size: 13px; width: 20px !important; height: 25px !important; background-color: white; padding: 7px 7px 7px 7px;}
    /*пользователи*/ #navuserlist a:after { font-family: icon; content: "\f0c9"; font-size: 13px; width: 20px !important; height: 25px !important; background-color: white; padding: 7px 10px 7px 10px;}
    /*поиск*/ #navsearch a:after { font-family: icon; content: "\f002"; font-size: 13px; width: 20px !important; height: 25px !important; background-color: white; padding: 7px 10px 7px 10px;}
    /*профиль*/ #navprofile a:after { font-family: icon; content: "\f007"; font-size: 13px; width: 20px !important; height: 25px !important; background-color: white; padding: 7px 9px 7px 9px;}
    /*почта*/ #navpm a:after { font-family: icon; content: "\f1fa"; font-size: 13px; width: 20px !important; height: 25px !important; background-color: white; padding: 7px 10px 7px 10px;}
    /*админка*/ #navadmin a:after { font-family: icon; content: "\f013"; font-size: 13px; width: 20px !important; height: 25px !important; background-color: white; padding: 7px 9px 7px 9px;}
    /*выход*/ #navlogout a:after { font-family: icon; content: "\f2f5"; font-size: 14px; width: 20px !important; height: 25px !important; background-color: white; padding: 7px 7px 7px 7px;}
    /*вход*/ #navlogin a:after { font-family: icon; content: "\f52a"; font-size: 13px; width: 20px !important; height: 25px !important; padding: 7px 6px 7px 6px; background-color: white;}
    /*регистрация*/ #navregister a:after { font-family: icon; content: "\f023"; font-size: 13px; width: 20px !important; height: 25px !important; padding: 7px 9px 7px 9px; background-color: white;}
    /*пиар*/ #navpr_1 a:after { font-family: icon; content: "\f02c"; font-size: 13px; width: 20px !important; height: 25px !important; padding: 7px 7px 7px 7px; background-color: white; color: #a44847;}
    
    .txt {width: 290px; text-transform: lowercase; font: normal 400 11px arial; padding: 10px 0px 0px 0px; text-align: justify;}
    
    div.icon {background: url(https://forumstatic.ru/files/001a/df/1c/29346.jpg) no-repeat;}
    tr.inew div.icon {background-image: url(https://forumstatic.ru/files/001a/df/1c/31158.jpg);}
    
    li.pa-avatar img {border: 1px solid white; /* outline: 1px solid #f2eded; */}
    
    #pun-status span.item1, span.item2, span.item3{color: #ceb6b4;}
    
    .tclcon {    padding: 0px 0px 30px 0px;}
    
    .nav1 {width: 290px; height: 15px; margin-top: 9px !important; font: normal 600 10px san francisco; text-transform: lowercase; letter-spacing: 0.3px;}
    
    /* CS1.1 */
    .punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
    .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
    .punbb .info-box, .punbb #pun-main .info-box .legend {
      background-color: white;
      color: #4c4c4c;
      }
    
    /* CS1.2 */
    .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
      background-color: white;
      color: #4c4c4c;
      }
    
    /* CS1.3 */
    #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
      background-color: white;
      color: #fff;
      }
    
    /* CS1.4 */
    #pun-title, #pun-title .container, .punbb .modmenu .container {
      background-color: white;
      color: #4c4c4c;
      }
    
    /* CS1.5 */
    .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
    background-color: white;
        color: #ceb6b4;
        text-transform: lowercase;
    }
    
    /* CS1.6 */
    .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
      background-color: white;
      color: #4c4c4c;
      }
    
    /* CS1.7 */
    .punbb .quote-box, .punbb .code-box {
      background-color: white;
      color: #4c4c4c;
      }
    
    /* CS1.8 */
    #pun-navlinks .container {
      background-color: white;
      }
    
    .offline li.pa-online strong {
      font-weight: normal;
      }
    
    /* cs3.3. ссылки кнопки доп меню */
    #pun-ulinks a {color: #d9d9d9;}
    
    /* cs3.4. ссылки кнопки основного меню */
    #pun-navlinks a {color: #e4dfdf; transition: all 0.3s ease-in-out 0.1s;}
    
    /* cs3.5. ссылки наведение кнопки основного меню */
    #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {color: #a44847; transition: all 0.3s ease-in-out 0.1s;}
    
    /* cs3.6. ссылки наведение кнопки доп меню */
    #pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {color: #ceb6b4;}
    
    /* cs3.8. ссылка репутации */
    .pa-respect a {color: #676767 !important;}
    
    /* CS2 Border colours
    -------------------------------------------------------------*/
    
    /* CS2.1 */
    .punbb .container, .punbb .post-body, .post h3, #pun-title {
      border-color: transparent;
      }
    
    /* CS2.2 */
    .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
    .punbb .category, .punbb .post {
      border-color: transparent;
      }
    
    /* 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: 1px solid #f2eded;
      }
    
    #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: transparent;
      }
    
    li.pa-online {
      border: transparent;
      }
    
    
    /* 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: #ceb6b4; transition: all 0.3s ease-in-out 0.1s;}
    
    .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
      color: #4c4c4c;
      }
    
    /* 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: #a44847; transition: all 0.3s ease-in-out 0.1s;}
    
    
    #pun-pagelinks a:active, #pun-pagelinks a:focus {
      background-color: #4c4c4c;
      color: #fff; }
    
    /* CS4 Post status icons
     -------------------------------------------------------------*/
    
    div.icon {border-color: #E6E6E6 #DEDEDE #DADADA #E2E2E2;}
    tr.iredirect div.icon {border-color: #F7F7F7 #F7F7F7 #F7F7F7 #f7f7f7;}
    div.inew {border-color: #0080D7 #0065C0 #0058B3 #0072CA;}
    
    #pun-main div.catleft, #pun-main div.catright {display: none;}
    
    /* CS4 КАТЕГОРИИ
    -------------------------------------------------------------*/
    
    /* CS4 Картинки категорий */
    #pun-category1.category h2 {background: url(https://forumstatic.ru/files/001a/df/1c/80323.jpg); height: 37px; width: 861px; font-size: 0; margin-bottom: 15px; margin: 0 auto; border: none; margin-left: 2px;}
    
    #pun-category2.category h2 {background: url(https://forumstatic.ru/files/001a/df/1c/80323.jpg); height: 37px; width: 861px; font-size: 0; margin-bottom: 15px; margin: 0 auto; border: none; margin-left: 2px;}
    
    #pun-category3.category h2 {background: url(https://forumstatic.ru/files/001a/df/1c/80323.jpg); height: 37px; width: 861px; font-size: 0; margin-bottom: 15px; margin: 0 auto; border: none; margin-left: 2px;}
    
    #pun-category4.category h2 {background: url(https://forumstatic.ru/files/001a/df/1c/80323.jpg); height: 37px; width: 861px; font-size: 0; margin-bottom: 15px; margin: 0 auto; border: none; margin-left: 2px;}
    
    #pun-category5.category h2 {background: url(https://forumstatic.ru/files/001a/df/1c/80323.jpg); height: 37px; width: 861px; font-size: 0; margin-bottom: 15px; margin: 0 auto; border: none; margin-left: 2px;}
    
    #pun-stats h2 {background: url(https://forumstatic.ru/files/001a/df/1c/80323.jpg); height: 37px; width: 861px; font-size: 0; margin-bottom: 15px; margin: 0 auto; border: none; margin-bottom: 30px;}
    
    /* CS10 КНОПКИ БЫСТРОГО ПЕРЕМЕЩЕНИЯ ПО СТРАНИЦЕ
     -------------------------------------------------------------*/
    .go-up, .go-down {display:none; position:fixed; right: 80px; cursor:pointer; opacity: 1; margin-bottom: 5px; width: 97px; height: 15px;}
    .go-up {bottom: 805px; /*положение от низа окна браузера верхняя кнопка*/}
    .go-down {bottom: 720px; /*положение от низа окна браузера нижняя кнопка кнопка*/}
    .go-down:hover,.go-up:hover {opacity:1;}
    
    ::-webkit-scrollbar {
    width: 5px;
        height: 5px;
        background-color: #e9e9e9;
        border: 2px solid #ffffff;
    }
    
    ::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom, #ceb6b4, #e4dfdf);
        border: 1px solid #ffffff;
    }
    
    ::selection {
    background: #e9e9e994;
        color: #000000;
    }
    
    
    .progressbar { 
    width: 242px;
        border-radius: 5px 5px 5px 5px;
        height: 9px;
        position: relative;
        background: #e4dfdf;
        box-shadow: inset 0 -1px 1px #c5c1c1, 0px -1px 1px 0px #dbdada, inset 0px 1px 1px 0px #eeeaea;
        top: -178px;
        left: 621px;
    opacity: 0.60;
    }
    
    .progressbar > span {
    display: block;
        height: 100%;
        border-radius: 5px 5px 5px 5px;
        background-color: #a44847;
        background-image: linear-gradient(
     center bottom,
     rgb(43,194,83) 37%,
     rgb(84,240,84) 69%
     );
        box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);
        position: relative;
        overflow: hidden;
    }
    
    .progressbar > span:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        border-radius: 5px 5px 5px 5px;
        background-image: linear-gradient(
     -45deg, 
     rgba(255, 255, 255, .2) 25%, 
     transparent 25%, 
     transparent 50%, 
     rgba(255, 255, 255, .2) 50%, 
     rgba(255, 255, 255, .2) 75%, 
     transparent 75%, 
     transparent
     );
        z-index: 1;
        box-shadow: inset -1px -4px 1px #924544, 0px -1px 1px 0px #dbdada, inset 0px 1px 1px 0px #eeeaea;
        background-size: 50px 50px;
        animation: move 4s linear infinite;
        overflow: hidden;
    }
    
    @keyframes move {
      0% {
        background-position: 0 0;
      }
      100% {
        background-position: 50px 50px;
      }
    }
    
    .progressbar2 {
        position: absolute;
        top: -179px;
        left: 807px;
        font: normal 600 8px san francisco;
    color: #ae5d5c;
        z-index: 9999;
    }
    
    .helloworld {
        margin: 0 0 0 59px !important;
        color: #4c4c4c;
    }
    
    .female {
    display: inline-block;
        width: 256px;
        height: 150px;
        border: 1px solid #f2eded;
        padding: 10px;
        font: normal 400 10px san francisco;
    }
    
    .male {
    display: inline-block;
        width: 256px;
        height: 150px;
        border: 1px solid #f2eded;
        padding: 10px;
        margin-left: 14px !important;
        font: normal 400 10px san francisco;
    }
    
    .punbb .post-content del {
    filter: blur(2px);
    text-decoration: none;}
    .punbb .post-content del:hover {
    filter: none;
    text-decoration: none; transition: all 0.1s ease-in-out 0.1s;}
    
    
    

    0

    3

    Код:
    /* CS2 ссылки
    -------------------------------------------------------------*/
    .punbb a, .punbb a:link {
        color: #7d555a;
        text-decoration: none;
    }
    
    .punbb a:visited {
        color: #7d555a;
        text-decoration: none;
        transition: all 0.6s ease;
      }
    
    .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited, #pun-ulinks a, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
     color: #7d555a;
     -webkit-transition: all 0.6s ease;
     -moz-transition: all 0.6s ease;
     -o-transition: all 0.6s ease;
     transition: all 0.6s ease;
     text-decoration: none;
     }
    
    #pun-navlinks a {
      color: #82989a;
      -webkit-transition: all 0.6s ease;
      -moz-transition: all 0.6s ease;
      -o-transition: all 0.6s ease;
      transition: all 0.6s cubic-bezier(0.25, 0.1, 0.21, 1.28);
      text-decoration: none;
    }
    
    /* CS2.2 */
    .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,  #pun-ulinks a:focus, #pun-ulink  a:active {
      color: #909b9c; 
     -webkit-transition: all 0.6s ease;
      -moz-transition: all 0.6s ease;
      -o-transition: all 0.6s ease;
      transition: all 0.6s ease;
      text-decoration: none;
      }
    .punbb a:hover, #pun-navlinks a:hover, #pun-ulinks a:hover {
        color: #8b6469;
        text-decoration: none;
     -webkit-transition: all 0.6s ease;
      -moz-transition: all 0.6s ease;
      -o-transition: all 0.6s ease;
      transition: all 0.6s ease;
      text-decoration: none;
    }
    #pun-ulinks a {    font-size: 7px;    font-family: arial;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        margin-left: 2px;
        color: #a0aaab;
    }
    
    #pun-ulinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
      text-decoration: none;
      color: #936c71;
    }
    

    0


    Вы здесь » design test » love scenario » ghyfhfh


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