XF 1.5 uix.css скиньте содержимое

Raynar

Проверенные
Сообщения
273
Реакции
180
Баллы
3,345
Прошу скинуть содержимое uix.css нечаянно удалил.
 
Код:
<xen:comment>
/****************************************************
********** SET VARIABLES **********
*****************************************************/
</xen:comment>

<xen:set var="$headerTabHeight_outer">{xen:calc '@headerTabHeight + @navTabs.border-top-width + @navTabs.border-bottom-width + @navTabs.padding-top + @navTabs.padding-bottom'}</xen:set>
<xen:set var="$uix_fixedNavigationHeight_outer">{xen:calc '@uix_fixedNavigationHeight + @uix_fixedNavigation_style.border-top-width + @uix_fixedNavigation_style.border-bottom-width + @uix_fixedNavigation_style.padding-top + @uix_fixedNavigation_style.padding-bottom'}</xen:set>

<xen:set var="$uix_tabLinksHeight_outer">{xen:calc '@uix_tabLinksHeight + @uix_tabLinks_style.padding-top + @uix_tabLinks_style.padding-bottom + @uix_tabLinks_style.border-bottom-width + @uix_tabLinks_style.border-top-width'}</xen:set>
<xen:set var="$uix_tabLinksHeightSticky_outer">{xen:calc '@uix_tabLinksHeightSticky + @uix_tabLinksSticky_style.padding-top + @uix_tabLinksSticky_style.padding-bottom + @uix_tabLinksSticky_style.border-bottom-width + @uix_tabLinksSticky_style.border-top-width'}</xen:set>

<xen:if is="@uix_pageStyle != 1">
    <xen:set var="$headerWhiteSpace">@uix_headerWhiteSpace</xen:set>   
<xen:else />
    <xen:set var="$headerWhiteSpace">0</xen:set>   
</xen:if>

   
<xen:if is="@uix_pageStyle == 2">


    /*** UIX -- PAGE STYLES -- WRAPPED ***/

    #uix_wrapper {       
        @property "uix_pageStyle2_style";
        background-color: @primaryLightest;
        border: 1px solid @uix_primaryBorder.border-color;
        border-radius: @uix_globalLargeBorderRadius;
        margin-top: 32px;
        margin-bottom: 32px;
        @property "/uix_pageStyle2_style";
       
        padding-top: @pageWidth.padding-right;
        padding-top: @pageWidth.padding-right;   
    }
   
    #uix_wrapper .pageWidth { max-width: none; }
   
    html.is-setWidth #uix_wrapper .sticky_wrapper .pageWidth { max-width: @uix_pageWidth; }
    html.is-setWidth #uix_wrapper .activeSticky .pageWidth { max-width: @uix_pageWidth; }

    html.is-fullWidth #uix_wrapper .sticky_wrapper .pageWidth { max-width: 100%; }
    html.is-fullWidth #uix_wrapper .activeSticky .pageWidth { max-width: 100%; }

   
</xen:if>

<xen:if is="@uix_widthToggle">

    /*** UIX -- PAGE WIDTH ***/
   
    .pageWidth {
        -o-transition: max-width .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
        -moz-transition: max-width .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
        -webkit-transition: max-width .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
        transition: max-width .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    }
   
    html.is-fullWidth .pageWidth { max-width: 100%; }
       
    html.is-setWidth .pageWidth { max-width: @uix_pageWidth; }
   
    html.is-fullWidth .Menu.uix_megaMenu { max-width: 100%; }
       
    html.is-setWidth .Menu.uix_megaMenu { max-width: @uix_pageWidth; }   
   
    <xen:if is="@uix_pageWidth > 100">
        <xen:set var="$setWidthToggleBreakpoint" value="{xen:calc '@uix_pageWidth + @pageWidth.padding-left + @pageWidth.padding-right'}px"/>
    <xen:else />
        <xen:set var="$setWidthToggleBreakpoint" value="@maxResponsiveWideWidth"/>
    </xen:if>
   
    <xen:comment> -- KC, now using JS for element query
    @media (max-width: {$setWidthToggleBreakpoint}) {
        html.is-setWidth .chooser_widthToggle { display: none !important; }
    }
   
    @media (max-width: @maxResponsiveWideWidth) {
        html.is-fullWidth .chooser_widthToggle { display: none !important; }
    }
    </xen:comment>   

</xen:if>

.dataTable tr.dataRow th,
.discussionListFilters .removeFilter,
.discussionListFilters .removeAllFilters,
.AttachmentEditor .AttachedFile .ProgressMeter .ProgressGraphic,
.inlineCtrlGroup,
.PrefixMenu .PrefixGroup h3 { background-image: none; }

.MultiQuoteItem {border-bottom: 1px solid @secondaryMedium;}

.MultiQuoteItem .messageInfo {
    background: @secondaryLighter;
}

.MultiQuoteItem .avatarHolder {
    border-right: 1px solid @secondaryMedium;
}

.importantMessage {
    background: @secondaryLightest;
    border: 2px solid @secondaryDark;
    color: @secondaryDark;
    font-weight: bold;
    padding: @uix_gutterWidth;
    margin: @uix_gutterWidth 0;
}

.prefix.prefixPrimary {border-color: @uix_primaryBorder.border-color;}

