Современный облачный хостинг провайдер | Aéza
Контакты ООО "АЕЗА ГРУПП" ИНН 2312304914 ОГРН 1212300056430
BLOK Dark

BLOK Dark 2.2.6.0.0

Нет прав для скачивания
Обзор Обновления (8) История Обсуждение
Помогите, пожалуйста

XF\CssRenderException: Error rendering template public:blok.less: ParseError: missing opening `{` in public:blok.less on line 3817, column 1 (on or near line 3817) src/XF/CssRenderException.php:87

Трассировка стёка
Форматирование (BB-код): 
 3814 |
 3815 |
 3816 |     }
*3817*| }
 3818 |
 3819 | //BLOK art for bottom of page
 3820 |
------------

#0 src/XF/CssRenderer.php(408): XF\CssRenderException::createFromLessException(Object(Less_Exception_Chunk), 'public:blok.les...', '// Note that th...')
#1 src/XF/CssRenderer.php(342): XF\CssRenderer->renderToCss('public:blok.les...', '// Note that th...')
#2 src/XF/CssRenderer.php(250): XF\CssRenderer->renderTemplate('public:blok.les...', NULL)
#3 src/XF/CssRenderer.php(116): XF\CssRenderer->renderTemplates(Array, Array, Array)
#4 src/XF/CssWriter.php(53): XF\CssRenderer->render(Array)
#5 css.php(30): XF\CssWriter->run(Array, 5, 5, '10a2efac67ec6ba...')
#6 {main}

-------------

Previous Less_Exception_Chunk: ParseError: missing opening `{` in anonymous-file-21533.less on line 3817, column 1
3815|       
3816|     }
3817| }
3818|
3819| //BLOK art for bottom of page
3820|  - src/vendor/oyejorge/less.php/lib/Less/Parser.php:677
#0 src/vendor/oyejorge/less.php/lib/Less/Parser.php(621): Less_Parser->GetRules(NULL)
#1 src/vendor/oyejorge/less.php/lib/Less/Parser.php(449): Less_Parser->_parse()
#2 src/XF/CssRenderer.php(404): Less_Parser->parse('// Note that th...')
#3 src/XF/CssRenderer.php(342): XF\CssRenderer->renderToCss('public:blok.les...', '// Note that th...')
#4 src/XF/CssRenderer.php(250): XF\CssRenderer->renderTemplate('public:blok.les...', NULL)
#5 src/XF/CssRenderer.php(116): XF\CssRenderer->renderTemplates(Array, Array, Array)
#6 src/XF/CssWriter.php(53): XF\CssRenderer->render(Array)
#7 css.php(30): XF\CssWriter->run(Array, 5, 5, '10a2efac67ec6ba...')
#8 {main}

Содержимое запроса
Форматирование (BB-код): 
array(4) {
  ["url"] => string(187) "/css.php?css=public%3Anormalize.css%2Cpublic%3Acore.less%2Cpublic%3Aapp.less%2Cpublic%3Ablok.less%2Cpublic%3Ablok_dark.less&s=5&l=5&d=1640018979&k=10a2efac67ec6ba1242d2392939c6653e62eff40"
  ["referrer"] => string(36) "https://forum.arz-blade.ru/index.php"
  ["_GET"] => array(5) {
    ["css"] => string(92) "public:normalize.css,public:core.less,public:app.less,public:blok.less,public:blok_dark.less"
    ["s"] => string(1) "5"
    ["l"] => string(1) "5"
    ["d"] => string(10) "1640018979"
    ["k"] => string(40) "10a2efac67ec6ba1242d2392939c6653e62eff40"
  }
  ["_POST"] => array(0) {
  }
}

blok.less

Форматирование (BB-код): 
/**** Variables ****/
@blok-BgPattern1: "@xf-uix_imagePath/blok/graph-paper.svg";
@blok-BgPattern2: "@xf-uix_imagePath/blok/squares.svg";
@blok-BgPattern3: "@xf-uix_imagePath/blok/plus.svg";
@blok-BgPattern4: "@xf-uix_imagePath/blok/polka-dots.svg";