.userBanner.bannerStaff {background: @uix_tertiaryColor; color: #FFF; border-color: transparent;}

.userBanner.bannerStaff.wrapped span {background: rgba(0,0,0,.7);}

.userBanner.wrapped span {top: -5px;}

.conversation_view .message:first-child,
.messageList .message:first-child,
.thread_view .pageNavLinkGroup + .section {margin-top: 0;}

.avatarHeap ol {margin: -4px;text-align: center;}

.avatarHeap li {float: none; display: inline-block; margin: 4px;}

.LikeText a {
    font-weight: bold;
    color: inherit;
}

<xen:include template="uix_advertisements.css" />

<xen:if is="@uix_offCanvasSidebarLeft > 0 || @uix_offCanvasSidebarRight > 0"><xen:include template="uix_offCanvasSidebar.css" /></xen:if>


<xen:comment>
/****************************************************
********** BORDER RADIUS STUFF **********
*****************************************************/
</xen:comment>

#navigation .pageContent {
    border-radius: @navTabs.border-radius;
}

<xen:include template="uix_borderRadius.css" />



<xen:comment>
/****************************************************
********** ICON STUFF **********
*****************************************************/
</xen:comment>

<xen:include template="uix_icons.css" />

.navTabs .navTab .navLink > .uix_icon {
    float: left;
    margin-right: .4em;
    font-size: @uix_navTabIconSize;
}

.navTabs .navTab.navTab--justIcon .navLink > .uix_icon { margin-right: 0; }


<xen:comment>
/****************************************************
********** GENERAL STUFF **********
*****************************************************/
</xen:comment>

.clear { clear:both; }
.clear_left { clear:left; }
.clear_right { clear:right; }
.float_left { float: left; }
.float_right { float: right; }
.uix_hide {display: none !important;}

.u-largeGutter {
    padding-left: @uix_gutterWidth !important;
    padding-right: @uix_gutterWidth !important;
}

.u-smallGutter {
    padding-left: @uix_gutterWidthSmall !important;
    padding-right: @uix_gutterWidthSmall !important;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

a label {
    cursor: pointer;
}
::selection
{
    @property "uix_selection";
    color: #FFF;
    background-color: @uix_secondaryColor;
    @property "/uix_selection";
}   
body::-webkit-selection
{
    @property "uix_selection";
    color: #FFF;
    background-color: @uix_secondaryColor;
    @property "/uix_selection";
}   
body::-moz-selection
{
    @property "uix_selection";
    color: #FFF;
    background-color: @uix_secondaryColor;
    @property "/uix_selection";
}   
.errorPanel
{
    @property "uix_errorStyle";
    color: rgba(0,0,0,.8);
    background-color: #FF9494;
    border-color: rgba(0,0,0,.2);
    @property "/uix_errorStyle";
}

<xen:if is="@uix_enableBackstretch">body {background: none;}</xen:if>

/*** UIX -- HEADER LAYOUT STUFF ***/

.header__blockItem {
    margin-top: {$headerWhiteSpace};
    margin-bottom: {$headerWhiteSpace};
}

.header__blockItem:last-of-type { margin-bottom: 0; }

<xen:if is="@uix_pageStyle == 0 && (@uix_headerWhiteSpace > 0)">

    @media (max-width: @maxResponsiveWideWidth) and (min-width: {xen:calc '@maxResponsiveNarrowWidth + 1'}px) {   
   
        .header__blockItem:first-child { margin-top: @pageWidthResponsiveWide.margin-left; }
    }
   
</xen:if>

<xen:if is="@uix_pageStyle == 2">

    .header__blockItem:first-child { margin-top: 0; }
   
    <xen:if is="@uix_navStyle == 3 && !@uix_userBarLocation == 0">
   
        .header__blockItem#navigation { margin-top: 0; }
       
    </xen:if>

</xen:if>

@media (max-width: @maxResponsiveNarrowWidth) {
   
    .Responsive .header__blockItem { margin: 0; }
}

<xen:if is="( @uix_detachedNavigation || @uix_removeContentWrapper )">

    #content { margin-top: @uix_gutterWidth; }
   
</xen:if>



<xen:comment>
/********************************************
************ NAVIGATION STUFF ************
********************************************/
</xen:comment>


<xen:comment> EDGE CASE FIX -- "EMPTY" VISITOR TABS BREAK RESPONSIVE NAVIGATION FUNCTION </xen:comment>

#navigation .visitorTabs {
    min-width: 1px;
}

<xen:if is="@uix_pageStyle == 1">{xen:helper clearfix, '#navigation.withSearch .navTabs .pageWidth'}</xen:if>


#AccountMenu {width: 288px;}
ul.col1.blockLinksList, ul.col2.blockLinksList  {width: 50%;}
#AccountMenu .menuColumns a, #AccountMenu .menuColumns label {width: auto;}

.navTabs .navLink .itemCount.Zero {
    display: none !important;
}

.xenForm .checkboxColumns.blockLinksList > dd > ul li,
ul.checkboxColumns.blockLinksList li {
    box-sizing: border-box;
}

.Menu.uix_megaMenu {
    max-width: @uix_pageWidth;
    width: 100%;
    left: 0 !important;
    right: 0;
    margin: 0 auto;
    box-sizing: border-box;
    @property "uix_megaMenu_style";
    margin-top: @menu.margin-top;
    @property "/uix_megaMenu_style";
}

#headerMover #header {
    position: static;
    width: auto;
}

#headerMover #headerProxy {
    display: none;
    height: 0;
}
   
<xen:if is="@uix_pageStyle != 1 && @navTabs.border-width">

    html:not(.activeSmallLogo) .navTabs ul.left .navTab:first-child .navLink
    {
        border-left-width: 0;
    }
    .navTabs ul.right .navTab:last-child .navLink
    {
        border-right-width: 0; <xen:comment> MAY DEPEND ON WHETHER SEARCH IS IN NAVIGATION </xen:comment>
    }

</xen:if>




<xen:comment> NAVLINKS </xen:comment>

.navTabs .navTab.PopupClosed .navLink { color: @navLink.color; }

    <xen:comment> HOVER STATE </xen:comment>

    .navTabs .navTab:hover,
    .navTabs .navTab.PopupClosed:hover {
        @property "uix_navLinkHover";
        color: #FFF;
        background-color: @popupControlClosedHover.background-color;
        @property "/uix_navLinkHover";
    }
   
    .navTabs .navTab:hover .navLink,
    .navTabs .navTab.PopupClosed:hover .navLink,
    .navTabs .navTab.PopupClosed:hover .SplitCtrl { color: inherit; }



    <xen:comment> OPEN STATE </xen:comment>

    .navTabs .navTab.Popup.PopupOpen,
    .navTabs .navTab.selected.PopupOpen .navLink {
        @property "uix_navTabOpen";
        color: @popupControl.color;
        background-color: @popupControl.background-color;
        border-color: transparent;
        @property "/uix_navTabOpen";
    }
   
    .navTabs .navTab.Popup.PopupOpen .navLink,
    .navTabs .navTab.Popup.PopupOpen .SplitCtrl { color: inherit; }


    <xen:comment> SELECTED TAB </xen:comment>
   
    .navTabs .navTab.selected .navLink,
    .navTabs .navTab.PopupClosed.selected .navLink,
    .navTabs .navTab.PopupClosed.selected .SplitCtrl { color: @navTabSelected.color; }
   
    .hasTabLinks #navigation .navTabs .navTab.selected .navLink { border-bottom-color: @navTabSelected.background-color; }

    .navTabs .moderatorTabs .uix_icon { opacity: 0.5; }
   
<xen:comment> NAVIGATION POPUP CONTROLS </xen:comment>
<xen:if is="@uix_navDropdownArrows">
    .navTabs .SplitCtrl {
        font-family: FontAwesome !important;
        font-weight: normal !important;
        font-style: normal !important;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transform: translate(0, 0);
       
        font-size: @uix_dropdownFontSize;
       
        margin-left: -{xen:calc '@navLink.padding-right + @uix_dropdownFontSize'}px;
    }
   
    .navTabs .SplitCtrl,
    #userBar .navTabs .SplitCtrl {
        width: 1em;
        border: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-right: 0 !important;
        background: none !important;
    }
   
    #userBar .navTabs .SplitCtrl {
        margin-left: -{xen:calc '@uix_userBarLink.padding-right + @uix_dropdownFontSize'}px;   
    }
   
    .navTabs .SplitCtrl:hover { text-decoration: none; }
   
    .navTabs .SplitCtrl:before {
        content: "\f0d7";
        display: block;
    }
   
    .navTabs .navTab.Popup .navLink:not(.NoPopupGadget) {
        padding-right: calc( .2em + {xen:calc '@navLink.padding-right + @uix_dropdownFontSize'}px );
    }
   
    #userBar .navTabs .navTab.Popup .navLink:not(.NoPopupGadget) {
        padding-right: calc( .2em + {xen:calc '@uix_userBarLink.padding-right + @uix_dropdownFontSize'}px );
    }
   
    <xen:comment> OPEN STATE </xen:comment>
   
    .navTabs .navTab.Popup.PopupOpen .SplitCtrl:before { content: "\f0d8"; }

    <xen:if is="!@uix_removeTabLinks">
   
        .navTabs .navTab.selected .SplitCtrl { display: none; }
       
    </xen:if>
   
   
<xen:comment> NO NAVIGATION POPUP CONTROLS </xen:comment>
<xen:else />

    .navTabs .SplitCtrl { display: none; }
   
</xen:if>



<xen:if is="@uix_removeTabLinks">

    #navigation .pageContent { height: {$headerTabHeight_outer}px; }
   
    .navTabs .navTab.selected .navLink { position: static; }
   
<xen:else />

    .navTabs .publicTabs .navTab.selected.Popup .navLink { padding-right: @navLink.padding-right; }

    #navigation.inactiveSticky.uix_noTabLinks .pageContent { height: {$headerTabHeight_outer}px; }

    #navigation .pageContent { height: {xen:calc '{$headerTabHeight_outer} + {$uix_tabLinksHeight_outer}'}px; }

    #navigation .navTabs {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
   
    .navTabs .navTab.selected .tabLinks {
        top: {$headerTabHeight_outer}px;
        @property "uix_tabLinks_style";
        padding-top: 0;
        padding-bottom: 0;
        border-style: none;
        box-sizing: border-box;
/* don't add vertical paddings */
        @property "/uix_tabLinks_style";
       
        height: {$uix_tabLinksHeight_outer}px;
        line-height: @uix_tabLinksHeight;
    }

    .navTabs .navTab.selected .tabLinks li {
        padding-top: 0;
        max-height: @uix_tabLinksHeight;
        box-sizing: border-box;
    }
       
</xen:if>

<xen:comment>Fix for ajax request update</xen:comment>