/**** GENERAL & MAIN FORUM PAGE STYLES ****/

.p-body {
    position: relative; //Required for background to span full height of page
    background-color: @xf-pageBg;
    /* This is a fallback solution for just the lined background */
    // //Horiz stripes
    // background: repeating-linear-gradient(
    //     0deg,
    //     rgba(255,255,255,0),
    //     rgba(255,255,255,0) 15px,
    //     @blok-lineBgColor 15px,
    //     @blok-lineBgColor 17px
    // ),
    // //Vert stripes
    // repeating-linear-gradient(
    //     90deg,
    //     rgba(255,255,255,0),
    //     rgba(255,255,255,0) 15px,
    //     @blok-lineBgColor 15px,
    //     @blok-lineBgColor 17px
    // ),
    // //Angled solid
    // linear-gradient(
    //     113deg,
    //     @xf-uix_secondaryColor 0%,
    //     @xf-uix_secondaryColor 0%,
    //     @xf-uix_secondaryColor 11%,
    //     rgba(255,255,255,0) 11%
    // );
    
    <xf:if is="property('blok_enableBackgroundShape')">
        background: linear-gradient(
            113deg,
            @xf-uix_secondaryColor 0%,
            @xf-uix_secondaryColor 0%,
            @xf-uix_secondaryColor 11%,
            rgba(255,255,255,0) 11%
        );
    </xf:if>

    &::before {
        content: "";
        width: 100%;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        <xf:if is="property('blok_backgroundChooser') == 'graphPaper'">
            background-color: @xf-blok_backgroundPatternColor;
            -webkit-mask-image: url(@blok-BgPattern1);
            mask-image: url(@blok-BgPattern1);
            -webkit-mask-size: 150px;
        <xf:elseif is="property('blok_backgroundChooser') == 'squares'" />
            background-color: @xf-blok_backgroundPatternColor;
            -webkit-mask-image: url(@blok-BgPattern2);
            mask-image: url(@blok-BgPattern2);
            -webkit-mask-size: 30px;
        <xf:elseif is="property('blok_backgroundChooser') == 'plus'" />
            background-color: @xf-blok_backgroundPatternColor;
            -webkit-mask-image: url(@blok-BgPattern3);
            mask-image: url(@blok-BgPattern3);
            -webkit-mask-size: 80px;
        <xf:elseif is="property('blok_backgroundChooser') == 'polkaDots'" />
            background-color: @xf-blok_backgroundPatternColor;
            -webkit-mask-image: url(@blok-BgPattern4);
            mask-image: url(@blok-BgPattern4);
            -webkit-mask-size: 30px;
        <xf:elseif is="property('blok_backgroundChooser') == 'none'" />
        </xf:if>
    }
}

//BLOK art for bottom of page
<xf:if is="property('blok_showBackgroundFlair')">
    .p-body__blokArt {
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        height: 500px;
        width: 100%;
        overflow: hidden;
        transition: opacity .5s;
        z-index: 0;

        //Square
        & .p-body__decoration1 {
            background-color: @xf-uix_secondaryColor;
            width: 140px;
            height: 140px;
            position: absolute;
            bottom: 18px;
            right: -30px;
        }

        //striped circle
        & .p-body__decoration2 {
            background: repeating-linear-gradient(
                0deg,
                rgba(255,255,255,0),
                rgba(255,255,255,0) 9px,
                @xf-textColor 9px,
                @xf-textColor 11px,
                rgba(255,255,255,0) 11px,
                rgba(255,255,255,0) 22px
            );
            border-radius:100%;
            width: 218px;
            height: 218px;
            position: absolute;
            bottom: 73px;
            right: -27px;
        }
    }

    //Fix for page header
    .p-body-header {
        z-index: 5;
    }


    //Body Flair Breakpoint
    @media (max-width: @xf-blok_hideFlairBreakpoint) {
        .p-body__blokArt {
            opacity: 0;
        }
    }