.navTabs .navTab.account .itemCount,
.navTabs .navTab.inbox .itemCount,
.navTabs .navTab.alerts .itemCount {
    @property "alertBalloon";
    font-weight: bold;
    font-size: 9px;
    color: white;
    background-color: #e74c3c;
    padding: 0 2px;
    border-radius: 2px;
    position: absolute;
    right: 2px;
    top: -12px;
    line-height: 16px;
    min-width: 16px;
    _width: 16px;
    text-align: center;
    text-shadow: none;
    white-space: nowrap;
    word-wrap: normal;
    box-sizing: border-box;
    height: 16px;
    @property "/alertBalloon";
}

.Menu.uix_adminMenu .blockLinksList .itemCount.alert,
#userBar .navTabs .navTab.account .itemCount,
#userBar .navTabs .navTab.inbox .itemCount,
#userBar .navTabs .navTab.alerts .itemCount
{
    @property "uix_moderatorTabsAlert";
    color: #FFF;
    background-color: @alertBalloon.background-color;
    @property "/uix_moderatorTabsAlert";
}

<xen:if is="@uix_inlineAlertBalloon_navigation">
    #navigation .navTabs .navLink {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
   
    #navigation .navTabs .navLink .itemCount {
        @property "uix_inlineAlertBalloon_style";
        margin-left: 6px;
        display: inline-block;
        vertical-align: top;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        @property "/uix_inlineAlertBalloon_style";
    }
    #navigation .navTabs .navLink .itemCount .arrow
    {
        display: none;
    }
</xen:if>




<xen:comment>
/****************************************************************************************************/
/********** WELCOME BLOCK **********/
/****************************************************************************************************/
</xen:comment>

<xen:edithint template="uix_welcomeBlock.css" />






/********************************
POPUP ICON SWAP
********************************/

@media (max-width: @maxResponsiveNarrowWidth) {
    .Responsive .navigationSideBar .heading span:before {
        content: '\f0d7';
        font-family: 'FontAwesome';
    }
}

.Popup .arrowWidget:before {
    content: '\f0d7';
    font-family: 'FontAwesome';
}
.Popup .PopupOpen .arrowWidget:before {
    content: '\f0d8';
    font-family: 'FontAwesome';
}

.messageSimple { border-bottom: 1px solid @uix_primaryBorder.border-color; }

.messageSimpleList .placeholder .placeholderContent {background-image: none;}

<xen:include template="uix_account.css" />


.navigationSideBar {font-size: @sidebar.font-size;}
.navigationSideBar a:hover {
    background-image: none;
    color: @uix_primaryColor;
}
.navigationSideBar > ul {
    border: solid 1px @uix_primaryBorder.border-color;
    border-width: 0 0 1px 1px;
    margin-bottom: 10px;
    background-color: @primaryContent.background-color;
}
.navigationSideBar > ul,
.navigationSideBar > ul > li.section:last-child > ul > li:last-child,
.navigationSideBar > ul > li.section:last-child > ul > li:last-child a {border-bottom-left-radius: @uix_globalLargeBorderRadius;}

.navigationSideBar > ul.menuVisible,
.navigationSideBar > ul.menuVisible > li.section:last-child > ul > li:last-child,
.navigationSideBar > ul.menuVisible > li.section:last-child > ul > li:last-child a {border-radius: 0 0 @uix_globalLargeBorderRadius @uix_globalLargeBorderRadius;}


<xen:comment>
/********************************
START SEARCH
********************************/
</xen:comment>

<xen:include template="uix_search.css" />


<xen:if is="@uix_privateTabCondense">
#VisitorExtraMenu_Counter {display: inline-block !important;}
#VisitorExtraMenu_Counter.Zero {display: none !important;}
</xen:if>

.pollBlock .question .questionText {color: @contentText;}
.pollResult .barContainer {border-color: @uix_tertiaryColor; border-radius: @uix_globalBorderRadius;}
.pollResult .bar {background: @uix_tertiaryColor;}

.eventList li,
html .searchResult {border-bottom: 1px solid @uix_primaryBorder.border-color;}

<xen:if is="@uix_moveTopCtrl">
.topCtrl--inContent {margin-left: @uix_gutterWidthSmall;}
</xen:if>


<xen:comment>
/****************************************************************************************************/
/********** CONTENT LAYOUT **********/
/****************************************************************************************************/
</xen:comment>

{xen:helper clearfix, ".uix_contentFix"}


.uix_mainSidebar {
    -moz-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.mainContainer .mainContent > *:first-child,
.mainContainer_noSidebar > *:first-child
{
    margin-top: 0;   
}

.mainContainer .mainContent > *:last-child,
.mainContainer_noSidebar > *:last-child
{
    margin-bottom: 0;
}


<xen:if is="@uix_removeContentWrapper"> <xen:comment> CONTENT WRAPPER IS REMOVED </xen:comment>

    {xen:helper clearfix, ".mainContainer_noSidebar"}
    {xen:helper clearfix, ".mainContainer .mainContent"}
   
    #content .pageContent:after { content: none; }

    #content .pageContent {
        background-color: transparent;
        padding: 0;
        margin: 0;
        margin-bottom: 1px; <xen:comment> .footer .pageContent border-radius function fix (who added this? --mc)</xen:comment>
        border: none;
        box-shadow: none;
        background-image: none;
    }
   
    .Responsive #content .pageContent {
        padding-left: 0;
        padding-right: 0;
    }

    <xen:if is="@uix_pageStyle != 2">
        .mainContainer .mainContent,
        .mainContainer_noSidebar {
            @property "content";
            background-color: @contentBackground;
            padding: @uix_gutterWidth;
            border-radius: @uix_primaryBorder.border-radius;
            box-shadow: 1px 2px 5px rgba(0,0,0,.1);
            @property "/content";
        }
       
        @media (max-width: @maxResponsiveWideWidth) {
            .mainContainer .mainContent,
            .mainContainer_noSidebar
            {
                padding-left: {xen:calc '@content.padding-left / 2'}px;
                padding-right: {xen:calc '@content.padding-right / 2'}px;
            }
        }
   
    </xen:if>
   
<xen:else /> <xen:comment> CONTENT WRAPPER IS PRESENT </xen:comment>

        #content .pageContent > *:first-child
        {
            margin-top: 0;   
        }
        #content .pageContent > *:last-child
        {
            margin-bottom: 0;   
        }
                           
</xen:if>

<xen:include template="uix_overlay.css" />

<xen:include template="uix_userBar.css" />

<xen:comment>
/****************************************************************************************************/
/********** STICKY STUFF **********/
/****************************************************************************************************/
</xen:comment>


.uix_mainSidebar.sticky .inner_wrapper {
    -moz-transition: top 0.2s;
    -o-transition: top 0.2s;
    -webkit-transition: top 0.2s;
    transition: top 0.2s;
}


<xen:comment> XENFORO ASSIGNS Z-INDEX VALUE OF 52 TO #searchBar </xen:comment>

#navigation,
#userBar {
    position: relative;
}

#navigation.withSearch,
#userBar.withSearch {
    z-index: 52;
}

<xen:comment>Controls flash of unstyled content before js can properly format links from addons -- KC</xen:comment>
#userBar .moderatorTabs > a {
    visibility: hidden;
}



<xen:if is="@uix_stickyNavigation || @uix_stickyUserBar">

    .sticky_wrapper {
        position: relative;
       
        transform: translate3d(0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
       
        <xen:if is="@uix_stickyGlobalScrollUp">
            -moz-transition: -moz-transform .2s cubic-bezier(0.22, 0.61, 0.36, 1);
            -o-transition: -o-transform .2s cubic-bezier(0.22, 0.61, 0.36, 1);
            -o-transition: transform .2s cubic-bezier(0.22, 0.61, 0.36, 1);
           
            -webkit-transition: -webkit-transform .2s cubic-bezier(0.22, 0.61, 0.36, 1);
            transition: -webkit-transform .2s cubic-bezier(0.22, 0.61, 0.36, 1);
            transition: transform .2s cubic-bezier(0.22, 0.61, 0.36, 1);
        </xen:if>
    }
   
    .activeSticky .sticky_wrapper {
        position: fixed;
        left: 0;
        right: 0;
    }
   
    <xen:comment> Z-INDEXING ON STICKY WRAPPER </xen:comment>
   
    #navigation.activeSticky,
    #userBar.activeSticky,
    .activeSticky .sticky_wrapper { z-index: 250; }
   
    <xen:comment> ORDER MATTERS HERE, .lastSticky TAKES PRECEDENCE OVER .withSearch </xen:comment>
   
    #navigation.activeSticky.withSearch,
    #userBar.activeSticky.withSearch,
    .activeSticky.withSearch .sticky_wrapper { z-index: 260; }
   
        #navigation.activeSticky.lastSticky,
        #userBar.activeSticky.lastSticky,
        .activeSticky.lastSticky .sticky_wrapper { z-index: 240; }

    /* style last sticky element with a box-shadow body.scrollNotTouchingTop*/
    .activeSticky.lastSticky .pageContent {
        box-shadow: 0 2px rgba(0,0,0,.1);
    }
   
    .activeSticky .navTabs .navLink .itemCount
    {
        @property "uix_inlineAlertBalloon_style";
        margin-left: 6px;
        display: inline-block;
        vertical-align: top;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        @property "/uix_inlineAlertBalloon_style";
    }
    .activeSticky .navTabs .navLink .itemCount .arrow
    {
        display: none;
    }
   
    <xen:comment> /************* STICKY NAVIGATION ***************/ </xen:comment>
   
    #navigation.activeSticky .navTabs .navLink,
    #navigation.activeSticky .navTabs .SplitCtrl {
        height: @uix_fixedNavigationHeight;
        line-height: @uix_fixedNavigationHeight;
    }
   
    #navigation.activeSticky .navTabs {
        height: @uix_fixedNavigationHeight;
   
        @property "uix_fixedNavigation_style";
        background: rgba(54, 62, 64, .95);
        padding-top: 10px;
        border-top-width: @navTabs.border-top-width;
        border-bottom-width: @navTabs.border-bottom-width;
        border-radius: 0;
        @property "/uix_fixedNavigation_style";
    }
   
    <xen:comment> /************* STICKY TABLINKS ***************/ </xen:comment>
   
   
    .activeSticky .navTabs .navTab.selected .tabLinks {
        @property "uix_tabLinksSticky_style";
        background: rgba(54, 62, 64, .95);
        padding-top: 0;
        padding-bottom: 10px;
        margin-top: 0;
        border-top-width: @uix_tabLinks_style.border-bottom-width;
        border-bottom-width: @uix_tabLinks_style.border-bottom-width;
        @property "/uix_tabLinksSticky_style";
   
        height: {$uix_tabLinksHeightSticky_outer}px;
        line-height: @uix_tabLinksHeightSticky;
        top: {$uix_fixedNavigationHeight_outer}px;
        border-radius: 0;
    }
   
    .activeSticky .navTabs .navTab.selected .tabLinks li { max-height: @uix_tabLinksHeightSticky; }
   
   
    <xen:if is="@uix_removeTabLinksSticky">
        .activeSticky.uix_hideSubElement .navTabs .navTab.selected .tabLinks { display: none !important; }
    </xen:if>

    #navigation.activeSticky .pageContent {
        <xen:if is="@uix_removeTabLinks">
            height: {$uix_fixedNavigationHeight_outer}px;
        <xen:else />
            <xen:if is="@uix_removeTabLinksSticky">
                height: {$uix_fixedNavigationHeight_outer}px;
            <xen:else />
                height: {xen:calc '{$uix_fixedNavigationHeight_outer} + {$uix_tabLinksHeightSticky_outer}' }px;
            </xen:if>
        </xen:if>
    }
   
    <xen:comment> /********** STICKY USER BAR **********/ </xen:comment>
   
    #userBar.activeSticky .navTabs .navLink,
    #userBar.activeSticky .navTabs .SplitCtrl {
        height: @uix_fixedUserBarHeight;
        line-height: @uix_fixedUserBarHeight;
    }
   
    #userBar.activeSticky .navTabs {
        height: @uix_fixedUserBarHeight;
       
        @property "uix_fixedUserBar_style";
        background-color: @secondaryDarker;
        padding-top: @uix_userBar_style.padding-top;
        padding-bottom: @uix_userBar_style.padding-bottom;
        border-top-width: @uix_userBar_style.border-top-width;
        border-bottom-width: @uix_userBar_style.border-bottom-width;
        border-radius: 0;
        @property "/uix_fixedUserBar_style";
    }
   