</xf:if>

/* Welcome Section */
<xf:if is="property('blok_showWelcomeFlair')">
    .uix_welcomeSection__blokArt {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        transition: opacity .5s;

        //Square
        & .uix_welcomeSection__decoration1 {
            background-color: @xf-uix_primaryColorDarker;
            width: 150px;
            height: 150px;
            position: absolute;
            bottom: 55px;
            right: -30px;
        }

        //Rotated Square
        & .uix_welcomeSection__decoration2 {
            background-color: @xf-uix_secondaryColor;
            width: 100px;
            height: 100px;
            position: absolute;
            bottom: -50px;
            right: 220px;
            transform: rotate(24deg);
        }

        //striped circle
        & .uix_welcomeSection__decoration3 {
            background: repeating-linear-gradient(
                0deg,
                rgba(255,255,255,0),
                rgba(255,255,255,0) 6px,
                @xf-textColor 6px,
                @xf-textColor 8px,
                rgba(255,255,255,0) 8px,
                rgba(255,255,255,0) 13px
            );
            border-radius: 100%;
            width: 131px;
            height: 131px;
            position: absolute;
            bottom: -36px;
            right: 40px;
        }
    }

    //Welcome Flair Breakpoint
    @media (max-width: @xf-blok_hideFlairBreakpoint) {
        .uix_welcomeSection__blokArt {
            opacity: 0;
        }
    }
</xf:if>

/* Navigation */
//account buttons override
.p-account .p-navgroup-link {
    border-radius: 0;
    text-transform: uppercase;
    justify-content: center;
    letter-spacing: 1px;
}

.p-navgroup--guest .p-navgroup-link--register {
    background-color: @xf-uix_primaryColor;
    min-width: 120px;
    height: 40px;
    font-weight: @xf-uix_headingFontWeight;
    transition: all @xf-animationSpeed @xf-uix_transition;

    &:hover {
        background-color: @xf-uix_primaryColorDarker;
    }
}

@media (max-width: @xf-responsiveWide) {
    .p-navgroup--guest .p-navgroup-link--register {
        min-width: 40px;
        margin-right: @xf-paddingSmall;
        border-radius: 0;
    }
}

.p-nav .p-navgroup--guest a.p-navgroup-link--register:not(.button) {
    color: @xf-textColor;
}

.p-nav-opposite .p-navgroup--guest a.p-navgroup-link--logIn {
    background-color: transparent;
    min-width: 120px;
    height: 40px;
}

@media (max-width: @xf-responsiveWide) {
    .p-nav-opposite .p-navgroup--guest a.p-navgroup-link--logIn {
        min-width: 40px;
        margin-right: @xf-paddingSmall;
    }

    .has-js .p-nav-opposite .p-navgroup-link {
        border-radius: 0;
    }
}

.p-nav-opposite a:not(.p-navgroup-link--register) {
    color: @xf-pageBg;
    opacity: .6;

    &:hover {
        color: @xf-pageBg;
        opacity: 1;
    }
}

//Fix for faint line on dropdown for selected nav item
.p-navSticky--primary.is-sticky .p-nav-list .p-navEl.is-selected .p-navEl-splitTrigger:before {
    border-left:0;
}

/* Nodes */
//Category Strip
.block--category .block-header .node-description {
    display: inline-block;
}

.uix_categoryTitle {
    margin-right: 10px;
}

//Node Stats & extra
.node-stats .pairs dd,
.uix_nodeExtra__rows a {
    font-family: @xf-fontFamilyUi;
    font-weight: @xf-uix_headingFontWeight;
    line-height: 1em;
}

.node-body > .node-stats > dl.pairs.pairs--rows {
    border-right: 0;
}