</xen:if>

<xen:comment>/********** END STICKY STUFF **********/</xen:comment>



<xen:if is="@uix_hideAccountUsername">

    <xen:if is="@uix_hideAccountUsername != '100%'">
        @media (max-width: @uix_hideAccountUsername) {
            .navTabs .navTab.account .navLink .accountUsername {margin-left: 0; display: none !important;}
        }
    <xen:else />
        .navTabs .navTab.account .navLink .accountUsername {margin-left: 0; display: none !important;}
    </xen:if>
       
</xen:if>

.navTabs .navTab.account .avatar {
    float: left;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
   
.navTabs .navTab.account .avatar img {
    display: block;
    width: 20px;
    height: 20px;
    border: none;
    box-shadow: none;
}
   
.navTabs .navTab.account .navLink .accountUsername {
    display: inline-block;
    vertical-align: top;
    text-transform: none;
    margin-left: .4em;
}

.navTabs .navTab.account .navLink {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.PageNav .scrollable {width: {xen:calc '(@pageNavLinkWidth * 5) +  (@pageNavLinkSpacing * 4)'}px;}


<xen:comment> These rules have been inserted into the selectors' respective style properties.
.PageNav,
.pageNavLinkGroup { line-height: @uix_pageNav_height; }
</xen:comment>

.PageNav .scrollable { height: @uix_pageNav_height; }

<xen:set var="$uix_pageNavItemLineHeight">{xen:calc '@uix_pageNav_height - @pageNavItem.border-top-width - @pageNavItem.border-bottom-width - @pageNavItem.padding-top - @pageNavItem.padding-bottom'}</xen:set>

.PageNav a {
    max-height: @uix_pageNav_height;
    line-height: {xen:if '{$uix_pageNavItemLineHeight} > 0', '{$uix_pageNavItemLineHeight}px', '0'};
}

.PageNav a.text {
    padding-top: @pageNavItem.padding-top;
    padding-bottom: @pageNavItem.padding-bottom;
}

a.PageNavPrev,
a.PageNavNext {
    padding: 0;
    line-height: @uix_pageNav_height;
}

.PageNav .pageNavHeader,
.PageNav a,
.PageNav .scrollable
{
    margin-bottom: @pageNavLinkSpacing;
}
.textWithCount.subHeading .text
{
    color: @subHeading.color;
}
.button.spinBoxButton
{
    margin-left: 5px;
    min-width: @uix_formElementHeight;
}

.textCtrlWrap
{
    height: auto;
    text-indent: 0;
}
.textCtrl .prefix,
.textCtrl .Popup
{
    height: @uix_formElementHeight;
    line-height: @uix_formElementHeight;
}
.textCtrlWrap input.textCtrl,
.textCtrlWrap input.textCtrl:focus,
.textCtrlWrap input.textCtrl.Focus {box-shadow: none !important;}

.xenForm fieldset + .ctrlUnit,
.xenForm .formGroup + .ctrlUnit,
.xenForm .submitUnit
{
    border-top: none;
}
.xenForm fieldset,
.xenForm .formGroup,
.dataTable tr.dataRow td
{
    border-color: @uix_primaryBorder.border-color;
}
.larger.textHeading,
.xenForm .sectionHeader,
.larger.textHeading a,
.xenForm .sectionHeader a {color: @contentText; }

.formPopup .controlsWrapper,
.thread_view .threadAlerts {background-image: none;}
.thread_view .threadAlerts {
    border: 1px solid @secondaryMedium;
    border-radius: @uix_globalBorderRadius;
    background-image: none;
    background-color: @secondaryLight;
}
.thread_view .threadAlerts dt {color: @secondaryDark;}

<xen:include template="uix_socialMedia.css" />

<xen:include template="uix_logo.css" />

.avatarScaler img,
.xenOverlay .formOverlay .avatar img,
.xenOverlay .formOverlay .avatar .img,
.xenOverlay .formOverlay .avatarCropper
{
    background-color: @avatar.background-color;
}
body .AvatarEditor .avatarOption
{
    background: @secondaryLighter;
    border-color: @secondaryLight;
}

.xenOverlay .section.messageSimpleList .messageContent {padding-right: 42px;}


<xen:if is="@uix_avatarShape != 1">
    .avatar img,
    .avatar .img,
    .avatarCropper
    {
    <xen:if is="@uix_avatarShape == 0">        <xen:comment>      Circle    </xen:comment>
        border-radius: 100%;
    <xen:elseif is="@uix_avatarShape == 2" />    <xen:comment>      Diamond    </xen:comment>
        -webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
        clip-path: url(#diamond);
    <xen:elseif is="@uix_avatarShape == 3" />    <xen:comment>      Pentagon    </xen:comment>
        -webkit-clip-path: polygon(50% 0, 100% 38%, 80% 100%, 20% 100%, 0 38%);
        clip-path: url(#pentagon);
    <xen:elseif is="@uix_avatarShape == 4" />    <xen:comment>      Hexagon    </xen:comment>
        -webkit-clip-path: polygon(50% 0, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
        clip-path: url(#hexagon);
    <xen:elseif is="@uix_avatarShape == 5" />    <xen:comment>      Octagon    </xen:comment>
        -webkit-clip-path: polygon(0 50%, 15% 15%, 50% 0, 85% 15%, 100% 50%, 85% 85%, 50% 100%, 15% 85%);
        clip-path: url(#octogon);
    </xen:if>
    }

    .xenOverlay.memberCard .avatarCropper,
    .memberCard .avatarCropper .avatar img,
    .memberCard .avatarCropper .avatar
    {
        border-radius: 0;
        -webkit-clip-path: none;
        clip-path: none;
    }
</xen:if>

.conversation_view .messageList
{
    border: none;
    padding-right: 0;
}

.conversation_view .message:first-child,
.conversation_view .quickReply
{
    @property "uix_primaryBorder.border";
    border: 1px solid @primaryLighter;
    border-radius: @uix_globalLargeBorderRadius;
    @property "/uix_primaryBorder.border";
}

<xen:include template="uix_breadcrumb.css" />

.subForumsPopup .PopupOpen {color: @popupControl.color !important;}
.subForumsPopup .PopupOpen .dt {color: @popupControl.color;}

<xen:include template="uix_footer.css" />

<xen:include template="uix_member_view.css" />

.PanelScroller .navContainer {margin-top: -{xen:calc '@uix_gutterWidthSmall + 1'}px;}

<xen:include template="uix_discussion_list.css" />


<xen:include template="uix_adStyler.css" />


<xen:comment> THIS TEMPLATE IS REQUIRED BY THE uix_extendedFooter TEMPLATE </xen:comment>
<xen:edithint template="uix_extendedFooter.css" />



<xen:comment>
/********************************
START SIDEBAR
********************************/
</xen:comment>

<xen:include template="uix_sidebar.css" />

#content.help_bb_codes .sectionMain .primaryContent,
#content.help_trophies .sectionMain .primaryContent {background-color: transparent;}

#loginBar {
    position: relative;
    z-index: 9999;
}

#loginBar #loginBarHandle {text-align: right;}

#loginBar #loginBarHandle a {display: block;}

#loginBar .pageWidth {position: relative;}

.navTabs .navTab.login {display: list-item !important;}

<xen:include template="uix_login.css" />

<xen:comment>
/****************************************************************************************************/
/********** UIX NAVIGATION STYLES **********/
/****************************************************************************************************/
</xen:comment>

<xen:comment>/********** NAVIGATION STYLE 3 **********/</xen:comment>

<xen:if is="@uix_navStyle == 3 && @uix_pageStyle != 1">

    @media (min-width: {xen:calc '@maxResponsiveWideWidth + 1'}px) {
   
        .uix_slogan
        {
            display: none !important;
        }
        #content
        {
            clear: left;
        }
        #userBar
        {
            margin-bottom: @uix_gutterWidth;
        }
       
        #navigation.activeSticky .pageContent
        {
            margin-left: 0;
        }
           
    } <xen:comment> END MEDIA QUERY </xen:comment>
   
</xen:if>


<xen:comment>
/****************************************************************************************************/
/********** UIX Post Pagination STYLES **********/
/****************************************************************************************************/
</xen:comment>
<xen:if is="@uix_postPagination">

    .navTab.audentio_postPagination { position: relative; z-index: 50; }

    .audentio_postPagination a { color: inherit;}
   
    .audentio_postPagination .navLink:hover a, .audentio_postPagination a:hover { color: @uix_navLinkHover.color; text-decoration: inherit; }
   
    .audentio_postPagination .progress-container {
        width: 100%;
        height: 2px;
        margin-top: -8px;
        border-radius: 2px;
        overflow: hidden;
        background: rgba(0, 0, 0, 0.3);
        border: @uix_postPaginationBar.border-color @uix_postPaginationBar.border-style @uix_postPaginationBar.border-width;
    }
   
    .audentio_postPagination .PopupControl.PopupOpen,
    .audentio_postPagination .PopupControl:hover {background: none;}
   
    .audentio_postPagination .progress-bar {
        height: 2px;
       
        -moz-transition: width 0.3s ease;
        -o-transition: width 0.3s ease;
        -webkit-transition: width 0.3s ease;
        transition: width 0.3s ease;
       
        background-color: @uix_postPaginationBar.background-color;
    }
   
    <xen:comment> tbro </xen:comment>
    .audentio_postPagination .uix_paginationMenu {
        display: inline-block;
    }
   
    #navigation .audentio_postPagination .uix_paginationMenu {
        height: @headerTabHeight;
    }
   
    #navigation.activeSticky .audentio_postPagination .uix_paginationMenu {
        height: @uix_fixedNavigationHeight;
    }
   
    #userBar .audentio_postPagination .uix_paginationMenu {
        height: @uix_userBarHeight;
    }
   
    #userBar.activeSticky .audentio_postPagination .uix_paginationMenu {
        height: @uix_fixedUserBarHeight;
    }
   
   
    #audentio_postPaginationDropdown {
        border-top-color: @uix_primaryBorder.border-color;
        border-top-width: 1px;
        <xen:comment>
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        padding: 10px;
        z-index: 1000;
        display: none;
        font-size: 14px;
        background-color: @contentBackground;
        background-color: @menu.background-color;
        border: 1px solid @uix_primaryBorder.border-color;
        border-radius: 0px;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        background-clip: padding-box;
       
       
   
        /* when you add primaryContent you can remove this whole chunk */
       
       
       
        </xen:comment>
    }
   
   
    #audentio_postPaginationInput {
        margin: auto;
        height: 28px;
        font-size: 16px;
        text-align: center;
        width: 100%;
        max-width: 180px;
        padding-left: 0;
        padding-right: 0;
    }
   
</xen:if>

<xen:comment>
/****************************************************************************************************/
/********************************** FloatingContainer for notices ***********************************/
/****************************************************************************************************/
</xen:comment>

.FloatingContainer {
    @property "uix_floatingContainer";
    margin-right: @uix_gutterWidth;
    margin-left: @uix_gutterWidth;
    width: 250px;
    @property "/uix_floatingContainer";
   
    {xen:if '@uix_floatingNoticesPosition', 'right', 'left'}: 0;
    {xen:if '@uix_floatingNoticesPosition', 'left', 'right'}: auto;
}

.FloatingContainer .floatingItem {
    @property "uix_floatingNotice";
    font-size: 11px;
    margin-bottom: @uix_gutterWidth;
    border-width: 1px;
    border-style: solid;
    border-radius: @uix_globalBorderRadius;
    font-weight: 600;
    box-shadow: 4px 4px 10px -2px rgba(0,0,0,.1);
    @property "/uix_floatingNotice";
}

.FloatingContainer .floatingItem.primary {
    @property "uix_floatingNotice_primary";
    color: @primaryDark;
    background-color: @primaryLighterStill;
    border-color: @primaryLight;
    @property "/uix_floatingNotice_primary";
}

.FloatingContainer .floatingItem.secondary {
    @property "uix_floatingNotice_secondary";
    color: @secondaryDark;
    background-color: @secondaryLighter;
    border-color: @secondaryMedium;
    @property "/uix_floatingNotice_secondary";
}