//node icons
<xf:if is="property('blok_useBlokIcons')">
    .node-icon {
        width: auto;
        & i {
            width: 38px !important;
            height: 34px !important;
            position: relative !important;
            background-image: none !important;
        }
    }

    .node--forum .node-icon i:before {
        content: ' ';
        display: block !important;
        width: 20px !important;
        height: 20px !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        color: transparent !important;
    }

    .node--forum.node--read .node-icon i:before {
        background-color: @xf-uix_secondaryColor;
    }

    .node--forum.node--unread .node-icon i:before {
        background-color: @xf-uix_primaryColor;
        color: transparent !important;
    }

    .node--forum .node-icon i:after {
        content: ' ' !important;
        display: block !important;
        background-color: @xf-textColor !important;
        -webkit-mask: url(@xf-uix_imagePath/blok/blok-message-icon.svg) no-repeat 50% 50% !important;
        mask: url(@xf-uix_imagePath/blok/blok-message-icon.svg) no-repeat 50% 50% !important;
        width: 30px !important;
        height: 26px !important;
        position: absolute !important;
        bottom: 0 !important;
        right: 0 !important;
    }

    .node--forum.node--read .node-icon i:after {
        opacity: 0.38 !important;
    }
</xf:if>

//Hide last poster avatar
.node-extra-icon {
    display: none;
}

/**** BLOK Node Category Styling ****/
<xf:if is="property('blok_enableNodeCategoryStyling')">
    .block.block--category {
        &:nth-child(odd) {
            .block-header { background-color: @xf-uix_primaryColor; }
        }
        &:nth-child(even) {
            .block-header { background-color: @xf-uix_primaryColorDarker; }
            .node--forum.node--unread .node-icon.blok-icon i:before {
                background-color: @xf-uix_primaryColorDarker;
            }
        }
    }
</xf:if>


/* Sidebar */
//Icon controls - p-body-sidebar--blok
<xf:if is="property('blok_useBlokIcons')">
    .p-body-sidebar .block[data-widget-definition="members_online"] .block-minorHeader:before {
        background-color: @xf-uix_secondaryColor;
        content: ' ';
        -webkit-mask: url(@xf-uix_imagePath/blok/blok-sidebar-user-icon.svg) no-repeat 0% 50%;
        mask: url(@xf-uix_imagePath/blok/blok-sidebar-user-icon.svg) no-repeat 0% 50%;
        width: 30px !important;
        height: 26px;
    }

    .p-body-sidebar .block[data-widget-definition="new_threads"] .block-minorHeader:before,
    .p-body-sidebar .block[data-widget-definition="new_profile_posts"] .block-minorHeader:before,
    .p-body-sidebar .block[data-widget-definition="new_posts"] .block-minorHeader:before,
    .p-body-sidebar .block[data-widget-definition="xfrm_new_resources"] .block-minorHeader:before {
        background-color: @xf-uix_secondaryColor;
        content: ' ';
        -webkit-mask: url(@xf-uix_imagePath/blok/blok-sidebar-post-icon.svg) no-repeat 0% 50%;
        mask: url(@xf-uix_imagePath/blok/blok-sidebar-post-icon.svg) no-repeat 0% 50%;
        width: 24px !important;
        height: 24px;
    }

    .p-body-sidebar .block[data-widget-definition="board_totals"] .block-minorHeader:before,
    .p-body-sidebar .block[data-widget-definition="online_statistics"] .block-minorHeader:before,
    .p-body-sidebar .block[data-widget-definition="forum_statistics"] .block-minorHeader:before,
    .p-body-sidebar form.block .block-minorHeader:before {
        background-color: @xf-uix_secondaryColor;
        content: ' ';
        -webkit-mask: url(@xf-uix_imagePath/blok/blok-sidebar-stats-icon.svg) no-repeat 0% 50%;
        mask: url(@xf-uix_imagePath/blok/blok-sidebar-stats-icon.svg) no-repeat 0% 50%;
        -webkit-mask-size: 24px;
        mask-size: 24px;
        width: 24px !important;
        height: 24px;
    }

    .p-body-sidebar .block[data-widget-definition="share_page"] .block-minorHeader:before {
        background-color: @xf-uix_secondaryColor;
        content: ' ';
        -webkit-mask: url(@xf-uix_imagePath/blok/blok-sidebar-share-icon.svg) no-repeat 0% 50%;
        mask: url(@xf-uix_imagePath/blok/blok-sidebar-share-icon.svg) no-repeat 0% 50%;
        width: 24px !important;
        height: 24px;
    }
</xf:if>

//Link Color Overrides
.p-body-sidebar .block a {
    color:@xf-textColor;
}

.p-body-sidebar div[data-widget-key="forum_overview_new_posts"].block .contentRow-main > a {
    font-family: @xf-uix_headingFont;
    font-weight: @xf-uix_headingFontWeight;
}

//Fixes for poll buttons
.p-body-sidebar form.block .button {
    margin: @xf-paddingSmall auto;
}

.p-body-sidebar form .block-footer:not(.block-footer--split) .block-footer-controls {
    text-align: center;
}

.p-body-sidebar form a.button {
    min-width: 120px;
}

/* Footer */
//Overrides the duplication of the gradient background
.p-footer-inner {
    background: transparent;
}

//Fix debug text being wrong color
.p-footer .pairs > dt {
    color: @xf-blockFooterTextColor;
}

//Hover states for footer
.p-footer-linkList > li a:hover {
    text-decoration: underline;
}

.uix_extendedFooter .uix_extendedFooterRow > .block .block-container a.blockLink:hover {
    box-shadow: inset 0 -5px 0 0 @xf-uix_primaryColor;
}

//Footer gradient breakpoint
@media (max-width: 1520px) {
    .p-footer {
        background: @xf-blockFooterBg;
    }
}

//Fix for share button in footer
.uix_extendedFooter div[data-widget-key="uix_footer_sharePage"] .block-body.blok-row {
    text-align: left;
    
    & .button.button--primary {
        color: @xf-blokFooterBg;
    }
}

/**** DISCUSSION LISTS ****/

//List item typography changes
.structItem-title,
.structItem-cell--meta .pairs--justified {
    font-family: @xf-fontFamilyUi;
    font-weight: @xf-uix_headingFontWeight;
}

//Remove vertical separators
.structItem .structItem-cell.structItem-cell--meta {
    border: 0;
}

//Pagination styling
.pageNav-page.pageNav-page--current {
    color: @xf-uix_primaryColor;
    box-shadow: 0 -2px @xf-uix_primaryColor inset;
}

.pageNav a {
    font-weight: @xf-uix_headingFontWeight;
    transition: all @xf-animationSpeed @xf-uix_transition;

    &:hover {
        background-color: @xf-uix_primaryColorDarker;
        color: @xf-textColor;
        box-shadow:none;
    }
}

//Fix next button on pagination
.pageNav-jump {
    display: inline-table;
}

//Breadcrumb
.p-breadcrumbs > li:after {
    content: '\25B6';
    font-size: 12px;
    line-height:12px;
}

//Filter bar
.block-filterBar {
    padding: @xf-paddingSmall;
}

/**** Buttons ****/
a.button:not(.button--iconOnly):not(.button--icon--write) > span.button-text:before,
a.button:not(.button--iconOnly) > i,
button.button:not(.button--iconOnly) > span.button-text:before {
    display: none !Important;
}

//Write button fix on mobile
@media (max-width: @xf-responsiveMedium) {
    a.button.button--icon--write {
        display: none !Important;
    }
}

/**** Tabs - Standalone ****/
.p-body-pageContent .tabs--standalone {
    margin-bottom: @xf-paddingLarge;
    background-color: @xf-contentBg;
    box-shadow: @xf-uix_elevation1;
    
    & .tabs-tab {
        padding: @xf-paddingMedium @xf-paddingMedium @xf-paddingMedium - 2;
        
        &:hover {
            background-color:@xf-uix_primaryColorDarker;
        }
    }
}

.p-body-pageContent > .tabs--standalone:first-child {
    margin-bottom: @xf-paddingLarge;
}

/**** Messages ****/
//Quick Reply
.block-container .js-quickReply .message {
    border-top: 5px solid @xf-uix_primaryColor;
}

/**** Filter Bar ****/
.filterBar-menuTrigger {
    border-radius: 0;
    color: @xf-textColor;
    &:hover {
        color: @xf-textColor;
    }
}

/* Misc Overrides */
//Scroll to top/bottom buttons
.button.button--scroll,
a.button.button--scroll {
    min-width: auto;
}

// Embed Media popup
.block-minorTabHeader .embedTabs-tab {
    color: @xf-textColor;
}
 
Последнее редактирование:
bingo-maen, сколько уже говорить, не лезьте в шаблоны, тем более там настройки есть
 
Skaiman написал(а):
bingo-maen, сколько уже говорить, не лезьте в шаблоны, тем более там настройки есть
Нажмите для раскрытия...
не лез, не знаю теперь как исправить эту ошибку

bingo-maen написал(а):
&::before { content: ""; width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; <xf:if is="property('blok_backgroundChooser') == 'graphPaper'"> background-color: @xf-blok_backgroundPatternColor; -webkit-mask-image: url(@blok-BgPattern1); mask-image: url(@blok-BgPattern1); -webkit-mask-size: 150px; <xf:elseif is="property('blok_backgroundChooser') == 'squares'" /> background-color: @xf-blok_backgroundPatternColor; -webkit-mask-image: url(@blok-BgPattern2); mask-image: url(@blok-BgPattern2); -webkit-mask-size: 30px; <xf:elseif is="property('blok_backgroundChooser') == 'plus'" /> background-color: @xf-blok_backgroundPatternColor; -webkit-mask-image: url(@blok-BgPattern3); mask-image: url(@blok-BgPattern3); -webkit-mask-size: 80px; <xf:elseif is="property('blok_backgroundChooser') == 'polkaDots'" /> background-color: @xf-blok_backgroundPatternColor; -webkit-mask-image: url(@blok-BgPattern4); mask-image: url(@blok-BgPattern4); -webkit-mask-size: 30px; <xf:elseif is="property('blok_backgroundChooser') == 'none'" /> </xf:if> } }
Нажмите для раскрытия...
Где-то тут ошибка..
 
Последнее редактирование модератором:
есть копирайт, он тут не прописан
 
Как сделать вместо черного фона, фото формата jpg?
1640163026606.png
 
Как добавить иконку на кнопку ? (как тут)
1640187925622.png
 
Через LESS. Конкретный код дать сложно, т.к. всё зависит от самой кнопки.
 
CrazyHackGUT написал(а):
Через LESS. Конкретный код дать сложно, т.к. всё зависит от самой кнопки.
Нажмите для раскрытия...
Получилось так, что стоял параметр display: none !Important; по этому иконки не отображались. Спасибо за помощь
 
День добрый. Ребят, подскажите пожалуйста почему при установке стиля, некоторые иконки пропадают?
Ставил стиль на тестовом домене, всё норм, а на рабочем вот такая беда....
1642335209205.png
 
Войдите или зарегистрируйтесь для ответа.
Современный облачный хостинг провайдер | Aéza
Контакты
ООО "АЕЗА ГРУПП" ИНН 2312304914 ОГРН 1212300056430 г. Краснодар, ул. Маяковского 160, офис 2.4

Похожие темы

DEVIL
BLOK
2
Ответы
25
Просмотры
5K
Asus43
Asus43
DEVIL
SMX-FREE #2 (Dark)
Ответы
3
Просмотры
999
Artyr1980
Artyr1980
DEVIL
Exclusive Dark
10 11 12 13 14 15 16
Ответы
303
Просмотры
26K
Benjamin Willson
B
DEVIL
UI.X Dark Pro
2 3 4 5 6
Ответы
103
Просмотры
12K
Persona Persona
Persona Persona
DEVIL
Thankful
Ответы
12
Просмотры
2K
mefodij666
M
Назад
Сверху Снизу