.FloatingContainer .floatingItem.dark {
    @property "uix_floatingNotice_dark";
    color: @primaryLightest;
    background-color: @primaryDark;
    border-style: none;
    @property "/uix_floatingNotice_dark";
}

.FloatingContainer .floatingItem.light {
    @property "uix_floatingNotice_light";
    color: @primaryDark;
    background-color: @primaryLightest;
    border-style: none;
    box-shadow: 2px 2px 10px -2px rgba(0,0,0,.3);
    @property "/uix_floatingNotice_light";
}

<xen:comment>
/***
***    SIGN UP BUTTON - SIMILAR TO STRUCTURE OF CALL TO ACTIONS
***/
</xen:comment>

a.signupButton {
    @property "signupButton";
    display: inline-block;
    line-height: 42px;
    cursor: pointer;
    height: 42px;
    @property "/signupButton";
}

a.signupButton:hover { text-decoration: none; }

    a.signupButton span {
        @property "signupButtonInner";
        font-weight: bold;
        font-size: 13px;
        font-family: @uix_primaryFont;
        color: #FFF;
        background-color: @uix_tertiaryColor;
        padding: 0 @uix_gutterWidth;
        border-radius: @uix_globalLargeBorderRadius;
        display: block;
        text-align: center;
        -o-transition: background-color .1s cubic-bezier(0.22, 0.61, 0.36, 1);
        -moz-transition: background-color .1s cubic-bezier(0.22, 0.61, 0.36, 1);
        -webkit-transition: background-color .1s cubic-bezier(0.22, 0.61, 0.36, 1);
        transition: background-color .1s cubic-bezier(0.22, 0.61, 0.36, 1);
        @property "/signupButtonInner";
    }

    a.signupButton:hover span {
        @property "signupButtonHover";
        color: #FFF;
        text-decoration: none;
        background-color: @uix_secondaryColor;
        @property "/signupButtonHover";
    }

    a.signupButton:active span {
        @property "signupButtonActive";

        @property "/signupButtonActive";
    }
   
<xen:comment> /*** SPECIFIC TO ORIGINAL SIGNUP BUTTON IN SIDEBAR ***/ </xen:comment>

#SignupButton { display: block; }

#SignupButton:hover .inner { text-decoration: none; }


<xen:include template="uix_nodeList.css" />

<xen:if is="@uix_nodeStyle == 3">
    <xen:include template="uix_nodeLayout.css" />
</xen:if>

<xen:include template="uix_message.css" />

<xen:include template="uix_sprite.css" />


<xen:include template="uix_calendar.css" />

<xen:include template="uix_responsive.css" />
<xen:include template="uix_thirdparty.css" />
 
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу