Jump to content
Sign in to follow this  
sergey81

Нужна помощь в увеличении шрифта тела сообщения (постов) в скине

Recommended Posts

Пацыки.  Нужна помощь в увеличении шрифта тела сообщения (постов) в скине ipsfocus

В настройке обложки есть два файла...и в них куча блин всяких настроек...размеры кнопок, заголовков...но я не знаю где именно шрифт постов можно увеличить.

Могу конечно тыком поковырять..за сутки найти. Но может кто менял..или работал в скинах. Помогите готовым решением,


_ipsfocus_theme.css 
_ipsfocus_base.css

Share this post


Link to post
Share on other sites

можно так же к классу .body добавить размер шрифта, тогда он затронет любой текст, где не указан этот параметр с отличным значением

Share this post


Link to post
Share on other sites
1 час назад, Envy сказал:

можно так же к классу .body добавить размер шрифта, тогда он затронет любой текст, где не указан этот параметр с отличным значением

Просили постов, русским языком же написано

Share this post


Link to post
Share on other sites
3 часа назад, WOLF сказал:

Просили постов, русским языком же написано

от моего сообщения форум не сильно пострадал

Share this post


Link to post
Share on other sites

Коллеги, выкладываю содержимое файлов где хранится настройка размера шрифта самих постов.

Кто подскажет вооруженным глазом, в каком поле прописан размер шрифта?

 

вот содержимое 1го файла

ipsfocus_base.css

/*
    
    FONT SIZES
    FONT COLOURS
    GLOBAL STYLES
    FOOTER
    F_ICON
    BUTTONS
    BACKGROUND PICKER
    SOCIAL BUTTONS
    GUEST MESSAGES
    VIDEO BACKGROUND
    VALENTINES
    CHRISTMAS
    HALLOWEEN
    COUNT DOWN
    MEGA FOOTER
    FORUM INDEX AND TOPIC LIST
    TOPIC VIEW
    POST CONTENT
    EDITOR
    ATTACHMENTS and DROP ZONES
    POLL and PROGRESS BARS
    PAGINATION
    FORM INPUTS
    PROFILE
    COMMENTS
    MOBILES and TABLETS
    OTHER
    SIDEBARS
    GALLERY
    DOWNLOADS
    NEXUS
    CALENDAR
    BLOGS
    CHAT
    CMS
    WIDGET CONTAINER
    MINIMAL LAYOUT
    MINOR FIXES
    RESPONSIVE STYLES
    BUG FIXES
    
*/

 


/* ================== */
/*     FONT SIZES     */
/* ================== */

/* Define global font size */
html { font-size: 62.5%; }

/* Mobile font size */
@media screen and (max-width: 767px) {
    html { font-size: 62.5%; }
}

.ipsTags a, .ipsTag_prefix,
.ipsFieldRow_required,
.ipsFollow .ipsCommentCount,
.ipsPagination .ipsPagination_first a, .ipsPagination .ipsPagination_last a, .ipsPagination .ipsPagination_next a, .ipsPagination .ipsPagination_prev a{
  font-size: 1rem;
}

.ipsApp .ipsLikeRep .ipsButton, .ipsReputation_count,
.ipsPagination,
.ipsPagination .ipsPagination_pageJump a,
.ipsPager_type,
#elSearch #elSearchFilter,
.cGalleryCat .cGalleryCat_info,
#elGalleryNav,
.ipsRepBadge,
.cNexusSupportBadge,
.ipsLike_contents,
.ipsApp .ipsNotificationCount{
  font-size: 1.1rem;
}

.ipsMenu_title,
.ipsCommentCount,
.ipsFieldRow_desc,
a.cEvents_event.cEvents_eventSmall, .cEvents_event.cEvents_eventSmall a, .cEvents_event.cEvents_eventSmall.cEvents_empty span,
.cGalleryPatchwork_index .cGalleryPatchwork_item .cGalleryPatchwork_comments,
.cNexusOrderBadge,
.ipsWidget .ipsDataItem_title,
#ipsLayout_footer, #ipsLayout_footer a, #ipsLayout_footer p, #ipsLayout_footer #elCopyright,
/* .ipsType_normal, */
.ipsTabs.ipsTabs_small .ipsTabs_item{
  font-size: 1.2rem;
}

.cChatUsername,
.cChatRow,
.ipsTabs_item,
#elSearch input[type="search"],
.ipsApp .ipsButton,
.ipsTable th,
.cStatusUpdates .ipsComment[data-role="replyComment"] .ipsComposeArea_dummy{
  font-size: 1.3rem;
}

.cAnnouncement .ipsType_large,
#elProfileStats,
.ipsType_sectionHead,
.cNexusProduct .cNexusPrice,
.cCalendar_dayNumber{
  font-size: 1.4rem;
}

.cNexusCategoryBlock .ipsType_sectionHead,
.ipsComposeArea_dummy,
.ipsComment_parent.ipsComment > .ipsComment_content > .ipsComment_author,
.cGalleryCat .ipsType_sectionHead{
  font-size: 1.5rem;
}

#elProfileHeader,
.ipsAttachment_dropZone,
.ipsFieldRow_section,
.ipsAlert_msg{
  font-size: 1.6rem;
}

.ipsDataItem_statsLarge .ipsDataItem_stats_number,
.ipsApp .ipsField_primary, .ipsApp .ipsField_primary.ipsField_autocomplete input, .ipsApp .ipsFieldRow_primary input{
  font-size: 1.8rem;
}

.cProfileRepScore_points,
.cCalendarBlock .ipsType_pageTitle{
  font-size: 2rem;
}

.ipsType_pageTitle,
.cNexusProduct_header .cNexusPrice,
.cBlogInfo .ipsType_pageTitle,
.ipsEmpty,
.ipsWidget_horizontal .ipsWidget_statsCount{
  font-size: 2.2rem;
}

.ipsDialog_title{
  font-size: 2.6rem;
}

.ipsType_pageTitle.ipsType_largeTitle{
  font-size: 2.7rem;
}

.ipsComposeArea_dropZone .fa-paperclip,
.cCalendarNav .ipsType_pageTitle,
.cUserHovercard .ipsPageHead_special .ipsType_sectionHead{
  font-size: 3rem;
}

#elWarningInfo i,
.ipsDialog_close{
  font-size: 3.4rem;
}

#elProfileHeader h1{
  font-size: 3.6rem;
}

/* Line heights */

.ipsComment_content .ipsType_richText{ line-height: 2; }

.cNexusSupportBadge, .ipsAlert_msg{ line-height: 2rem; }
.cNexusProduct_header .cNexusPrice{ line-height: 2.8rem; }
.cUserHovercard .ipsPageHead_special .ipsType_sectionHead{ line-height: 3.6rem; }
.ipsTabs_item{ line-height: 3.7rem; }

.ipsBadge, .ipsBadge.ipsBadge_normal{ font-size: 0.9rem; line-height: 1.7rem; height: 1.7rem; }

.ipsApp .ipsButton_medium { font-size: 1.3rem; line-height: 3.8rem; }
.ipsApp .ipsButton_large { font-size: 1.4rem; line-height: 4.2rem; }
.ipsApp .ipsButton_veryLarge { font-size: 1.6rem; line-height: 4.6rem; }
.ipsApp .ipsButton_small { font-size: 1.2rem; line-height: 3.4rem; }
.ipsApp .ipsButton_verySmall { font-size: 1.2rem; line-height: 2.8rem; }
.ipsApp .ipsButton_veryVerySmall { font-size: 1rem; line-height: 2rem; }
.ipsButtonRow li > a, .ipsButtonRow li > span { line-height: 2.6rem; font-size: 1rem; }

.ipsType_small{ font-size: 1.1rem; }
.ipsType_small:not( .ipsType_richText ){ line-height: 1.6rem; }
.ipsType_medium{ font-size: 1.3rem; }
.ipsType_medium:not( .ipsType_richText ){ line-height: 2rem; }
.ipsType_normal{ font-size: 1.3rem; } /* Default is 1.4rem; */
.ipsType_normal:not( .ipsType_richText ){ line-height: 2.2rem; }
.ipsType_large{ font-size: 1.6rem; }
.ipsType_large:not( .ipsType_richText ){ line-height: 2rem; }
.ipsType_veryLarge{ font-size: 4.4rem; line-height: 5.2rem; }
.ipsType_huge{ font-size: 7.2rem; line-height: 8rem; }

 

 

/* ==================== */
/*     FONT COLOURS     */
/* ==================== */

.ipsType_richText{
    color: {theme="text_color"};
}

.ipsType_pageTitle{
    color: inherit;
}

/* Desc fixes */
.cNexusPrice s,
.cPollVoteBar > span:after,
a.ipsReputation_count.ipsType_light,
a.ipsType_light:hover,
.cMessageParticipants{ color: {theme="text_light"}; }

/* Overwrite inherited link styles */
a.ipsType_blendLinks:hover:not(.ipsType_noUnderline), .ipsType_blendLinks:not(.ipsType_noUnderline) a:hover:not(.ipsType_noUnderline),
/*  Side widget "Total posts" */
.ipsWidget.ipsWidget_vertical .ipsWidget_inner,
/* Member Statistics "NEWEST" */
.ipsType_minorHeading,
 /* Profile block headers */
.cProfileSidebarBlock .ipsType_sectionHead,
/* Page nav - next, prev, etc */
.ipsPager_type,
.ipsPager a .ipsType_light,
.ipsPager .ipsPager_next a:after, .ipsPager .ipsPager_prev a:after,
/* Report link on top of posts */
.ipsComment_meta a[data-action="reportComment"],
/* Desc type on maintitle, ie. amount of poll votes */
.ipsType_sectionTitle .ipsType_light,
/* Side bar widgets and links */
.ipsWidget_title .ipsType_light,
.ipsWidget_title a,
/* Description on new topic page */
.ipsFieldRow_desc,
/* Stats type on index page */
.ipsDataItem_statsLarge .ipsType_light,
/* Large icons - eg. messenger */
.ipsEmpty,
/* newVersion form header */
.ipsFieldRow_section,
/* Carousel nav */
.ipsCarousel .ipsCarousel_nav,
.ipsAreaBackground_positive .ipsType_sectionHead,
.ipsAreaBackground_positive .ipsType_sectionTitle,
.ipsAreaBackground_negative .ipsType_sectionHead,
.ipsAreaBackground_negative .ipsType_sectionTitle {
    color: inherit;
}

/* Desc type on maintitle, ie. amount of poll votes */
.ipsType_sectionTitle .ipsType_light,
/* Widgets and links */
.ipsWidget_title .ipsType_light,
/* Stats type on index page */
.ipsDataItem_statsLarge .ipsType_light,
.ipsEmpty{
    opacity: 0.6;
}

/* Description on new topic page */
.ipsFieldRow_desc{ opacity: 0.8; }

/* Inherit colour and underline links in coloured text */
.ipsType_light a{ color: inherit; }
/* .ipsType_light a, */
.ipsType_warning a, .ipsType_negative a,
.ipsType_success a, .ipsType_positive a,
.ipsType_neutral a{ color: inherit; border-bottom: 1px solid currentcolor; }

/* .ipsType_light a{ border-color: rgba(0,0,0,0.1); } */

/* Remove underline from certain links */
a[id*="elSharePost"]{ border: 0; }

 

 

/* ===================== */
/*     GLOBAL STYLES     */
/* ===================== */

/* Fixed width */
{{if !theme.enable_fluid_width}}.ipsLayout_container { max-width: {theme="ipsf_fixedWidth"}px; }{{endif}}

#header{
    position: relative;
}


/* Logo */
a.logo{
    height: {theme="ipsf_logoHeight"}px;
    color: {theme="ipsf_logoColor"};
    font-size: {theme="ipsf_logoSize"}px;
    text-decoration: none;
    line-height: 1;
    -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d;
    max-width: 100%;
}

    a.logo.justImage .vAlign{ display: block; height: 100%; font-size: 0; line-height: {theme="ipsf_logoHeight"}px; }
    a.logo.textLogo .vAlign{ position: relative; top: 50%; {prefix="transform" value="translateY(-50%)"} display: inline-block; line-height: 1; }

    a.logo .logoSlogan{
        display: block;
        color: {theme="ipsf_sloganColor"};
    }

    a.logo img, a.logo .textWithImage{ display: inline-block; vertical-align: middle; }
    a.logo img{ max-height: {theme="ipsf_logoHeight"}px; max-width: 100%; }

 


/* Navigation */

.ipsNavBar_primary{
    font-size: 0;
}

    /* Navigation tabs */    
    .ipsNavBar_primary > ul > li > a {
        line-height: {theme="navLineHeight"}px;
    }
    
    /* Secondary bar */    
    .ipsNavBar_secondary,
    .ipsNavBar_primary:not( .ipsNavBar_noSubBars ) > ul:before{
        height: {theme="subNavLineHeight"}px;
    }
    
    .ipsNavBar_secondary{
        font-size: 0;
    }

        /* Secondary bar links */
        .ipsNavBar_secondary > li > a {
            line-height: {theme="subNavLineHeight"}px;
        }
    
            .ipsNavBar_secondary > li.ipsNavBar_active a {
                font-weight: bold;
            }

 

/* Single navigation: Removes secondary line and creates dropdown menus */

{{if theme.singleNavigationBar}}

    /* Removes secondary bar space */
    .ipsNavBar_primary{
        padding: 0;
    }
    
    /* Remove IPS dropdown menus */
    .ipsNavBar_primary > ul > li > .ipsNavActive_menu ~ .ipsMenu{ display: none !important; }
    
        /* Make dropdown menus relative to parent tab */
        .ipsNavBar_primary > ul > li{
            position: relative;
        }
    
        /* Dropdown menu */
        .ipsNavBar_secondary{            
            display: block !important;
            visibility: hidden;
            opacity: 0;
            margin-top: 6px;
            transition-property: visibility, opacity, margin-top;
            transition-delay: 0.25s, 0s, 0s;
            transition-duration: 0.25s;
            transition-timing-function: ease-in-out;
            
            top: {expression="theme.navLineHeight + 8"}px; /* Height of navigation + gap */
              left: 0;
            right: auto;
            bottom: auto;
            width: auto;
            min-width: 180px;
            height: auto;
            z-index: auto;
        }

            /* Align last 3 menu's to the right if they exist, and for RTL */
            html[dir="rtl"] .ipsNavBar_secondary,
            .ipsNavBar_primary > ul > li:nth-last-of-type(3) .ipsNavBar_secondary,
            .ipsNavBar_primary > ul > li:nth-last-of-type(2) .ipsNavBar_secondary,
            .ipsNavBar_primary > ul > li:nth-last-of-type(1) .ipsNavBar_secondary{
                right: 0;
                left: auto;
            }
        
            /* Show dropdown menu */
            .ipsNavBar_primary > ul > li:hover .ipsNavBar_secondary{
                visibility: visible;
                opacity: 1;
                margin-top: 0;
                transition-delay: 0s;
            }
            
            /* Dropdown menu arrow */
            .ipsNavBar_secondary:before{
                content: "";
                position: absolute;
                top: -6px; left: 24px;
                border: 6px solid transparent;
                border-top: 0;
            }

                /* Align last 3 arrows to the right if they exist, and for RTL */
                html[dir="rtl"] .ipsNavBar_secondary:before,
                .ipsNavBar_primary > ul > li:nth-last-of-type(3) .ipsNavBar_secondary:before,
                .ipsNavBar_primary > ul > li:nth-last-of-type(2) .ipsNavBar_secondary:before,
                .ipsNavBar_primary > ul > li:nth-last-of-type(1) .ipsNavBar_secondary:before{
                    right: 24px;
                    left: auto;
                }
            
            /* Cover gap with pseudo element */
            .ipsNavBar_secondary:after{
                content: "";
                position: absolute;
                top: -8px;
                left: 0; right: 0;
                height: 8px;
            }
    
            .ipsNavBar_secondary > li > a{        
                text-align: left;
                padding: 0 15px;
                line-height: 36px;
                white-space: nowrap;
            }

                html[dir="rtl"] .ipsNavBar_secondary > li > a{ text-align: right; }
        
            /* Reformat bar into a dropdown menu */
            .ipsNavBar_secondary > li{
                display: block;
            }
    
        /* Hide sub-navigation bar */
        .ipsNavBar_primary:not(.ipsNavBar_noSubBars) > ul:before{
            display: none;
        }

{{endif}}


{{if theme.ipsf_navIcons}}

/* Navigation icons */

.ipsNavBar_primary > ul > li > a:before{
    content: "\f00b";
    font-family: "FontAwesome";
    font-size: 14px;
    font-weight: normal;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    {prefix="transform" value="translate(0,0)"}
      margin-bottom: -2px;
      margin-right: 3px;
      opacity: 0.6;
      line-height: 1;
}

.ipsNavBar_primary > ul > li[data-navTitle='Browse'] > a:before{ content: "\f00b" }
.ipsNavBar_primary > ul > li[data-navTitle='Activity'] > a:before{ content: "\f0f6" }
.ipsNavBar_primary > ul > li[data-navTitle='Store'] > a:before{ content: "\f07a" }
.ipsNavBar_primary > ul > li[data-navTitle='Support'] > a:before{ content: "\f1cd" }
.ipsNavBar_primary > ul > li[data-navTitle='Forums'] > a:before{ content: "\f086" }
.ipsNavBar_primary > ul > li[data-navTitle='Gallery'] > a:before{ content: "\f030" }
.ipsNavBar_primary > ul > li[data-navTitle='Downloads'] > a:before{ content: "\f019" }
.ipsNavBar_primary > ul > li[data-navTitle='Articles'] > a:before{ content: "\f15c" }
.ipsNavBar_primary > ul > li[data-navTitle='Blogs'] > a:before{ content: "\f02d" }
.ipsNavBar_primary > ul > li[data-navTitle='Calendar'] > a:before{ content: "\f073" }
.ipsNavBar_primary > ul > li[data-navTitle='Chat'] > a:before{ content: "\f27a" }
.ipsNavBar_primary > ul > li[data-navTitle='Staff'] > a:before{ content: "\f007" }
.ipsNavBar_primary > ul > li[data-navTitle='Online Users'] > a:before{ content: "\f0c0" }
.ipsNavBar_primary > ul > li[data-navTitle='All Activity'] > a:before{ content: "\f0ac" }
.ipsNavBar_primary > ul > li[data-navTitle='Search'] > a:before{ content: "\f002" }

{{endif}}


/* Content padding */
@media screen and (min-width:980px){
        
    #ipsLayout_sidebar,
    html[dir="rtl"] #ipsLayout_sidebar{ padding: 15px; }
    html[dir="ltr"] #ipsLayout_contentWrapper #ipsLayout_sidebar.ipsLayout_sidebarright,
    html[dir="rtl"] #ipsLayout_contentWrapper #ipsLayout_sidebar.ipsLayout_sidebarleft{ padding-right: 0; }
    html[dir="ltr"] #ipsLayout_contentWrapper #ipsLayout_sidebar.ipsLayout_sidebarleft,
    html[dir="rtl"] #ipsLayout_contentWrapper #ipsLayout_sidebar.ipsLayout_sidebarright{ padding-left: 0; }
    /* .preContentPadding{ padding-top: 15px; } */
    #ipsLayout_mainArea{ padding-left: 0; padding-right: 0; }
    
}

@media screen and (max-width:979px){
    
    .preContentPadding{ padding: 0px 15px; padding-top: 1px; /* Fix margin bug on innner content */ }
}

@media screen and (max-width:767px){
    
    .preContentPadding{ padding-left: 10px; padding-right: 10px; }
}

/* Content wrapper */
#ipsLayout_contentArea{
    border: 0;
}

/* Main area background */
#ipsLayout_mainArea{
    background: transparent;
}

/* Sidebar background */
#ipsLayout_sidebar{
    background: transparent;
}

.ipsType_sectionTitle{
    margin: 0;
}

.internalHeader{
    padding: 12px;
    font-size: 1.3rem;
    margin: 0;
    font-weight: bold;
}

 


/* ============== */
/*     FOOTER     */
/* ============== */

#ipsLayout_footer, #ipsLayout_footer p, #ipsLayout_footer a{ color: {theme="ipsf_footer"}; }
#ipsLayout_footer{ margin: 0; padding: 20px 0; }

#elFooterLinks{ float: left; padding: 0 15px; }
#ipsLayout_footer #elCopyright{ margin: 0; text-align: right; float: right; padding: 0 15px; }
#elCopyright_userLine{ margin-bottom: 4px; }

.ipsfocusCopyright{ margin-bottom: 4px; padding: 0 15px; }
.ipsfocusCopyright a{ border-bottom: 1px solid rgba(255,255,255,0.4); }
.ipsfocusCopyright a:hover{ border-bottom-color: rgba(255,255,255,0.8); }

 

 

/* ============== */
/*     F_ICON     */
/* ============== */

.ipsItemStatus.ipsItemStatus_large,
.ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read{
    background: transparent;
    border-radius: {theme="ipsf_ficonRadius"}px;
    color: {theme="ipsf_ficonColor"};
    font-size: {theme="ipsf_ficonFont"}px;
    line-height: {theme="ipsf_ficonHeight"}px; height: {theme="ipsf_ficonHeight"}px; width: {theme="ipsf_ficonWidth"}px;
    vertical-align: top;
}

/* Configure icon margins */
.ipsItemStatus.ipsItemStatus_large, .ipsItemStatus_custom{ margin: 0 0px; }

/* Customized icons */
.ipsItemStatus.ipsItemStatus_large .fa{ position: relative; top: -2px; }
.ipsItemStatus .fa-comments:before{ content: "\{theme="ipsf_ficonUnread"}"; }
.ipsItemStatus_read .fa-comments:before{ content: "\{theme="ipsf_ficonRead"}"; }

/* f_icon width fix */
.ipsDataList_large .ipsDataItem_icon:after{ content: " "; display: block; height: 0px; overflow: hidden; margin-top: -1px;
    width: {theme="ipsf_ficonWidth"}px;
}
.ipsItemStatus_custom{ max-width: {theme="ipsf_ficonWidth"}px; }

/* Overwrite styles from responsive css */
@media screen and (max-width:979px){
    
    .ipsDataItem_icon .ipsItemStatus.ipsItemStatus_large,
    .ipsDataItem_icon .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read{
        border-radius: {theme="ipsf_ficonRadius"}px;
        font-size: {theme="ipsf_ficonFontR"}px;        
        line-height: {theme="ipsf_ficonHeightR"}px; height: {theme="ipsf_ficonHeightR"}px; width: {theme="ipsf_ficonWidthR"}px;
    }
    
    .ipsDataList_large .ipsDataItem_icon:after{ width: {theme="ipsf_ficonWidthR"}px; }
    .ipsItemStatus_custom{ max-width: {theme="ipsf_ficonWidthR"}px; }

}

/* Faint icons */
.ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read,
.cForumGrid_icon.ipsItemStatus_read{
    opacity: 0.4;
}

/* Grayscale icons */
{{if theme.ipsf_grayscale}}
    .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read,
    .ipsItemStatus_custom.ipsItemStatus_read,
    .cForumGrid_icon.ipsItemStatus_read{
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
    }
{{endif}}

/* To use an image icon for f_icon */
{{if theme.ficonImageUnread}}

    body .ipsItemStatus.ipsItemStatus_large,
    body .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read{
        font-size: 0;
        overflow: hidden;
        text-indent: 120%;
        box-shadow: none;
        border-radius: 0;
        background: url('{theme="ficonImageUnread"}') no-repeat 50% 50%;
        background-size: contain;
    }
    
    {{if theme.ficonImageRead}}
        body .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read{
            background-image: url('{theme="ficonImageRead"}');
            -webkit-filter: grayscale(0);
            filter: grayscale(0);
            opacity: 1;
        }
    {{endif}}

{{endif}}

 


/* =============== */
/*     BUTTONS     */
/* =============== */

.ipsApp .ipsButton{ }

.ipsApp .ipsButton:hover {
    box-shadow: inset rgba(255,255,255,0.1) 0px 100px 0px;
}

.ipsApp .ipsButton:active {
    box-shadow: inset rgba(0,0,0,0.15) 0px 1px 3px, inset rgba(0,0,0,0.1) 0px 100px 0px;
}

.ipsApp .ipsButton_light{ }

.ipsApp .ipsButton_light:hover {
    box-shadow: inset rgba(255,255,255,0.3) 0px 100px 0px;
}

.ipsApp .ipsButton_light:active {
    box-shadow: inset rgba(0,0,0,0.05) 0px 1px 3px, inset rgba(0,0,0,0.05) 0px 100px 0px;
    border-color: rgba(0,0,0,0.12);
}

.ipsApp .ipsButton_normal { }

.ipsApp .ipsButton_primary { }

/* Like button */
.ipsApp .ipsButton_alternate { }

.ipsApp .ipsButton_important {
    /* background-image: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
    background-blend-mode: overlay; */
}

.ipsApp .ipsButton_link{
    color: {theme="text_light"};
}

.ipsApp .ipsButton.ipsFollow{
    background-image: none;
    background: rgba(0,0,0,0.4);
    color: #fff;
    box-shadow: none;
    border-color: rgba(0,0,0,0.1);
}

.ipsApp .ipsButton.ipsFollow:hover{
    background: rgba(0,0,0,0.5);
}

.ipsApp .ipsButton.ipsFollow.ipsButton_primary{
    background: rgba(0,0,0,0.6);
    box-shadow: inset rgba(0,0,0,0.25) 0px 1px 2px, rgba(255,255,255,0.2) 0px 1px 0px;
}

.ipsToolList .ipsButton:active { position: relative; top: 1px; }

 

 

 

{{if theme.ipsf_backgroundType == 'ipsfocus_backgroundPicker'}}

/* ========================= */
/*     BACKGROUND PICKER     */
/* ========================= */

/* Prevent background flash */
body.ipsfocus_backgroundPicker{ background-image: none; }

#ipsf_pickerWrap{ display: none; }

    #ipsf_picker{
        margin: 0 -5px;
    }

    #ipsf_picker span{
        display: block;
        float: left;
        height: 160px;
        width: calc( ( 99.9% / {theme="backgroundQuantity"} ) - 10px );
        margin: 0 5px;
        background-size: cover;
        background-position: 50% 50%;
        cursor: pointer;
        text-align: center;
        padding-top: 20px;
        overflow: hidden;
    }
    
    #ipsf_picker span:nth-of-type({expression="theme.backgroundQuantity + 1"}),
    #ipsf_picker span:nth-of-type({expression="theme.backgroundQuantity + 2"}),
    #ipsf_picker span:nth-of-type({expression="theme.backgroundQuantity + 3"}),
    #ipsf_picker span:nth-of-type({expression="theme.backgroundQuantity + 4"}){
        display: none;
    }
    
    #ipsf_picker span:before{
        content: "\f05d";
        font-family: "FontAwesome";
        font-size: 72px;
        line-height: 90px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        {prefix="transform" value="translate(0,0)"}
        opacity: 0.8;
        display: none;
    }
    
    #ipsf_picker span:after{
        content: '{theme="pickerThumbnailText"}';
        font-weight: bold;
        display: none;
    }
    
    #ipsf_picker span:hover:before,
    #ipsf_picker span:hover:after{
        display: block;
    }
    
    @media screen and (max-width:979px){
        #ipsf_picker span{ height: 100px; }
        #ipsf_picker span:hover:before, #ipsf_picker span:hover:after{ display: none; }
    }

.ipsfocus_toggleBgPicker{
    cursor: pointer;
}


{{endif}}

 

 


{{if theme.ipsf_social}}

/* ====================== */
/*     SOCIAL BUTTONS     */
/* ====================== */

@media screen and (max-width:979px){
    .ipsfocus_social{ display: none; }
}

#elHeaderNavigation{ overflow: auto; }

.ipsfocus_social{ float: right; }
html[dir="rtl"] .ipsfocus_social{ float: left; }

    .ipsfocus_social, .ipsfocus_social li{ margin: 0; padding: 0; list-style: none; }
    
    .ipsfocus_social li{ line-height: {theme="socialHeight"}px; }
    .ipsfocus_social.iconButtons a{ width: {theme="socialHeight"}px; height: {theme="socialHeight"}px; }
    
    .ipsfocus_social li{
        float: left;
        padding-left: 4px;
        text-align: center;
        text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
    }
    
    html[dir="rtl"] .ipsfocus_social li{ padding-left: 0; padding-right: 4px; }
    
    .ipsfocus_social a{
        color: #fff;
        background: #444444;
        background-image: linear-gradient(to bottom, #515151 0%, #444444 100%);
        box-shadow: inset rgba(0,0,0,0.2) 0px 0px 0px 1px, inset rgba(255,255,255,0.15) 0px 2px 0px, rgba(0,0,0,0.2) 0px 1px 3px;
        /* Dark: box-shadow: inset rgba(255,255,255,0.15) 0px 1px 0px; */
        border-radius: 3px;
        padding: 0 12px 0 44px;
        display: block;
        text-decoration: none;
        outline: none;
        position: relative;
    }
    
    .ipsfocus_social a:hover{
        box-shadow: inset rgba(0,0,0,0.2) 0px 0px 0px 1px, inset rgba(255,255,255,0.15) 0px 2px 0px, inset rgba(255,255,255,0.2) 0px 100px 0px, rgba(0,0,0,0.2) 0px 1px 3px;
        /* Dark: box-shadow: inset rgba(255,255,255,0.2) 0px 100px 0px, inset rgba(255,255,255,0.15) 0px 1px 0px; */
    }
    
    .ipsfocus_social a:active{
        box-shadow: inset rgba(0,0,0,0.1) 0px 100px 0px, inset rgba(0,0,0,0.4) 0px 1px 3px;
        top: 1px;
    }
    
    .ipsfocus_social a:before{
        content: "\f1e0";
        background: rgba(255,255,255,0.18);
        box-shadow: inset rgba(255,255,255,0.15) -1px 0px 0px 0px, rgba(0,0,0,0.1) 1px 0px 0px 0px;
        border-radius: 3px 0px 0px 3px;
        position: absolute;
        top: 1px; left: 1px; bottom: 1px;
        width: 32px;
        text-align: center;
        font-family: "FontAwesome";
        font-size: 16px;
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        {prefix="transform" value="translate(0,0)"}
        pointer-events: none;
    }
    
    .ipsfocus_social.iconButtons a{
        padding: 0;
        overflow: hidden;
        text-indent: 120%;
    }
    
    .ipsfocus_social.iconButtons a:before{
        background: none;
        text-indent: 0;
        left: 0;
        width: 100%;
        box-shadow: none;
    }
    
    .ipsfocus_social.textButtons a{ padding: 0 12px; }
    .ipsfocus_social.textButtons a:before{ display: none; }

a.ipsfocus_sDropbox:before{ content: "\f16b"; }
.ipsfocus_social .ipsfocus_sDropbox{ background: #007fe5; background-image: linear-gradient(to bottom, #0097ea 0%, #007fe5 100%); }
a.ipsfocus_sEmail:before{ content: "\f01c"; }
.ipsfocus_social .ipsfocus_sEmail{ background: #444444; background-image: linear-gradient(to bottom, #515151 0%, #444444 100%); }
a.ipsfocus_sFacebook:before{ content: "\f087"; }
.ipsfocus_social .ipsfocus_sFacebook{ background: #304c87; background-image: linear-gradient(to bottom, #4c71b0 0%, #304c87 100%); }
a.ipsfocus_sFlickr:before{ content: "\f16e"; }
.ipsfocus_social .ipsfocus_sFlickr{ background: #fe2997; background-image: linear-gradient(to bottom, #fd30aa 0%, #e41c84 100%); }
a.ipsfocus_sGoogle:before{ content: "\f0d5"; }
.ipsfocus_social .ipsfocus_sGoogle{ background: #df6b39; background-image: linear-gradient(to bottom, #e47d43 0%, #d95332 100%); }
a.ipsfocus_sInstagram:before{ content: "\f16d"; }
.ipsfocus_social .ipsfocus_sInstagram{ background: #a06b53; background-image: linear-gradient(to bottom, #b27f62 0%, #a06b53 100%); }
a.ipsfocus_sLinkedin:before{ content: "\f0e1"; }
.ipsfocus_social .ipsfocus_sLinkedin{ background: #0073b2; background-image: linear-gradient(to bottom, #008bc0 0%, #0073b2 100%); }
a.ipsfocus_sPaypal:before{ content: "\f1ed"; }
.ipsfocus_social .ipsfocus_sPaypal{ background: #253b80; background-image: linear-gradient(to bottom, #253b80 0%, #203370 100%); }
a.ipsfocus_sPinterest:before{ content: "\f0d2"; }
.ipsfocus_social .ipsfocus_sPinterest{ background: #cd1d1f; background-image: linear-gradient(to bottom, #d62124 0%, #c0181a 100%); }
a.ipsfocus_sReddit:before{ content: "\f1a1"; }
.ipsfocus_social .ipsfocus_sReddit{ background: #609acf; background-image: linear-gradient(to bottom, #72add8 0%, #609acf 100%); }
a.ipsfocus_sSkype:before{ content: "\f17e"; }
.ipsfocus_social .ipsfocus_sSkype{ background: #00b0f0; background-image: linear-gradient(to bottom, #00bff3 0%, #00b0f0 100%); }
a.ipsfocus_sSoundcloud:before{ content: "\f1be"; }
.ipsfocus_social .ipsfocus_sSoundcloud{ background: #ff6900; background-image: linear-gradient(to bottom, #ff6900 0%, #ff4400 100%); }
a.ipsfocus_sSpotify:before{ content: "\f1bc"; }
.ipsfocus_social .ipsfocus_sSpotify{ background: #84b301; background-image: linear-gradient(to bottom, #add411 0%, #84b301 100%); }
a.ipsfocus_sSteam:before{ content: "\f1b6"; }
.ipsfocus_social .ipsfocus_sSteam{ background: #457498; background-image: linear-gradient(to bottom, #457498 0%, #3b688a 100%); }
a.ipsfocus_sStripe:before{ content: "\f1f5"; }
.ipsfocus_social .ipsfocus_sStripe{ background: #58aada; background-image: linear-gradient(to bottom, #58aada 0%, #519dca 100%); }
a.ipsfocus_sTeamspeak:before{ content: "\f130"; }
.ipsfocus_social .ipsfocus_sTeamspeak{ background: #8190b1; background-image: linear-gradient(to bottom, #8190b1 0%, #7686a8 100%); }
a.ipsfocus_sTumblr:before{ content: "\f173"; }
.ipsfocus_social .ipsfocus_sTumblr{ background: #539fcc; background-image: linear-gradient(to bottom, #62b1d6 0%, #539fcc 100%); }
a.ipsfocus_sTwitch:before{ content: "\f1e8"; }
.ipsfocus_social .ipsfocus_sTwitch{ background: #6441a5; background-image: linear-gradient(to bottom, #6441a5 0%, #593993 100%); }
a.ipsfocus_sTwitter:before{ content: "\f099"; }
.ipsfocus_social .ipsfocus_sTwitter{ background: #0097d3; background-image: linear-gradient(to bottom, #00b9f0 0%, #0097d3 100%); }
a.ipsfocus_sVimeo:before{ content: "\f194"; }
.ipsfocus_social .ipsfocus_sVimeo{ background: #1bb5ea; background-image: linear-gradient(to bottom, #20c1eb 0%, #1a8fb8 100%); }
a.ipsfocus_sYoutube:before{ content: "\f16a"; }
.ipsfocus_social .ipsfocus_sYoutube{ background: #cc332d; background-image: linear-gradient(to bottom, #d43c34 0%, #a92621 100%); }

/* Mobile navigation */
#elMobileDrawer a[class*='ipsfocus_s']:before{
    font-family: "FontAwesome";
    font-size: 14px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    {prefix="transform" value="translate(0,0)"}
    pointer-events: none;
    margin-bottom: -2px;
    margin-right: 6px;
}

html[dir="rtl"] #elMobileDrawer a[class*='ipsfocus_s']:before{
    margin-right: 0;
    margin-left: 6px;
}

{{endif}}

 

 


{{if theme.ipsf_guest}}

/* ====================== */
/*     GUEST MESSAGES     */
/* ====================== */

/* Alert */

.ipsfocus_guestAlert{
    background: {theme="guest_background"};
    color: {theme="guest_textColor"};
    border: 1px solid rgba(20,20,20,0.15);
    border-radius: 4px;
    line-height: 180%;
    padding-top: 6px;
    margin-top: 15px;
}

    .ipsfocus_guestAlert .ipsfocus_guestHeader{
        background: {theme="guest_titleBackground"};  
        box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px, rgba(255, 255, 255, 0.5) 0px 1px 0px;
        border-radius: 4px;
        color: {theme="guest_titleColor"};
        text-shadow: rgba(255,255,255,0.4) 0px 1px 0px;
        padding: 14px;
        font-size: 1.3rem;
        font-weight: bold;
        margin: 0 6px;
    }
    
    .ipsfocus_guestText{
        padding: 20px 14px;
        line-height: 220%;
    }
    
    .ipsfocus_guestAlert a{
        color: {theme="guest_titleColor"};
        text-decoration: underline;
    }
    
    .ipsfocus_guestAlert .ipsfocus_guestButtons{
        background: {theme="guest_buttonBar"};
        border-top: 1px solid rgba(20,20,20,0.05);
        border-radius: 0px 0px 4px 4px;
        padding: 10px;
    }
    
    .ipsfocus_guestAlert a.guestButton{
        background: {theme="guest_titleBackground"};
        background-image: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%);
        border: 1px solid rgba(0,0,0,0.2);
        box-shadow: inset rgba(255,255,255,0.3) 0px 1px 0px;
        border-radius: 4px;
        color: {theme="guest_titleColor"};
        text-shadow: rgba(255,255,255,0.4) 0px 1px 0px;
        padding: 0 14px 0 46px;
        display: inline-block;
        height: 36px;
        line-height: 34px;
        outline: 0;
        margin-right: 4px;
        font-weight: bold;
        text-decoration: none;
        position: relative;
    }
    
        .ipsfocus_guestAlert a.guestButton:hover{
            box-shadow: inset rgba(255,255,255,0.3) 0px 1px 0px, inset rgba(255,255,255,0.2) 0px 100px 0px;
        }
        
        .ipsfocus_guestAlert a.guestButton:active{
            box-shadow: inset rgba(0,0,0,0.2) 0px 1px 3px;
            background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 100%);
        }
    
    .ipsfocus_guestAlert a.guestButton:before{
        background: rgba(255,255,255,0.2);
        box-shadow: inset rgba(255,255,255,0.15) -1px 0px 0px 0px, rgba(0,0,0,0.1) 1px 0px 0px 0px;
        border-radius: 3px 0px 0px 3px;
        content: "\f084";
        position: absolute;
        top: 0; left: 0; bottom: 0;
        width: 32px;
        text-align: center;
        font-family: "FontAwesome";
        font-size: 16px;
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        {prefix="transform" value="translate(0,0)"}
        pointer-events: none;
    }
    
    .ipsfocus_guestAlert a.ipsfocus_register:before{ content: "\f067"; }
    
    .ipsfocus_guestAlert a.guestButton:active{
        position: relative;
        top: 1px;
    }

    @supports ( background-blend-mode: overlay ) {
        .ipsfocus_guestAlert .ipsfocus_guestHeader{
            background-blend-mode: overlay;
              background-image: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(255,255,255,0.2) 100%);
        }
      
          .ipsfocus_guestAlert a.guestButton{
              background-blend-mode: overlay;
              background-image: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.2) 100%);
        }
    }

/* Billboard */

.ipsfocus_guestBillboard{
    color: #fff;
    text-shadow: rgba(0,0,0,0.5) 0px 1px 2px;
    background: #444;
    padding: 40px;
    margin: 0 -15px;
    line-height: 220%;
    font-size: 1.6rem;
}

    @media screen and (max-width:767px){
        .ipsfocus_guestBillboard{ margin-left: -10px; margin-right: -10px; }
    }

    .ipsfocus_guestBillboard .ipsfocus_guestHeader{
        margin-bottom: 40px;
        font-size: 3.6rem;
        line-height: 1;
    }
    
    .ipsfocus_guestBillboard a{
        color: #fff;
        border-bottom: 1px solid rgba(255,255,255,0.4);
        text-decoration: none;
    }
    
    .ipsfocus_guestBillboard .ipsfocus_guestButtons{
        margin-top: 40px;
    }
    
    .ipsfocus_guestBillboard a.guestButton{
        background-color: rgba(255,255,255,0.2);
        background-image: linear-gradient(to bottom, rgba(255,255,255,0.05) 0%,rgba(255,255,255,0) 100%);
        box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px, rgba(0,0,0,0.1) 0px 1px 2px;
        text-shadow: rgba(0,0,0,0.3) 0px 1px 1px;
        border-radius: 4px;
        color: #fff;
        border: 0;
        padding: 0 14px 0 50px;
        display: inline-block;
        height: 46px;
        line-height: 46px;
        outline: 0;
        margin-right: 4px;
        text-decoration: none;
        position: relative;
    }
    
        .ipsfocus_guestBillboard a.guestButton:hover{
            background-color: rgba(255,255,255,0.3);
        }
    
    .ipsfocus_guestBillboard a.guestButton:before{
        content: "\f084";
        font-family: "FontAwesome";
        font-size: 16px;
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        {prefix="transform" value="translate(0,0)"}
        pointer-events: none;
        background: rgba(255,255,255,0.1);
        border-right: 1px solid rgba(255,255,255,0.15);
        position: absolute;
        top: 0; left: 0; bottom: 0;
        width: 36px;
        text-align: center;
    }
    
    .ipsfocus_guestBillboard a.ipsfocus_register:before{ content: "\f067"; }
    
    .ipsfocus_guestBillboard a.guestButton:active{
        position: relative;
        top: 1px;
    }
    
    {{if !theme.ipsf_guestMobile}}
    @media screen and (max-width:767px){
        .ipsfocus_guestAlert, .ipsfocus_guestBillboard{ display: none; }
    }
    {{endif}}

{{endif}}

 

 


{{if theme.ipsf_backgroundType == 'ipsfocus_videoBackground'}}

/* ======================== */
/*     VIDEO BACKGROUND     */
/* ======================== */

@media(min-width: 981px){
    body.ipsfocus_videoBackground{ background: rgb({theme="ipsf_videoRgb"}); }
}

#ipsfocus_videoBackground{
    position: {theme="ipsf_videoPosition"};
    top: 0; left: 0;
    width: 100%; height: 100%;
    z-index: -1;
    pointer-events: none;
}

    #ipsfocus_videoBackground:before{
        content: " ";
        position: absolute;
        top: 0; left: 0;
        width: 100%; height: 100%;
        background: rgba({theme="ipsf_videoOverlay"});
    }
    
    #ipsfocus_videoBackground:after{
        content: " ";
        position: absolute;
        bottom:0; left: 0;
        height: 40%; width: 100%;
        background-image: linear-gradient(to bottom, rgba({theme="ipsf_videoRgb"},0) 0%,rgba({theme="ipsf_videoRgb"},1) 100%);
    }

/* Hide on tablets and mobiles */
@media(max-width: 980px){ #ipsfocus_videoBackground{ display: none; } }
#ipsfocus_videoBackground iframe{ width: 100%; }

{{endif}}

 


{{if theme.ipsf_valentines}}

/* ================== */
/*     VALENTINES     */
/* ================== */

.ipsfocus_valentines .logo .fa{ margin-bottom: -4px; }

.ipsfocus_valentines .logo .fa:before{
    content: "\f004";
    font-size: 0.8em;
    color: #ffc0cb;
}

.ipsfocus_valentines .ipsItemStatus .fa-comments:before{ content: "\f004"; }
.ipsfocus_valentines .ipsItemStatus_read .fa-comments:before{ content: "\f08a"; }

{{endif}}

 

 


{{if theme.ipsf_christmas}}

/* ================= */
/*     CHRISTMAS     */
/* ================= */

.ipsfocus_snowBottom{
    background: url( {resource="ipsfocus/snowBottom.png" app="core" location="front"} ) repeat-x 0 0;
    height: 14px;
    position: fixed;
    bottom: 0; left: 0; width: 100%;
    z-index: 2010; /* Overlay profile header */
    pointer-events: none;
}

/* Hide snow on tablets and mobiles */
@media screen and (max-width:979px){
    
    .ipsfocus_snowBottom{ display: none; }
    .snowfall-flakes{ display: none; }
        
}

.ipsfocus_christmas .logo .fa{ margin-bottom: -4px; }
.ipsfocus_christmas .logo .fa:before{ font-size: 0.8em; }

.ipsfocus_christmas .ipsItemStatus .fa-comments:before{ content: "\f069"; }
.ipsfocus_christmas .ipsItemStatus_read .fa-comments:before{ content: "\f069"; }

/*
.ipsType_sectionTitle{ position: relative; }
.ipsType_sectionTitle:before{
    content: "";
    background: url( {resource="ipsfocus/snowBottom.png" app="core" location="front"} ) repeat-x 0 0;
    height: 14px;
    position: absolute;
    top: -14px; left: 0; width: 100%;
    pointer-events: none;
      border-radius: 14px 14px 0px 0px;
} */

{{endif}}

 


{{if theme.halloween}}

/* ================= */
/*     HALLOWEEN     */
/* ================= */

@media screen and (min-width:980px){
    
    /* Spider */
    .ipsType_sectionTitle{ position: relative; }
    .ipsType_sectionTitle:before{
        content: "";
        background: url('{resource="ipsfocus/halloween_spider.png" app="core" location="front"}') no-repeat 0 0;
        background-size: contain;
        width: 80px;
        height: 60px;
        position: absolute;
        top: -14px; right: 30px;
        pointer-events: none;
    }
    
    /* Bats */
    .cForumList .cForumRow:nth-of-type(even) .ipsType_sectionTitle:before{
        background-image: url('{resource="ipsfocus/halloween_bats.png" app="core" location="front"}');
        right: auto;
        left: -45px;
    }
    
    /* Hatchet */
    .ipsPageHeader:before{
        content: "";
        background: url('{resource="ipsfocus/halloween_hatchet.png" app="core" location="front"}') no-repeat 0 0;
        background-size: contain;
        width: 55px;
        height: 55px;
        position: absolute;
        top: -10px; left: -25px;
        pointer-events: none;
    }
    
}

/* Pumpkin forum icons */
body .ipsItemStatus.ipsItemStatus_large,
body .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read{
    font-size: 0;
    overflow: hidden;
    text-indent: 120%;
    box-shadow: none;
    border-radius: 0;
    background: url('{resource="ipsfocus/halloween_ficon.png" app="core" location="front"}') no-repeat 50% 50%;
    background-size: contain;
}

    {{if theme.ficonImageRead}}
        body .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read{
            background-image: url('{resource="ipsfocus/halloween_ficon.png" app="core" location="front"}');
            -webkit-filter: grayscale(0);
            filter: grayscale(0);
            opacity: 1;
        }
    {{endif}}

{{endif}}

 

 

{{if theme.ipsf_countdown}}

/* ================== */
/*     COUNT DOWN     */
/* ================== */

.ipsfocus_countdown{
    text-align: center;
    padding: 30px 0;
    line-height: 50px;
    font-size: 2rem;
}

    .ipsfocus_countdown .title{ display: block; }
    .ipsfocus_countdown .num{ font-size: 3rem; margin-left: 30px; }
    .ipsfocus_countdown .dateType{ opacity: 0.8; }
    
{{endif}}

 

 

{{if theme.ipsf_megaFooter}}

/* =================== */
/*     MEGA FOOTER     */
/* =================== */

    .ipsfocus_megaFooter h4{
        display: block;
        margin: 0;
        padding-bottom: 15px;
        font-size: 1.3rem;
        font-weight: bold;
    }
    
    .ipsfocus_megaFooter .footerLinks,
    .ipsfocus_megaFooter .footerLinks li{ margin: 0; padding: 0; display: block; list-style: none; }
    
    .ipsfocus_megaFooter .footerLinks a{
        line-height: 25px;
        display: inline-block;
    }

@media screen and (min-width:980px){

    .ipsfocus_megaFooter.colCount6 .footerCol{ width: 16.6%; }
    .ipsfocus_megaFooter.colCount5 .footerCol{ width: 20%; }
    .ipsfocus_megaFooter.colCount4 .footerCol{ width: 25%; }
    .ipsfocus_megaFooter.colCount3 .footerCol{ width: 33.3%; }
    .ipsfocus_megaFooter.colCount2 .footerCol{ width: 50%; }
    .ipsfocus_megaFooter.colCount1 .footerCol{ width: 100%; }
    
    .ipsfocus_megaFooter .footerCol{ min-height: 150px; }
    
    html[dir="ltr"] .ipsfocus_megaFooter{ padding-right: 0; }
    html[dir="rtl"] .ipsfocus_megaFooter{ padding-left: 0; }
    html[dir="ltr"] .ipsfocus_megaFooter .footerCol{ float: left; padding-right: 25px; }
    html[dir="rtl"] .ipsfocus_megaFooter .footerCol{ float: right; padding-left: 25px; }

}

@media screen and (max-width:979px){
    .ipsfocus_megaFooter .footerCol{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid rgba(0,0,0,0.15); }
    .ipsfocus_megaFooter .footerCol:last-of-type{ margin-bottom: 0; border-bottom: 0; }
}

    {{if !theme.ipsf_footerMobile}}
        @media screen and (max-width:979px){ .ipsfocus_megaFooter{ display: none; } }
    {{endif}}

{{endif}}

 

 


/* ================================== */
/*     FORUM INDEX AND TOPIC LIST     */
/* ================================== */

/* Collapse forums - fix for .ipsfocusBox */
.cForumRow_hidden .ipsDataList{ display: none !important; }

/* Align f_icon */
html[dir="ltr"] .ipsDataList_large .ipsDataItem_icon{ padding-right: 5px; }
/* .ipsItemStatus.ipsItemStatus_large .fa{ display: inline; vertical-align: top; cursor: default; } */
.ipsDataList_large .ipsDataItem_icon{ text-align: center; }
@media screen and (max-width:979px){ .ipsDataItem_icon.ipsDataItem_category{ margin-left: -5px; } }
@media screen and (min-width:980px){ .ipsDataList_large .ipsDataItem_icon{ min-width: 0px } }

/* Category toggle icons */
.cForumToggle{
    text-align: center;
    position: relative;
    top: -2px;
}
.cForumToggle:after { content: "\f146"; font-size: 14px; }
.cForumRow_hidden .cForumToggle:after,
html[dir="rtl"] .cForumRow_hidden .cForumToggle:after{ content: "\f0fe" }

/* Bold forum names on index */
.ipsDataItem_title.ipsType_large{ font-size: 1.3rem; font-weight: bold; }
.ipsDataItem_title.ipsType_large .ipsType_medium{ font-weight: normal; }

/* Make unread topic titles bold on index */
.ipsDataItem_unread .ipsDataItem_lastPoster a.ipsContained{ font-weight: bold; }

/* Subforum padding */
.ipsDataItem_subList.withBorder{
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px dashed rgba(0,0,0,0.15);
}

/* Remove stem image */
html[dir="ltr"] .ipsDataItem_subList,
html[dir="rtl"] .ipsDataItem_subList{
    padding-left: 0 !important;
    padding-right: 0 !important;
    background: none;
}

/* Remove for retina devices */
html[dir="ltr"] .ipsApp .ipsDataItem_subList,
html[dir="rtl"] .ipsApp .ipsDataItem_subList{ background-image: none; }

/* Subforum icon */
.ipsDataItem_subList .fa{ opacity: 0.65; }

/* Bold text for unread subforums */
.ipsDataItem_subList .ipsDataItem_unread{ font-weight: bold; }

@media screen and (min-width:980px){

/* Topic listing stats */    
    {{if theme.ipsf_topicListStats}}
    
        [data-tableid="topics"] .ipsDataItem_stats{
            overflow: hidden;
            text-align: center;
            text-transform: uppercase;
            width: 15%;
            min-width: 250px;
        }
        
        [data-tableid="topics"] .ipsDataItem_stats li{ float: left; width: 50%; }
        [data-tableid="topics"] .ipsDataItem_stats span{ display: block; }
        [data-tableid="topics"] .ipsDataItem_stats_number{ font-weight: bold; }
        [data-tableid="topics"] .ipsDataItem_stats_type{ font-size: 0.9em; }
    
    {{endif}}


/* Subforum columns */
    {{if theme.ipsf_subforumColumns}}
    
        .ipsDataItem_subList{ overflow: hidden; }
    
        html[dir="ltr"] .ipsApp .ipsDataItem_subList,
        html[dir="rtl"] .ipsApp .ipsDataItem_subList{
            background: none;
            line-height: 220%;
            padding-left: 0 !important;
            padding-right: 0 !important;
            padding-bottom: 5px;
        }
        
        .ipsDataItem_subList li{
            float: left;
            width: calc(100% / {theme="ipsf_subforumNum"} - 5px);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        
        .ipsDataItem_subList li a:after{ display: none; }
    
        html[dir="rtl"] .ipsDataItem_subList.ipsList_inline > li{ margin-left: 0; }

    {{endif}}
    
}

/* NEW index badge */
{{if theme.ipsf_indexNew}}

    .cForumList .ipsDataItem_unread .ipsDataItem_title:before,
    .cForumGrid_unread .ipsPhotoPanel h3 a:after{
        content: "NEW";
        color: #fff;
        background: {theme="ipsf_newBadge"};
        display: inline-block;
        font-size: 0.9rem;
        line-height: 1.8rem;
        border-radius: 3px;
        padding: 0 4px;
        margin: -1px 4px -2px 0px;
    }
    
    .cForumGrid_unread .ipsPhotoPanel h3 a:after{ line-height: 1.4rem; position: relative; top: -2px; margin-left: 4px; }
    
    html[dir="rtl"] .cForumList .ipsDataItem_unread .ipsDataItem_title:before{ margin-right: 0; margin-left: 4px; }
    
{{endif}}

/* Topic icons */
.ipsItemStatus:not( .ipsItemStatus_large ) { color: inherit; }
.ipsItemStatus.ipsItemStatus_read:not( .ipsItemStatus_large ) { color: inherit; opacity: 0.4; }

/* Topic title size */
.ipsDataItem_title{ font-size: 1.3rem; }

/* Badges - pinned, featured, etc */
.ipsBadge.ipsBadge_icon, .ipsBadge.ipsBadge_icon.ipsBadge_small, .ipsBadge.ipsBadge_icon.ipsBadge_large{
    border-radius: 3px;
    box-shadow: inset rgba(0,0,0,0.15) 0px 0px 0px 1px;
}

/* Topic list spacing */
.cTopicList .ipsDataItem_meta{ margin-top: 6px; }

/* Topic hot icon */
.ipsDataItem_stats_hot:before{ color: #c41a1a; }

/* Decrease large stats and column width */
/* @media screen and (min-width:980px){
    .ipsDataItem_statsLarge .ipsDataItem_stats_number{ font-size: 1.8rem; }
    .ipsDataItem_stats{ min-width: 100px; }
} */

/* Unanswered question icon */
.cBestAnswerIndicator_off { background: rgba(0,0,0,0.35); }
.cBestAnswerIndicator_off:hover { background: rgba(0,0,0,0.45); }

 

 

 


/* ================== */
/*     TOPIC VIEW     */
/* ================== */

/* Post font size */
.ipsComment_content .ipsType_richText{
    font-size: {theme="postFontSize"}rem;
}

/* Post count */
.focusPostCount{
    line-height: 26px;
    padding: 0 8px;
    font-size: 1.1rem;
}

/* Popular post */
.ipsComment.ipsComment_popular .ipsComment_popularFlag {
    top: 60px;
    background: {theme="notification_bubble"};
    color: #fff;
    width: 42px;
    height: 42px;
    font-size: 26px;
    line-height: 42px;
    border-radius: 3px;
    padding: 0;
}
    
    .ipsComment.ipsComment_popular .ipsComment_popularFlag:after {
        display: none;
    }

/* New post separator */
.ipsCommentUnreadSeperator { border-color: {theme="area_background_dark"}; }

/* Remove gaps between posts if they are all within .ipsfocusBox */
.ipsfocusBox .ipsComment.cPost{ margin-bottom: 0; }

/* Signature */
div[data-role="memberSignature"] hr.ipsHr{ border-width: 1px 0 0 0; }

@media screen and (min-width:768px){

    
    .cAuthorPane{
        border: 1px solid rgba(0,0,0,0.05);
        border-width: 0px 1px 0px 0px;
    }
    html[dir="rtl"] .cAuthorPane{ border-width: 0px 0px 0px 1px; }


    {{if (theme.topicButtonStyle == 'individualButtons') OR (theme.topicButtonStyle == 'linkRow') }}
        
        .cPost.ipsComment,
        .cPost .ipsComment_content,
        .cPost .ipsColumn_fluid{ height: 100%; }
        
        /* post_controls */
        .cPost .ipsComment_controls{
            margin: 0;
            position: absolute;
            left: -15px; bottom: 0; right: 0;
            clear: both;
        }
        html[dir="rtl"] .cPost .ipsComment_controls{ left: 0; right: -15px; }
        
    {{endif}}

 


    {{if theme.topicButtonStyle == 'default' }}
        .cPost .ipsComment_controls{
            padding-top: 15px;
        }
    {{endif}}

 


    {{if !theme.ipsf_postDateBar }}
        
        .cAuthorPane_author{
            height: 40px;
            line-height: 30px;
            padding-top: 10px;
            margin-top: -15px;
            margin-bottom: 9px;
        }
        
        .cPost .ipsComment_meta{
            height: 40px;
            line-height: 30px;
            padding-top: 10px;
        }
        
    {{endif}}
    
    
    
    
    
    
    
    

    {{if theme.ipsf_postDateBar }}
    
        /* .post_block h3 */
          .cAuthorPane_author{
            height: 50px;
            line-height: 50px;
            margin: -15px -10px 16px -10px;
        }
          
        html[dir="ltr"] .cAuthorPane_author{ margin-right: -11px; }
        html[dir="rtl"] .cAuthorPane_author{ margin-left: -11px; }
        
        .cPost .ipsComment_meta{
            height: 50px;
            line-height: 50px;
            margin-left: -15px;
            padding-left: 15px;
            padding-top: 0;
            border-bottom: 1px solid transparent;
            margin-bottom: 10px;
            font-size: 1.2rem;
        }
        html[dir="rtl"] .cPost .ipsComment_meta{
            margin-left: 0; padding-left: 0;
            margin-right: -15px; padding-right: 15px;
        }        
        
    {{endif}}    

}


@media screen and (max-width:767px){

    .focusPostCount{ display: none; }
    
    /* Remove margin on responsive posts */
    .cTopic .cPost.ipsColumns.ipsColumns_collapsePhone > .ipsColumn:not(.ipsHide){
        margin-bottom: 0;
    }
    
    /* Set left and right padding for responsive posts */
    html[dir="ltr"] .cPost .ipsComment_content,
    html[dir="rtl"] .cPost .ipsComment_content{
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .cPost .ipsComment_meta,
    .cPost .cPost_contentWrap{
        padding-left: 0;
        padding-right: 0;
        padding-top: 10px;
    }
    
}


/* Quote toggle arrow */
.ipsQuote_citation.ipsQuote_open [data-action="toggleQuote"]:before{ color: inherit; opacity: 0.6; }

/* Moderated Posts */
.ipsBox.ipsModerated{ border-color: transparent; }
.ipsModerated.cPost .ipsComment_meta,
.ipsModerated.cPost .cAuthorPane_author,
.ipsModerated.cPost .ipsComment_controls{ background: none; }

/* Question header */
.questionsHeader .ipsColumn{
    vertical-align: middle;
}

/* Rating stars */
.ipsRating li a{ border: 0; }
.ipsRating .ipsRating_off .fa-star-o, .ipsRating .ipsRating_off .fa-star{ color: {theme="rating_on"}; opacity: 0.2; }

/* Poll questions, etc */
.ipsType_sectionHead{ color: {theme="text_color"}; }

/* Topic button width */
.ipsToolList.ipsToolList_horizontal > li.ipsToolList_primaryAction .ipsButton:not(.ipsButton_link){ min-width: 150px; }

 

 

/* Profile comments */
.ipsComment.ipsComment_ignored { color: rgba(0,0,0,0.32); }

 

/* ==================== */
/*     POST CONTENT     */
/* ==================== */


blockquote.ipsQuote {
    border-style: solid;
    border-width: 1px;
    font-size: inherit;
    /*     padding-top: 35px; */
}
    blockquote.ipsQuote div.ipsQuote_citation {
        font-weight: bold;
        font-size: inherit;
    }

/* Embedded media */
body.ipsApp.ipsLayout_noBackground{ background: none; }
.ipsEmbedded_content{ background: none; }
.ipsEmbedded_withImage .ipsEmbedded_image{ border: 0; box-shadow: inset rgba(0,0,0,0.2) 0px 0px 0px 1px; }
.ipsEmbedded_stats{ border-top-color: rgba(0,0,0,0.1); }

/* Spoilers */
.ipsStyle_spoilerFancy{ border-width: 1px; border-style: solid; }
.ipsStyle_spoilerFancy_text{ margin: 0; padding: 0; }
.ipsStyle_spoilerFancy_open .ipsStyle_spoilerFancy_inner,
.ipsStyle_spoilerFancy_open .ipsStyle_spoilerFancy_text{
    height: 32px;
    border-radius: 0;
}
.ipsStyle_spoilerFancy_inner, .ipsStyle_spoilerFancy_text{ border-radius: 0; }
.ipsApp .ipsStyle_spoilerFancy_text .ipsButton_verySmall{
    line-height: 3.2rem;
    border: 0;
    width: 32px;
    border-radius: 0;
}
.ipsStyle_spoilerFancy > p{ margin: 0;}

 

/* Like button */
.ipsLikeRep { background: none; padding: 0; line-height: 24px; }
.ipsLikeRep:before { border-color: transparent; }

.ipsLike_contents{
    padding: 0 10px;
    display: inline-block;
    line-height: 26px;
    vertical-align: top;
}

    .ipsLikeRep .ipsButton{
        vertical-align: top;
        line-height: 24px;
    }
    
        .ipsButton_like .fa{
            display: inline-block;
            height: 26px;
            width: 26px;
            text-align: center;
            line-height: 26px;
            margin: -1px 0;
            margin-left: -8px;
            vertical-align: top;
            font-size: 1.2rem;
        }
        
        html[dir="rtl"] .ipsButton_like .fa{ margin-left: 0; margin-right: -8px; }

.ipsLikeRep [data-action="giveReputation"] + .ipsReputation_count,
.ipsReputation_count{
    line-height: 24px;
    vertical-align: top;
    font-size: 1.1rem;
}

/* Mark: highlight search terms */
mark { color: #885b21 !important; background: {theme="mentions"}; border-bottom: 1px solid rgba(0,0,0,0.2); }

/* Mentions */
a[data-mentionid] {
    color: #885b21;
}


/* ============== */
/*     EDITOR     */
/* ============== */

/* Reduce border to 1px */
.ipsComposeArea_withPhoto .ipsComposeArea_editor{
    padding: 2px;
}

/* Remove cke defaults */
.cke.cke_chrome{
    box-shadow: none;
    border: 0;
}
.cke .cke_inner{ background: none; }
.cke .cke_combo_text{ text-shadow: none; }

/* Pointer cursors */
.cke a.cke_button,
.cke a.cke_combo_button,
.cke .cke_combo_text,
.cke .cke_combo_open,
.cke .cke_combo_arrow{
    cursor: pointer;
}

    /* Bar text color */
    .cke .cke_reset_all,
    .cke .cke_reset_all *,
    .cke .cke_reset_all a,
    .cke .cke_reset_all textarea{
        color: rgba(0,0,0,0.7);
        font-family: Tahoma, sans-serif;
    }
    
    /* Button hover */
    .cke a.cke_button_off:hover,
    .cke a.cke_button_off:focus,
    .cke a.cke_button_off:active,
    .cke a.cke_button_disabled:hover,
    .cke a.cke_button_disabled:focus,
    .cke a.cke_button_disabled:active{
        background: rgba(0,0,0,0.05);
    }
    
        /* Active button */
        .cke a.cke_button_on{
            background: rgba(0,0,0,0.1);
        }
    
    /* Select menu */
    .cke a.cke_combo_button{
        background: rgba(255,255,255,0.5);
        border-color: rgba(0,0,0,0.2);
        box-shadow: none;
    }
    
        /* Select menu :hover */
        .cke .cke_combo_off a.cke_combo_button:hover,
        .cke .cke_combo_off a.cke_combo_button:focus{
            background: rgba(255,255,255,0.75);
        }
        
            /* Select menu :active */
            .cke .cke_combo_off a.cke_combo_button:active,
            .cke .cke_combo_on a.cke_combo_button{
                background: rgba(0,0,0,0.06);
                border-color: rgba(0,0,0,0.2);
                box-shadow: inset rgba(0,0,0,0.15) 0px 1px 4px;
            }
            
                /* Select menu :active:hover */
                .cke .cke_combo_on a.cke_combo_button:hover{
                    box-shadow: inset rgba(0,0,0,0.15) 0px 1px 4px;
                }
    
    /* Dropdown menu */
    .cke.cke_panel{
        background: {theme="ipsf_popupMenu"};
        border-color: transparent;
        box-shadow: 0px 10px 70px rgba(0,0,0,0.3);
    }    

/* Main editor text box */
.cke .cke_wysiwyg_frame,
.cke .cke_wysiwyg_div{
    background: {theme="area_background_reset"};
    color: {theme="text_color"};
}

/* Editor border color */
.ipsComposeArea_editor, .ipsComposeArea_unavailable .ipsComposeArea_editor{ background: {theme="ipsf_editorBorder"}; }
.ipsComposeArea_withPhoto .ipsComposeArea_editor:before{ border-width: 12px; }
html[dir="ltr"] .ipsComposeArea_withPhoto .ipsComposeArea_editor:before,
html[dir="ltr"] .ipsComposeArea_unavailable.ipsComposeArea_withPhoto .ipsComposeArea_editor:before{ border-color: transparent {theme="ipsf_editorBorder"} transparent transparent; }
html[dir="rtl"] .ipsComposeArea_withPhoto .ipsComposeArea_editor:before,
html[dir="rtl"] .ipsComposeArea_unavailable.ipsComposeArea_withPhoto .ipsComposeArea_editor:before{ border-color: transparent transparent transparent {theme="ipsf_editorBorder"}; }

/* Placeholder */
.ipsComposeArea_dummy { color: inherit; }
.ipsComposeArea_sidebarClosed { background: rgba(0,0,0,0.08) !important; }

/* Attach wrapper  */
.ipsComposeArea_attachmentsInner > div{ border-radius: 3px; box-shadow: rgba(0,0,0,0.06) 0px 0px 0px 1px; }
.ipsImageAttach{ box-shadow: inset rgba(0,0,0,0.06) 0px 0px 0px 1px; }

/* Submit row on quick reply */
.ipsComposeArea [data-ipsEditor] + [data-ipsEditor-toolList]{ margin: 0; padding: 10px 15px; }
html body.ipsApp .ipsComposeArea .ipsToolList .ipsComposeArea_formControl{ margin-top: 9px; }

/* Emoticons hover */
.ipsEmoticons_item[data-emoticon]:hover { background: rgba(0,0,0,0.05); border-radius: 3px; }

/* Paste bar */
.ipsComposeArea_editorPaste{ background: rgba(20,20,20,0.9); }

    .ipsComposeArea_editorPaste .ipsComposeArea_editorPasteSwitch {
        background: #000;
        color: #fff;
    }

 

/* ================================== */
/*     ATTACHMENTS and DROP ZONES     */
/* ================================== */


/* Attachments */
.ipsComposeArea_attachments {
    background: #fff;
    border-top: 1px solid rgba(0,0,0,0.04);
}

/* Drop zone */
.ipsAttachment_dropZone,
#elDownloadsSubmit .ipsAttachment_dropZone,
.cGallerySubmit_uploadImages .ipsAttachment_dropZone:not( .ipsDragging ) {
    background: none;
    border: 3px dashed rgba(87,87,87,0.15);
    box-shadow: inset rgba(255,255,255,0.2) 0px 800px 0px 2000px;
}
    
    /* Dragging */
    .ipsAttachment_dropZone.ipsDragging, .ipsComposeArea_dropZone.ipsDragging {
        background: none;
        border-color: rgba(87,87,87,0.25);
        box-shadow: inset rgba(255,255,255,0.5) 0px 800px 0px 2000px;
    }

    .ipsComposeArea_dropZone .ipsButton_light{ background: rgba(0,0,0,0.08); }


.ipsAttach_selection {
    border: 1px solid rgba(0,0,0,0.1);
    color: #fff;
    background: {theme="area_background_dark"};
}
    
    .ipsAttach_selection:hover {
        color: #fff;
    }

    .ipsAttach_selection.ipsAttach_selectionOn {
        background: {theme="area_background"};
    }

/* Attachment list */
.ipsAttachment_fileList{ padding: 10px; border-radius: 3px; }

    .ipsImageAttach_thumb {
        border: 1px solid rgba(0,0,0,0.1);
        background-color: #fff;
    }

 


/* ============================== */
/*     POLL and PROGRESS BARS     */
/* ============================== */

.cPollVoteBar,
.cPollVoteBar > span,
.ipsAttachment_progress,
.ipsAttachment_progress > span,
.ipsProgressBar_progress {
    box-shadow: inset rgba(0,0,0,0.1) 0px 0px 0px 1px;
}

.ipsProgressBar {
    background: rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.4), inset rgba(0,0,0,0.1) 0px 0px 0px 1px;
}

/* Actual progress bar */
.ipsProgressBar.ipsProgressBar_animated .ipsProgressBar_progress { background-color: {theme="poll_bar"}; }
.ipsAttachment_progress > span, .ipsProgressBar_progress { background: {theme="poll_bar"}; }

.ipsAttachment_progress{ border: 0; }
.ipsAttachment_progress > span{ height: 12px; }

 


/* ============================ */
/*     PAGINATION - COLOURS     */
/* ============================ */

.ipsPager a{ color: {theme="text_color"}; }

/* Pagination - alone */

.ipsButtonRow li > a,
.ipsButtonRow li > span,
.ipsPagination .ipsPagination_page a,
.ipsPagination .ipsPagination_next a,
.ipsPagination .ipsPagination_prev a,
.ipsPagination .ipsPagination_first a,
.ipsPagination .ipsPagination_last a {
    background: #f0f0f0;
    color: #414141;
}

    .ipsPagination .ipsPagination_page.ipsPagination_active a,
    .ipsButtonRow li > a.ipsButtonRow_active {
        background: #323232;
        border-color: #323232;
        color: #fff;
    }

.ipsPagination .ipsPagination_pageJump a { color: {theme="text_light"}; }

.ipsPagination .ipsPagination_page:not(.ipsPagination_active) a:hover,
.ipsPagination .ipsPagination_next a:hover,
.ipsPagination .ipsPagination_prev a:hover,
.ipsPagination .ipsPagination_first a:hover,
.ipsPagination .ipsPagination_last a:hover,
.ipsButtonRow li > a:not(.ipsButtonRow_active):hover,
.ipsButtonRow li > span:hover{
    box-shadow: inset rgba(0,0,0,0.05) 0px 40px 0px;
}

.ipsPagination .ipsPagination_page a { text-shadow: none; }


/* Pagination - in .ipsButtonBar */

.ipsButtonBar .ipsPagination .ipsPagination_page a,
.ipsButtonBar .ipsPagination .ipsPagination_next a,
.ipsButtonBar .ipsPagination .ipsPagination_prev a,
.ipsButtonBar .ipsPagination .ipsPagination_first a,
.ipsButtonBar .ipsPagination .ipsPagination_last a,
.ipsButtonBar .ipsButtonRow li > a,
.ipsButtonBar .ipsButtonRow li > span{
    background: rgba(255,255,255,0.1);
    color: #fff;
}

.ipsButtonBar .ipsPagination .ipsPagination_pageJump a{
    color: #fff;
}

.ipsButtonBar .ipsPagination .ipsPagination_page.ipsPagination_active a,
.ipsButtonBar .ipsButtonRow li > a.ipsButtonRow_active{
    background: #fff;
    border-color: #fff;
    color: #323232;
}

/* Pagination bar hover */
.ipsButtonBar .ipsPagination .ipsPagination_page:not(.ipsPagination_active) a:hover,
.ipsButtonBar .ipsPagination .ipsPagination_next a:hover,
.ipsButtonBar .ipsPagination .ipsPagination_prev a:hover,
.ipsButtonBar .ipsPagination .ipsPagination_first a:hover,
.ipsButtonBar .ipsPagination .ipsPagination_last a:hover,
.ipsButtonBar .ipsButtonRow li > a:not(.ipsButtonRow_active):hover,
.ipsButtonBar .ipsButtonRow li > span:hover{
    box-shadow: inset rgba(255,255,255,0.15) 0px 40px 0px;
}

.ipsPagination.ipsPagination_mini a {
    background-color: rgba(0,0,0,0.45);
    box-shadow: inset rgba(0,0,0,0.1) 0px 0px 0px 1px;
    color: #fff;
}

.ipsPagination.ipsPagination_mini a:hover{
    background-color:rgba(0,0,0,0.3);
}

 

 

 

 

/* ================== */
/*     PAGINATION     */
/* ================== */

.ipsPager.cCalendarNav{ padding-top: 15px; }

/* Remove fading transition */
.ipsPagination.ipsPagination_mini{
    opacity: 1;
    {prefix="transition" value="none"}
}

.ipsPagination.ipsPagination_mini a {
    text-shadow: none;
    padding: 0 6px;
}

/* Fix .fa font size */
.ipsPagination li:not(.ipsPagination_pageJump) .fa{ font-size: 13px; }

/* Page Nav */
.ipsPager .ipsType_light{ opacity: 0.7; }
.ipsPager .ipsPager_next a:after, .ipsPager .ipsPager_prev a:after{ {prefix="transition" value="none"} }
.ipsPager .ipsPager_next a, .ipsPager .ipsPager_prev a{ opacity: 0.8; }
.ipsPager .ipsPager_next a:hover, .ipsPager .ipsPager_prev a:hover{ opacity: 1; }

/* Remove transitions from pages */
.ipsPagination .ipsPagination_first a, .ipsPagination .ipsPagination_last a, .ipsPagination .ipsPagination_next a, .ipsPagination .ipsPagination_prev a{
    {prefix="transition" value="none"}
}

 


/* =================== */
/*     FORM INPUTS     */
/* =================== */

.ipsApp select {
    border: 1px solid {theme="ipsf_inputBorder"};
    border-radius: 3px;
    background: {theme="ipsf_inputBackground"};
}

    .ipsApp select:not( [multiple] ) {
        background-image: url( {resource="select_dropdown.png" app="core" location="global"} ), linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.03) 100%);
        background-position: right center;
        background-size: 18px 9px, 100% 100%;
        background-repeat: no-repeat, repeat;
    }

    html[dir="rtl"] .ipsApp select:not( [multiple] ) {
        background-image: url( {resource="select_dropdown_rtl.png" app="core" location="global"} ), linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.03) 100%);
        background-position: left center;
    }
    
    .ipsApp select:not( [multiple] ):focus{
        border-color: {theme="ipsf_inputBorderF"};
          box-shadow: none;
    }

/* Text inputs */
.ipsApp .ipsField_autocomplete, .ipsApp textarea, .ipsApp input[type="text"], .ipsApp input[type="password"], .ipsApp input[type="datetime"], .ipsApp input[type="datetime-local"], .ipsApp input[type="date"], .ipsApp input[type="month"], .ipsApp input[type="time"], .ipsApp input[type="week"], .ipsApp input[type="number"], .ipsApp input[type="email"], .ipsApp input[type="url"], .ipsApp input[type="search"], .ipsApp input[type="tel"] {
     background-color: {theme="ipsf_inputBackground"};
     border: 1px solid {theme="ipsf_inputBorder"};
     color: {theme="ipsf_inputText"};
     box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
    border-radius: 3px;
}

    /* Focus */
    .ipsApp textarea:focus, .ipsApp input[type="text"]:focus, .ipsApp input[type="password"]:focus, .ipsApp input[type="datetime"]:focus, .ipsApp input[type="datetime-local"]:focus, .ipsApp input[type="date"]:focus, .ipsApp input[type="month"]:focus, .ipsApp input[type="time"]:focus, .ipsApp input[type="week"]:focus, .ipsApp input[type="number"]:focus, .ipsApp input[type="email"]:focus, .ipsApp input[type="url"]:focus, .ipsApp input[type="search"]:focus, .ipsApp input[type="tel"]:focus, .ipsApp input[type="color"]:focus {
        border-color: {theme="ipsf_inputBorderF"} !important; /* Important required to overwrite RTL border */
          box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
    }
    
    /* Disabled */
    .ipsApp textarea[disabled], .ipsApp input[type="text"][disabled], .ipsApp input[type="password"][disabled], .ipsApp input[type="datetime"][disabled], .ipsApp input[type="datetime-local"][disabled], .ipsApp input[type="date"][disabled], .ipsApp input[type="month"][disabled], .ipsApp input[type="time"][disabled], .ipsApp input[type="week"][disabled], .ipsApp input[type="number"][disabled], .ipsApp input[type="email"][disabled], .ipsApp input[type="url"][disabled], .ipsApp input[type="search"][disabled], .ipsApp input[type="tel"][disabled], .ipsApp input[type="color"][disabled] {
        background: {theme="ipsf_inputBackground"};
        box-shadow: inset rgba(0,0,0,0.1) 0px 0 100px;
        opacity: 0.5;
    }

/* Check box */
.ipsCustomInput > span{
    border-color: {theme="text_color"};
    background-color: {theme="ipsf_inputBackground"};
    opacity: 0.55;
}

    .ipsCustomInput input:checked:not( :disabled ) + span,
    .ipsCustomInput input:focus:not( :disabled ) + span,
    .ipsCustomInput input:hover:not( :disabled ) + span,
    .ipsCustomInput input:active:not( :disabled ) + span{
        opacity: 1;
    }

    /* Hover */
    .ipsCustomInput input:hover:not( :disabled ) + span {
        border-color: {theme="text_color"};
    }
    
    .ipsCustomInput input:not( :checked ):disabled + span {
            background: {theme="ipsf_inputBackground"};
        }

        .ipsCustomInput input:checked:disabled + span {
            background: {theme="ipsf_inputBackground"};
            border-color: {theme="text_color"};
        }

            .ipsCustomInput input[type="checkbox"]:checked:disabled + span:after {
                color: {theme="text_color"};
            }

            .ipsCustomInput input[type="radio"]:checked:disabled + span:after {
                background-color: {theme="text_color"};
            }
            
    
    /* Active styles */
    .ipsCustomInput input:active:not( :checked ):not( :disabled ) + span {
        background: {theme="ipsf_inputBackground"};
    }
    .ipsCustomInput input:active:checked:not( :disabled ) + span {
        background: {theme="ipsf_inputBackground"};
    }
    
    /* Focus */
    .ipsCustomInput input:focus + span {
        border-color: {theme="text_color"} !important;
        box-shadow: inset rgba(0,0,0,0.08) 0px 30px 0px !important;
    }

    /* Checked styles */
    .ipsCustomInput input:checked + span {
        border-color: {theme="text_color"};
    }

        .ipsCustomInput input[type="checkbox"]:checked + span:after {
            color: {theme="text_color"};
        }

    .ipsCustomInput input[type="radio"]:checked + span:after {
        background: {theme="text_color"};
    }

 

/* Toggle box */
.ipsToggle {
    background: red;
    box-shadow: 0px 0px 1px rgba(0,0,0,0.2) inset;
    border: 1px solid rgba(0,0,0,0.3);
    border-radius: 3px;
}
    .ipsToggle.ipsToggle_off { background: #c2c2c2; }
    .ipsToggle.ipsToggle_on { background: #679b35; }
    .ipsToggle span { background: #f5f5f5; border-radius: 2px; box-shadow: 0px 0px 1px rgba(0,0,0,0.5); }
    .ipsApp .ipsToggle:focus { border-color: rgba(0,0,0,0.3); box-shadow: none; }

/* Validation */
.ipsApp input.ipsField_error, .ipsFieldRow_error textarea:not( .ipsFieldRow_errorExclude ), .ipsFieldRow_error input[type="text"]:not( .ipsFieldRow_errorExclude ), .ipsFieldRow_error input[type="password"]:not( .ipsFieldRow_errorExclude ), .ipsFieldRow_error input[type="datetime"]:not( .ipsFieldRow_errorExclude ), .ipsFieldRow_error input[type="datetime-local"]:not( .ipsFieldRow_errorExclude ), .ipsFieldRow_error input[type="date"]:not( .ipsFieldRow_errorExclude ), .ipsFieldRow_error input[type="month"]:not( .ipsFieldRow_errorExclude ), .ipsFieldRow_error input[type="time"]:not( .ipsFieldRow_errorExclude ), .ipsFieldRow_error input[type="week"]:not( .ipsFieldRow_errorExclude ), .ipsFieldRow_error input[type="number"]:not( .ipsFieldRow_errorExclude ), .ipsFieldRow_error input[type="email"]:not( .ipsFieldRow_errorExclude ), .ipsFieldRow_error input[type="url"]:not( .ipsFieldRow_errorExclude ), .ipsFieldRow_error input[type="search"]:not( .ipsFieldRow_errorExclude ), .ipsFieldRow_error input[type="tel"]:not( .ipsFieldRow_errorExclude ), .ipsFieldRow_error input[type="color"]:not( .ipsFieldRow_errorExclude ) {
    background: #f8e6e9;
    border-color: #ba7b84;
    color: #ba7b84;
    box-shadow: inset #dda3ab 0px 1px 3px;
}

.ipsApp input.ipsField_success, .ipsApp textarea.ipsField_success, .ipsFieldRow_success textarea, .ipsFieldRow_success input[type="text"], .ipsFieldRow_success input[type="password"], .ipsFieldRow_success input[type="datetime"], .ipsFieldRow_success input[type="datetime-local"], .ipsFieldRow_success input[type="date"], .ipsFieldRow_success input[type="month"], .ipsFieldRow_success input[type="time"], .ipsFieldRow_success input[type="week"], .ipsFieldRow_success input[type="number"], .ipsFieldRow_success input[type="email"], .ipsFieldRow_success input[type="url"], .ipsFieldRow_success input[type="search"], .ipsFieldRow_success input[type="tel"], .ipsFieldRow_error input[type="color"] {
    background: #ebf2e5;
    border-color: #689741;
    color: #689741;
    box-shadow: inset #b2d198 0px 1px 3px;
}

/* Inherit LTR styles */
html[dir="rtl"] .ipsApp .ipsField_autocomplete, html[dir="rtl"] .ipsApp textarea, html[dir="rtl"] .ipsApp input[type="text"], html[dir="rtl"] .ipsApp input[type="password"], html[dir="rtl"] .ipsApp input[type="datetime"], html[dir="rtl"] .ipsApp input[type="datetime-local"], html[dir="rtl"] .ipsApp input[type="date"], html[dir="rtl"] .ipsApp input[type="month"], html[dir="rtl"] .ipsApp input[type="time"], html[dir="rtl"] .ipsApp input[type="week"], html[dir="rtl"] .ipsApp input[type="number"], html[dir="rtl"] .ipsApp input[type="email"], html[dir="rtl"] .ipsApp input[type="url"], html[dir="rtl"] .ipsApp input[type="search"], html[dir="rtl"] .ipsApp input[type="tel"],
.CodeMirror,
html[dir="rtl"] .CodeMirror {
    border: 1px solid {theme="ipsf_inputBorder"};
}


/* Autocomplete Tags and Usernames */
.cToken { font-size: inherit; }

    .cToken, .ipsSelectTree [data-role="tokenList"] .cToken {
        background: rgba(0,0,0,0.6);
        color: #fff;
    }
    
    .cToken.cToken_selected {
        background: rgba(0,0,0,0.8);
    }

/* Select Tree */
.ipsSelectTree {
    color: {theme="ipsf_inputText"};
    border: 1px solid {theme="ipsf_inputBorder"};
    border-radius: 3px;
    background: {theme="ipsf_inputBackground"};
    background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.03) 100%);
}

/* Select Tree Active */    
    .ipsSelectTree_nodes,
    .ipsSelectTree_active {
        border-color: {theme="ipsf_inputBorder"};
    }
    
    .ipsSelectTree_nodes {
        background: {theme="ipsf_inputBackground"};
        background-image: linear-gradient(to bottom, rgba(0,0,0,0.03) 0%,rgba(0,0,0,0.03) 100%);
        color: {theme="ipsf_inputText"};
    }
        
    .ipsSelectTree_expand { color: inherit; }
    
    .ipsSelectTree_nodes [data-role="nodeList"] {
        background: {theme="ipsf_inputBackground"};
        border: 1px solid rgba(0,0,0,0.1);
    }
    
    .ipsSelectTree_nodes [data-role="nodeList"] li {
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }
    
    .ipsSelectTree_nodes [data-role="nodeList"] li .ipsSelectTree_item:not( .ipsSelectTree_itemDisabled ):hover {
        background: rgba(0,0,0,0.06);
    }

    .ipsSelectTree_selected {
        background: rgba(0,0,0,0.72);
        color: #fff;
    }
    
    .ipsSelectTree_nodes [data-role="nodeList"] li .ipsSelectTree_item:not( .ipsSelectTree_itemDisabled ).ipsSelectTree_selected:hover {
        background: rgba(0,0,0,0.8);
    }
    
    .ipsSelectTree_nodes [data-role="nodeList"] li [data-role="childWrapper"] {
        border-top: 1px solid rgba(0,0,0,0.05);
    }
    html[dir="ltr"] .ipsSelectTree_nodes [data-role="nodeList"] li [data-role="childWrapper"] {
        border-left: 1px solid rgba(0,0,0,0.2);
    }
    html[dir="rtl"] .ipsSelectTree_nodes [data-role="nodeList"] li [data-role="childWrapper"] {
        border-right: 1px solid rgba(0,0,0,0.2);
    }
    
    .ipsSelectTree_itemDisabled > [data-role="nodeTitle"] {
        color: rgba(0,0,0,0.35);
    }
    
    .ipsSelectTree_placeholder {
        color: rgba(0,0,0,0.44);
    }

 


/* =============== */
/*     PROFILE     */
/* =============== */

/* Reduce z-index values */
#elProfileStats, #elEditProfile{ z-index: 20; }
#elProfileHeader .ipsUserPhoto{ z-index: 30; }
#elProfilePhoto [data-action="editPhoto"]{ z-index: 50; }

/* Cover Photos */
#elProfileStats{ background: #111; }
.ipsCoverPhoto_container:after {
    background: linear-gradient(to bottom, rgba(17,17,17,0) 0%,rgba(17,17,17,0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00111111', endColorstr='#111111',GradientType=0 );
}

html[dir="ltr"] #elProfileStats > ul:last-child > li, html[dir="rtl"] #elProfileStats > ul:last-child > li{ border-color: rgba(255,255,255,0.2); }

#elProfileInfoColumn{
    border-right: 1px solid rgba(0,0,0,0.1);
}

    html[dir="rtl"] #elProfileInfoColumn{
        border-left: 1px solid rgba(0,0,0,0.1);
        border-right: 0;
    }

/* Make sidebox headers inherit border radius */
#elProfileInfoColumn .ipsWidget_title{
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

/* Album tab: remove margin from each row */
div[data-pageparam="albumPage"] ol.ipsGrid > li{ margin-bottom: 0; }

/* All activity padding */
.cSearchActivity{
    padding: 10px;
}

/* Activity: Posts */
.cProfileContent{
    padding: 10px;
}

.cProfileContent .ipsDataItem{
    padding: 5px 0;
}

/* Check box on "File Comments" */
.cProfileContent .ipsComment_content .ipsDataItem_modCheck{
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0px;
}

/* Activity tab */
#elProfileActivityOverview .ipsStreamItem:not(.ipsModerated),
#elUserContent .ipsStreamItem:not(.ipsModerated){
    background: transparent;
}

/* Arrows on profile status feed */
/*
.cStatusUpdates .ipsComment.ipsComment_parent > .ipsComment_content:before,
.cStatusUpdates .ipsComment.ipsComment_hasChildren > .ipsComment_content:after { display: none !important; }
*/


/* ============== */
/*     SEARCH     */
/* ============== */

/* Filter tabs */
#elTabs_search{ margin: 0 -15px; }

@media screen and (max-width:767px) {
    #elTabs_search{ margin: 0 -7px; }
}
/* Bottom submit bar */
.cSearchFiltersSubmit{
    padding: 15px;
}

    .cSearchFiltersSubmit .ipsToolList.ipsToolList_horizontal{
        margin: 0;
    }
    
    @media screen and (min-width:980px){
        
        .cSearchFiltersSubmit{
            margin: 0 -15px -15px -15px;
        }
    
    }

/* ====================== */
/*     CONTENT STREAM     */
/* ====================== */

/* Title star */
.ipsStreamItem_title{
    color: inherit;
}

/* Arrow borders */
html[dir="ltr"] .ipsStream_withTimeline .ipsStreamItem.ipsStreamItem_contentBlock:before {
    border-color: transparent #e0e0e0 transparent transparent;
    display: none;
}
html[dir="rtl"] .ipsStream_withTimeline .ipsStreamItem.ipsStreamItem_contentBlock:before {
    border-color: transparent transparent transparent #e0e0e0;
    display: none;
}

html[dir="ltr"] .ipsStream_withTimeline .ipsStreamItem.ipsStreamItem_contentBlock.ipsModerated:before {
    border-right-color: {theme="moderated_light"};
}
html[dir="rtl"] .ipsStream_withTimeline .ipsStreamItem.ipsStreamItem_contentBlock.ipsModerated:before {
    border-left-color: {theme="moderated_light"};
}

/* Arrows */
    html[dir="ltr"] .ipsStream_withTimeline .ipsStreamItem:after {
        border-right-color: {theme="area_background_reset"};
        display: none;
    }
    html[dir="rtl"] .ipsStream_withTimeline .ipsStreamItem:after {
        border-left-color: {theme="area_background_reset"};
        display: none;
    }
    
/* Content type circle */
.ipsStream .ipsStreamItem_contentType{
    background: {theme="area_background_reset"};
}
.ipsStreamItem.ipsModerated .ipsStreamItem_contentType {
    background: {theme="moderated_light"};
}

/* Make "timeline_color" setting redundant */
html[dir="ltr"] .ipsStream.ipsStream_withTimeline  {
    border-left-color: {theme="area_background_dark"};
}
html[dir="rtl"] .ipsStream.ipsStream_withTimeline  {
    border-right-color: {theme="area_background_dark"};
}
.ipsStreamItem_time {
    background: {theme="area_background_dark"};
}
.ipsStream .ipsStreamItem_contentType {
    border-color: {theme="area_background_dark"};
}


/* ================ */
/*     COMMENTS     */
/* ================ */

/* Status comments */
body .ipsBox .cStatusUpdates .ipsComment_parent,
body .ipsfocusBox .cStatusUpdates .ipsComment_parent{
    border: 0;
    box-shadow: none;
    border-radius: 0;
    background: none;
}

/* Moderated comments */
.ipsBox .ipsComment.ipsModerated,
/* Downloads comments */
.ipsfocusBox .ipsComment.ipsModerated{
    background: {theme="moderated_light"};
}

/* Arrows on profile status feed */
html[dir="ltr"] .cStatusUpdates .ipsComment.ipsComment_parent > .ipsComment_content:before{ border-right-color: {theme="area_background_light"}; }
html[dir="rtl"] .cStatusUpdates .ipsComment.ipsComment_parent > .ipsComment_content:before{ border-left-color: {theme="area_background_light"}; }
html[dir="ltr"] .cStatusUpdates .ipsComment.ipsComment_parent.ipsModerated > .ipsComment_content:before{ border-right-color: {theme="moderated"}; }
html[dir="rtl"] .cStatusUpdates .ipsComment.ipsComment_parent.ipsModerated > .ipsComment_content:before{ border-left-color: {theme="moderated"}; }
.cStatusUpdates .ipsComment.ipsComment_hasChildren > .ipsComment_content:after { border-bottom-color: {theme="area_background_reset"}; }

    /* Remove padding and vertical border next to profile status comments */
    html[dir="rtl"] .ipsComment_subComments,
    html[dir="ltr"] .ipsComment_subComments{
        border: 0;
        padding-left: 0;
        padding-right: 0;
    }

    /* Sub comments */
    .cStatusUpdates .ipsComment_subComments .ipsComment{ padding: 10px; }
    .ipsComment_subComments .ipsComment_content{ padding-left: 5px; }
    
    /* Apply moderated background to full child comment. important required to overwrite other important */
    .cStatusUpdates .ipsComment_hasChildren .ipsComment.ipsModerated{ background: {theme="moderated"} !important; }
    .cStatusUpdates .ipsComment_subComments .ipsComment.ipsModerated .ipsComment_content{ padding-top: 0; padding-bottom: 0; }

    /* Reply box */
    html[dir="ltr"] .cStatusUpdates .ipsComment[data-role="replyComment"],
    html[dir="rtl"] .cStatusUpdates .ipsComment[data-role="replyComment"]{
        margin: 0;
    }
    .ipsComment_subComments .ipsComment[data-role="replyComment"] .ipsComment_content{ padding: 0; }

    /* Fix border radius */
    .cStatusUpdates .ipsComment[data-role="replyComment"] .ipsUserPhoto img,
    .ipsComment_subComments .ipsComment[data-role="replyComment"] .ipsUserPhoto img{ border-radius: inherit; }

 

 

/* =========================== */
/*     MOBILES and TABLETS     */
/* =========================== */

@media screen and (max-width:979px){
    
    #elMobileNav{
        background: #212121;
    }
    
    #respSearch{
        display: none;
        background: #282828;
        padding: 8px 0;
    }
    
    #elMobileBreadcrumb{ background: #3f3f3f; }
    #elMobileBreadcrumb:before{ color: #3f3f3f; }
    
    html[dir="ltr"] #elMobileBreadcrumb,
    html[dir="rtl"] #elMobileBreadcrumb{ border-radius: 3px }
        
    #searchWrap{ display: none; }
    .cSearchOpen #respSearch{ display: block; }
    #elSearch #elSearchFilter{ display: block !important; opacity: 1 !important } /* Overwrite inline style tag */
    
    body.cSearchOpen #elSearchField{
        width: calc(100% - 155px);
        max-width: none;
    }
    
    @supports ( (-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px)) ) {
        .ipsDrawer_modal{
            -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
        }
    }
 
    a.logo{ height: {theme="ipsf_logoHeightR"}px; }
    a.logo.justImage .vAlign{ line-height: {theme="ipsf_logoHeightR"}px; }
    a.logo img{ max-height: {theme="ipsf_logoHeightR"}px; }
    
    /* Hide breadcrumbs on tablets and mobiles */
    .ipsfocus_breadcrumbWrap{ display: none; }
    .ipsSubNavigation{ display: none !important; } /* Overwrite inline style tag */
    
    /* Fix padding and margins on mobile sidebars */
    body.ipsApp #ipsLayout_sidebar.ipsLayout_sidebarright,
    body.ipsApp #ipsLayout_sidebar.ipsLayout_sidebarleft{
        padding: 15px;
        margin: 0;
    }
    
}

@media screen and (max-width:767px){
    /* Fix padding and margins on mobile sidebars */
    body.ipsApp #ipsLayout_sidebar.ipsLayout_sidebarright,
    body.ipsApp #ipsLayout_sidebar.ipsLayout_sidebarleft{
        padding: 10px;
    }
}

/* Mobile side nav */
.ipsDrawer_menu{ background: #212121; }
.ipsDrawer_menu .ipsButton_light{
    background: rgba(255,255,255,0.1);
    color: #fff;
    border: 0;
}

.ipsDrawer_menu .cUserNav_icon a{ color: #eee; }

 

/* ============= */
/*     OTHER     */
/* ============= */

/* Blurred backgrounds */
@supports ( (-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px)) ) {
    .ipsModal,
    .ipsApp .ipsButton_overlaid{
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
    }
}

/* Widget margin: If the margin is on the top, the elements below are touching the widget */
.cWidgetContainer[data-widgetArea="header"]{ margin-top: 0; margin-bottom: 10px; }

/* Rules Link */
a[data-ipsdialog-content="#elForumRules"],
a[data-ipsdialog-content="#elCategoryRules"],
.ipsfocus_rules{
    display: block;
    padding: 15px;
    margin-bottom: 10px;
}

/* License key upgrade */
#elLicenseKey{
    margin-bottom: 10px;
}

/* Step Bar - wizard */
.ipsStepBar { background: {theme="area_background_light"}; }
.ipsStepBar > .ipsStep > a, .ipsStepBar > .ipsStep > span { background-color: {theme="area_background_light"}; }
.ipsStepBar > .ipsStep.ipsStep_active > a, .ipsStepBar > .ipsStep.ipsStep_active > span { color: #fff; }


/* Thumbnails */
.ipsThumb_bg, .ipsNoThumb{ border: 0; box-shadow: inset rgba(0,0,0,0.3) 0px 0px 0px 1px; }
.ipsNoThumb{ background: #2a2a2a; }
.ipsImage_thumbnailed, .ipsThumb { border-color: rgba(0,0,0,0.12); }


/* Messages */
.ipsMessage { color: #fff; box-shadow: inset rgba(0,0,0,0.2) 0px 2px 0px 0px, inset rgba(0,0,0,0.2) 0px -2px 0px 0px; border-radius: 0; }

    .ipsMessage a,
    .ipsMessage_success.ipsMessage a:not(.ipsButton),
    .ipsMessage_warning.ipsMessage a:not(.ipsButton),
    .ipsMessage_general.ipsMessage a:not(.ipsButton){
        color: inherit;
        border-bottom: 1px dotted currentColor;
    }

.ipsMessage_error,
ipsBadge_negative,
.ipsButton.ipsButton_repDown,
.ipsReputation_count.ipsType_negative,
.cNexusOrderBadge.cNexusOrderBadge_expd,
.cNexusSupportBadge,
.ipsAreaBackground_negative,
.cProfileRepScore_negative {
    background: #b52b38;
    color: #fff;
}

.ipsMessage_success,
.ipsBadge_positive,
.ipsButton.ipsButton_repUp,
.ipsReputation_count.ipsType_positive,
.cNexusOrderBadge.cNexusOrderBadge_paid,
.ipsAreaBackground_positive,
.cProfileRepScore_positive {
    background: #659c40;
    color: #fff
}

.ipsMessage_warning { background: #f6db89; color: #7a500d; }

.ipsMessage_info,
.ipsMessage_information,
.cNexusOrderBadge.cNexusOrderBadge_pend { background: #5e707d; }

.ipsMessage_general,
.ipsReputation_count,
.cProfileRepScore_neutral { background: #ebebeb; color: #333; }

/* User photo */
.ipsUserPhoto { background: transparent; }
.ipsUserPhoto:after {
      content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: auto; height: auto;
}


.ipsBox .ipsPageHeader{ background: none; border: 0; box-shadow: none; }

 


/* .ipsAreaBackground_dark hr.ipsHr { border-color: rgba(255,255,255,0.1); } */
hr.ipsHr.ipsHr_thick { border-color: rgba(0,0,0,0.75); }

 

/* Spinning loader */
.ipsLoading:before { color: rgba(0,0,0,0.75); }
.ipsLoading.ipsLoading_small:before { color: rgba(0,0,0,0.85); }
.ipsLoading.ipsLoading_tiny:before { color: rgba(0,0,0,0.85); }
/*.ipsLoading.ipsLoading_dark:before { color: #fff; }*/


/* Comment and Notification Indicators */
/*
    .ipsCommentCount_hot { background: #da8619; color: #fff; }
        .ipsCommentCount_hot:after { border-right-color: #da8619; }
        html[dir="rtl"].ipsCommentCount_hot:after { border-left-color: #da8619; }
*/
.ipsApp .ipsNotificationCount {
    background: {theme="notification_bubble"};
    border-radius: 3px;
    box-shadow: inset rgba(255,255,255,0.2) 0px 1px 0px;
    top: -5px;
}

html[dir="ltr"] .ipsApp .ipsNotificationCount{ right: -5px; }
html[dir="rtl"] .ipsApp .ipsNotificationCount{ left: -5px; }

html[dir="ltr"] #elNavigationMore_dropdown_menu .ipsNotificationCount{ top: 9px; right: 9px; }
html[dir="rtl"] #elNavigationMore_dropdown_menu .ipsNotificationCount{ top: 9px; left: 9px; }

 

/* Mod Cpanel table */
.ipsTable_zebra tbody tr:nth-child(2n):not(.ipsTable_highlight){ background-color: rgba(0,0,0,0.03); }
.ipsTable_sortable.ipsTable_sortableActive{ background-color: {theme="area_background_dark"}; box-shadow: inset rgba(0,0,0,0.15) 0px 0px 0px 100px; }
.ipsTable_sortable:hover{ background-color: {theme="area_background_dark"}; box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 100px; }

 

/* Notification settings */
.ipsTable.ipsMatrix .ipsMatrix_subHeader{ padding: 15px; }

 

 

 

/* Fix collapsed borders - used to fix minimal sign in page but not sure if it has side effects elsewhere */
.ipsColumns{ border-collapse: separate; }

/* Share links */
.cShareLink{ border-radius: 3px; box-shadow: inset rgba(0,0,0,0.15) 0px 0px 0px 1px; }
.cShareLink:hover{ box-shadow: inset rgba(0,0,0,0.15) 0px 0px 0px 1px, inset rgba(255,255,255,0.18) 0px 30px 0px; }

 

/* Footer RSS Icon */
#elRSS{
    color: #fff;
    background: #ff843e;
    background-image: linear-gradient(to bottom, #ffab57 0%, #ff7c38 100%);
    text-shadow: rgba(249,66,0,0.8) 0px -1px 0px;
    border-radius: 3px;
    border: 1px solid rgba(249,66,0,0.66);
    box-shadow: inset rgba(255,255,255,0.2) 0px 1px 0px;
    text-align: center;
    text-decoration: none;
    font-size: 1.2rem;
    width: 17px; height: 17px;
    line-height: 14px;
    margin: 9px 9px 0 0;
}

html[dir="rtl"] #elRSS{
    margin-right: 0;
    margin-left: 9px;
}

#elRSS .fa:before{ content: "\f09e" }

 

 

 

/* Reset thick borders */
.ipsDataList_large .ipsDataItem{ border-bottom-width: 1px; }
/* Search results */
.cSearchResults .ipsDataItem{ border-bottom-width: 1px; border-top-width: 1px; }
.cSearchFilters .ipsFieldRow{ border-bottom-width: 1px; }
/* Make hr match the above widths since its used in similar areas */
hr.ipsHr{ border-width: 0; }
.ipsBox hr.ipsHr{ border-width: 1px 0 0 0; }

/* Follow count - align and remove arrow */
.ipsFollow .ipsCommentCount { vertical-align: top; margin-top: 2px; }
html[dir="ltr"] .ipsFollow .ipsCommentCount:after { border-right-color: rgba(255,255,255,0.35); display: none; }
html[dir="rtl"] .ipsFollow .ipsCommentCount:after { border-left-color: rgba(255,255,255,0.35); display: none; }
html[dir="ltr"] .ipsCommentCount{ margin-left: 0px; }
html[dir="rtl"] .ipsCommentCount{ margin-right: 0px; margin-left: 2px; }

/* Make minorHeading inherit body font-size */
.ipsType_minorHeading{ font-size: 0.9em; }
#elProfileStats .ipsType_minorHeading{ font-size: 1.1rem; }

 

/* BASIC MENU */
.ipsMenu {
    background: {theme="ipsf_popupMenu"};
    border-color: transparent;
    box-shadow: 0px 10px 70px rgba(0,0,0,0.3);
    text-shadow: none;
}

    .ipsMenu_item > a {
        color: {theme="ipsf_popupText"};
        border-radius: 3px;
    }
    
    /* Hover */
    .ipsMenu_item:not( .ipsMenu_itemClicked ):not( .ipsMenu_itemDisabled ) a:hover, .ipsMenu_item[data-selected] a {
        background-color: rgba(0,0,0,0.05);
        box-shadow: inset rgba(0,0,0,0.03) 0px 0px 0px 1px;
    }
    
    /* Titles */
    .ipsMenu_title {
        color: {theme="text_color"};
        background: rgba(0,0,0,0.05);
        border: 1px solid rgba(0,0,0,0.07);
        border-width: 1px 0px;
        margin: 5px -5px;
        padding: 12px 15px;
        text-transform: uppercase;
    }
    .ipsMenu .ipsMenu_title:first-of-type{ margin-top: 0; }
    
    .ipsMenu_sep { border-top-color: rgba(0,0,0,0.1); }
    
    /* Other */
    ul.ipsMenu, div.ipsMenu > ul{ padding: 5px; }
    .ipsMenu_itemDisabled > a { color: inherit; opacity: 0.5; }
    
    /* MENU STEMS */
    .ipsMenu.ipsMenu_topLeft:after,
    .ipsMenu.ipsMenu_topRight:after,
    .ipsMenu.ipsMenu_topCenter:after {
        border-top-color: {theme="ipsf_popupMenu"};
    }
    
    .ipsMenu.ipsMenu_bottomRight:after,
    .ipsMenu.ipsMenu_bottomLeft:after,
    .ipsMenu.ipsMenu_bottomCenter:after {
        border-bottom-color: {theme="ipsf_popupMenu"};
    }

    /* Hide arrow "border" */
    .ipsMenu.ipsMenu_topLeft:before,
    .ipsMenu.ipsMenu_topRight:before,
    .ipsMenu.ipsMenu_topCenter:before,
    .ipsMenu.ipsMenu_bottomRight:before,
    .ipsMenu.ipsMenu_bottomLeft:before,
    .ipsMenu.ipsMenu_bottomCenter:before {
        display: none !important;
    }

 

/* OTHER MENU */

.ipsMenu_headerBar, .ipsMenu_footerBar {
    background: {theme="ipsf_popupMenu"};
    background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%);
}

    .ipsMenu_headerBar {
        border-bottom: 1px solid rgba(0,0,0,0.15);
        box-shadow: 0px 1px 3px rgba(0,0,0,0.07);        
    }

    .ipsMenu_footerBar {
        border-top: 1px solid rgba(0,0,0,0.1);
        box-shadow: 0px -1px 3px rgba(0,0,0,0.07);
    }

 

/* Counts for menu items */

.ipsMenu_itemCount, .ipsSideMenu_itemCount {
    background: rgba(0,0,0,0.05);
    color: inherit;
}
    
    .ipsMenu_item:not( .ipsMenu_itemClicked ) a:hover .ipsMenu_itemCount,
    .ipsMenu_item:not( .ipsMenu_itemClicked ) button:hover .ipsMenu_itemCount {
        background: rgba(0,0,0,0.1);
    }

    /* .ipsSideMenu_itemActive .ipsSideMenu_itemCount {
        background: rgba(255,255,255,0.2);
        color: #fff;
    } */

 

/* AUTOCOMPLETE MENUS */

.ipsAutocompleteMenu {
    background: {theme="ipsf_popupMenu"};
    box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
}

    .ipsAutocompleteMenu_item[data-selected] {
        /* background: rgba(0,0,0,0.1); subtle highlight */
    }

 

/* SIDE MENUS */


/* Sub lists */
/*
html[dir="ltr"] .ipsSideMenu_item + .ipsSideMenu_list { border-left: 1px solid rgba(0,0,0,0.2); }
html[dir="rtl"] .ipsSideMenu_item + .ipsSideMenu_list { border-right: 1px solid rgba(0,0,0,0.2); }
*/


/* popup.css */
.ipsDialog > div { background: {theme="ipsf_popupMenu"}; }
.ipsDialog .ipsDialog_loading { background-color: {theme="ipsf_popupMenu"}; }
.ipsDialog_close, a.ipsDialog_close, .ipsDialog_title { color: {theme="ipsf_popupText"}; }

/* ALERT BOXES: js alert */
.ipsAlert { background: {theme="ipsf_popupMenu"}; color: {theme="ipsf_popupText"}; }

/* HOVERCARD */
.ipsHovercard {
    background: {theme="ipsf_popupMenu"};
    border: 1px solid rgba(255,255,255,0.1);
    box-shadow: rgba(0,0,0,0.06) 0px 0px 0px 1px, 0px 5px 40px rgba(0,0,0,0.2), 0px 5px 20px rgba(0,0,0,0.2);
}

    .ipsHovercard_stemTop .ipsHovercard_stem {
        border-color: {theme="ipsf_popupMenu"} transparent transparent transparent;
    }

    .ipsHovercard_stemBottom .ipsHovercard_stem {
        border-color: transparent transparent {theme="ipsf_popupMenu"} transparent;
    }

        /* Remove stem border */
        .ipsHovercard_stemTop .ipsHovercard_stem:before,
        .ipsHovercard_stemBottom .ipsHovercard_stem:before{ display: none !important; }

    /* Hovercard elements */
    .ipsHovercard_loading {
        box-shadow: 0px 5px 40px rgba(0,0,0,0.4);
        background-color: {theme="ipsf_popupMenu"};
    }
        
        .ipsHovercard_loading:after {
            border-color: {theme="ipsf_popupMenu"} transparent transparent transparent;
        }

/* Dark tooltips */
.ipsTooltip { background: rgba(25,25,25,0.9); }
.ipsTooltip.ipsTooltip_top:after { border-top-color: rgba(25,25,25,0.9); }
.ipsTooltip.ipsTooltip_bottom:after { border-bottom-color: rgba(25,25,25,0.9); }


/* jQuery UI Date Picker */
.ui-datepicker { background: {theme="ipsf_popupMenu"}; box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.58 ); }
.ui-datepicker-header { background: transparent; color: #333; border-bottom: 0; }
.ui-datepicker-prev:after, .ui-datepicker-next:after { color: inherit; }
.ui-datepicker th { background: rgba(0,0,0,0.6); color: #fff; }
.ui-datepicker td a:hover, .ui-datepicker-current-day { background-color: rgba(0,0,0,0.06); }
.ui-datepicker-today { background-color: rgba(0,0,0,0.1); }
.ui-datepicker-title select, .ui-datepicker-title option { color: #333; }
/* Fixes */
.ui-datepicker table{ margin-top: 5px; }
.ui-datepicker-title select{ margin: 0 3px; }    
.ui-datepicker td a{ margin: 0 auto; }

/* Tabs */
/* Mini tabs */
.ipsWidget .ipsTabs_small .ipsTabs_item:not(.ipsTabs_activeItem){
    color: {theme="text_light"};
}
    
    /* Active mini tab */
    .ipsWidget .ipsTabs_small .ipsTabs_activeItem{
        border-bottom-color: {theme="text_light"};
    }

/* Increase height of small tabs */
.ipsTabs.ipsTabs_small .ipsTabs_item{ line-height: 3.4rem; }
/* Widget Tabs */
/* .ipsWidget .ipsTabs_small{ background: rgba(0,0,0,0.03); } */

/* 4.1 */
.ipsTabs_panels.ipsTabs_contained{ border: 0;}

 

/* Tags.css */
.ipsTags a {
    background: {theme="ipsf_tags"};
    color: #fff !important;
    border-radius: 0px 3px 3px 0px;
}
    html[dir="ltr"] .ipsTags a:before { border-color: transparent {theme="ipsf_tags"} transparent transparent; }
    html[dir="rtl"] .ipsTags a:before { border-color: transparent transparent transparent {theme="ipsf_tags"}; }

    .ipsTags a:hover { background: {theme="ipsf_tagsHover"}; }
    html[dir="ltr"] .ipsTags a:hover:before { border-color: transparent {theme="ipsf_tagsHover"} transparent transparent; }
    html[dir="rtl"] .ipsTags a:hover:before { border-color: transparent transparent transparent {theme="ipsf_tagsHover"}; }

    .ipsTags a:after, .ipsTag_prefix:after { background: {theme="area_background_reset"}; }

.ipsTag_prefix, .ipsTags a{ border-radius: 0px 3px 3px 0px; }
html[dir="rtl"] .ipsTag_prefix, html[dir="rtl"] .ipsTags a{ border-radius: 3px 0px 0px 3px; }

/* Follow bubble */
.ipsFollow .ipsCommentCount { background: rgba(255,255,255,0.35); color: #fff; }
html[dir="ltr"] .ipsFollow .ipsCommentCount:after { border-right-color: rgba(255,255,255,0.35); }
html[dir="rtl"] .ipsFollow .ipsCommentCount:after { border-left-color: rgba(255,255,255,0.35); }

 

/* Sticky */
.ipsSticky.ipsSticky_top{ border-bottom: 1px solid rgba(0,0,0,0.05); }
.ipsSticky.ipsSticky_bottom:before { background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, {theme="area_background_reset"} 100%); }


/* Read notifications in dropdown menu and QA */
.ipsDataList_readStatus .ipsDataItem:not( .ipsDataItem_unread ):not( .ipsDataItem_selected ):not( .ipsModerated ) {
    background: transparent;
    opacity: 0.7;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

/* Selected message in inbox */
.cMessage_active{ background: {theme="selected"} !important; }

/* Selected message list */
.ipsApp .ipsDataItem_selected {
    background-color: {theme="selected"};
}

/* This highlights hot stats */
.ipsDataItem_stats_hot { background: inherit; color: inherit; }


/* Sidemenu items */
/* Hover */
.ipsSideMenu_item a:hover, a.ipsSideMenu_item:hover,
.ipsSideMenu_item:not(.ipsSideMenu_itemActive) a:hover,
a.ipsSideMenu_item:hover:not(.ipsSideMenu_itemActive)
{
    background-color: rgba(0,0,0,0.05);
}
/* Active */
.ipsSideMenu_itemActive a, a.ipsSideMenu_itemActive, .ipsSideMenu_itemActive a:hover, a.ipsSideMenu_itemActive:hover {
    background: {theme="button_bar"};
    color: #fff;
}
    
.ipsWidget.ipsWidget_vertical .ipsWidget_inner { background: none transparent; }

 

 

 

/* ================ */
/*     SIDEBARS     */
/* ================ */

/* Widget headers */
.ipsWidget.ipsWidget_horizontal .ipsWidget_title{
    margin-top: 0;
    margin-bottom: 0;
}

.ipsWidget.ipsWidget_vertical .ipsWidget_title,
.ipsWidget.ipsWidget_horizontal .ipsWidget_title{
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

/* Widget padding */
.ipsWidget_horizontal[data-blockid*="app_core_activeUsers"] .ipsWidget_inner,
.ipsWidget_horizontal[data-blockid*="app_downloads"] .ipsGrid{
    padding: 10px;
    padding-bottom: 0;
}


/* Sub headers */
.ipsWidget.ipsWidget_vertical .ipsWidget_title,
.ipsWidget.ipsWidget_horizontal .ipsWidget_title,
#elVNC_sidebar .ipsFieldRow_label,
#elSearch_sidebar .ipsFieldRow_label,
.ipsTable.ipsMatrix .ipsMatrix_subHeader,
.ipsSideMenu_subTitle,
.ipsSideMenu_title, .ipsSideMenu_list + .ipsSideMenu_title, html[dir="ltr"] .ipsSideMenu_title{
    padding: 11px 15px;
    font-size: 1.2rem;
    font-weight: bold;
}

/* My Activity menu */
.ipsSideMenu.ipsPad{ padding: 0; }
.ipsSideMenu_subTitle{ margin: 0; }
.ipsSideMenu_item a, a.ipsSideMenu_item{ margin: 0; }
.ipsSideMenu_title, .ipsSideMenu_list + .ipsSideMenu_title{ margin: 0; }
.ipsSideMenu_withChecks .ipsSideMenu_item a:after, .ipsSideMenu_withChecks a.ipsSideMenu_item:after,
.ipsSideMenu_withRadios .ipsSideMenu_item a:after, .ipsSideMenu_withRadios a.ipsSideMenu_item:after {
    color: inherit;
}
.ipsSideMenu_itemDisabled a, a.ipsSideMenu_itemDisabled { color: inherit; opacity: 0.6; }

/* Sidebar: Search */
#elSearch_sidebar{ padding-top: 0; }
#elSearch_sidebar .ipsSideMenu{ margin: -15px -15px 0 -15px; }
#elSearch_sidebar .ipsFieldRow_label{
    margin: 0px -15px 15px -15px;
    display: block;
    width: auto;
}

/* Check boxes */
.ipsSideMenu_item a, a.ipsSideMenu_item{ padding-left: 15px; padding-right: 15px; }

/* Sidebar: View New Content */
#elVNC_sidebar > ul > li.ipsPad{ padding: 0; }
/* #elVNC_sidebar .ipsFieldRow_label{ padding: 10px; } */
#elVNC_sidebar [data-role="containerFilter"]{ padding: 10px 10px 0 10px; }
.ipsFieldRow:not( .ipsFieldRow_checkbox ) .ipsFieldRow_label, .ipsFieldRow:not( .ipsFieldRow_checkbox ) .ipsFieldRow_title{ font-size: inherit; }

/* New Content responsive menu */
.ipsSideMenu.ipsSideMenu_open, .ipsSideMenu:target{ background-color: {theme="ipsf_popupMenu"}; }

 


/* =============== */
/*     GALLERY     */
/* =============== */

.cGallerySteps > li:before,
.cGallerySteps > li span:before,
.cGallerySteps > li span:after,
.cGallerySteps > li a:before,
.cGallerySteps > li a:after{
    background: {theme="text_color"};
}
.cGallerySteps > li span, .cGallerySteps > li a{
    color: {theme="text_color"};
}

    /* Done steps */
    .cGallerySteps > li.cGallerySteps_done:before,
    .cGallerySteps > li.cGallerySteps_done span:after,
    .cGallerySteps > li.cGallerySteps_done + li span:before,
    .cGallerySteps > li.cGallerySteps_done a:after,
    .cGallerySteps > li.cGallerySteps_done + li a:before,
    .cGallerySteps > li.cGallerySteps_active:before {
        background: #659c40;
    }
    
    .cGallerySteps > li.cGallerySteps_done span,
    .cGallerySteps > li.cGallerySteps_active span,
    .cGallerySteps > li.cGallerySteps_done a,
    .cGallerySteps > li.cGallerySteps_active a {
        color: #659c40;
    }

/* Choose existing album */
/* :hover */
#elGallerySubmit_albumChooser > li > div:hover{
    background-color: {theme="area_background_light"};
    box-shadow: inset rgba(255,255,255,0.1) 0px 200px 0px;
}

/* :active */
#elGallerySubmit_albumChooser > li > input[type="radio"]:checked + div{
    background-color: {theme="area_background_light"};
    box-shadow: inset rgba(0,0,0,0.07) 0px 200px 0px;
}

/* Add information tick */
.cGallerySubmit_done:before{
    background: #659c40;
    border-color: transparent;
    box-shadow: none;
}

/* Add information selected image */
.cGallerySubmit_strip .cGallerySubmit_current .cGalleryTrimmedImage{
    border-color: {theme="area_background_dark"};
}

    /* Arrow */
    html[dir="ltr"] .cGallerySubmit_strip .cGallerySubmit_current:after {
        border-left-color: {theme="area_background_dark"};
    }
    html[dir="rtl"] .cGallerySubmit_strip .cGallerySubmit_current:after {
        border-right-color: {theme="area_background_dark"};
    }

/* Selected thumbnail when viewing slider */
.cGalleryAlbumSlider li.cGalleryAlbumSlider_active{
    border-color: #fff;
}

/* Carousel widget */
.ipsWidget[data-blockid*="app_gallery_imageFeed"] .ipsWidget_inner{ padding: 10px; }

 

 

 


/* Show as large previews */
.cGalleryLargeList > li{
    background: rgba(0,0,0,0.02);
    border-color: rgba(0,0,0,0.1);
}

/* Sub categories */
.cGalleryCats > .ipsGrid{ margin-bottom: 0; }
.cGalleryCats{ padding-bottom: 0; }
.cGalleryCats ul.ipsGrid > li{ margin-bottom: 7px; }

/* Gallery widget */
.cGalleryWidget > div:first-child{ background: transparent; }

#elGalleryHeader{ margin: 0 0 15px 0; }
#elGalleryImage{ border-radius: 3px 3px 0px 0px; }
#elGalleryNav{ border-radius: 0px 0px 3px 3px; }
.cGalleryAlbumSlider .ipsAreaBackground,
.cGalleryAlbumSlider .cGalleryTrimmedImage{ background-color: transparent; }
.cGalleryAlbumSlider li{ border-color: transparent; }

#elGalleryImage{ background: rgba(20,20,20,0.9); }
#elGalleryNav{ background: rgba(10,10,10,0.92); }

/* Profile "Albums" tab */
.cProfileAlbum .ipsImage{
    max-height: 120px;
    display: block;
    margin: 15px auto 0 auto;
}

 


/* ================= */
/*     DOWNLOADS     */
/* ================= */

#elDownloadsCategories{ margin-top: 0; }

/* Dropzone background */
#elDownloadsSubmit .ipsAreaBackground{ background: none; }

#elDownloadsSubmit_progress.ipsSticky{ background-color: {theme="area_background_reset"}; }

/* Step: make "step_background" setting redundant */
.cDownloadsSubmit_step{
    background: {theme="area_background_dark"};
}


/* ============= */
/*     NEXUS     */
/* ============= */

/* Support Tickets */
/* body.ipsApp .cNexusSupportMessage{ border: 1px solid rgba(0,0,0,0.1); } */
/* .cNexusSupportMessage_message{ background-color: rgba(255,255,255,0.1); } */
.cNexusSupportMessage_m .cNexusSupportMessage_author,
.cNexusSupportMessage_a .cNexusSupportMessage_author { background: rgba(102,139,204,0.13); }
.cNexusSupportMessage_s .cNexusSupportMessage_author { background: rgba(133,192,115,0.2); }
.cNexusSupportMessage_e .cNexusSupportMessage_author { background: rgba(153,153,153,0.1); }
.cNexusSupportMessage_h .cNexusSupportMessage_author { background: rgba(248,197,58,0.2); }

/* Support widget */
#elNexusActions > li > a:hover{ background-color: rgba(255,255,255,0.1); }

/* Cart user bar */
.cUserNav_icon a{ font-size: inherit; }
#elCart .ipsNotificationCount{ right: -5px; left: auto; }
html[dir="rtl"] #elCart .ipsNotificationCount{ left: -5px; right: auto; }

/* Product Listing */
.cNexusPurchaseList h2.ipsType_sectionHead,
.cNexusPurchaseList .ipsType_blendLinks:not(.ipsType_noUnderline) a:hover:not(.ipsType_noUnderline){ color: inherit; }

/* Purchase */
html[dir="ltr"] .cNexusPurchase,
html[dir="rtl"] .cNexusPurchase{
    margin: 0;
}

/* Step: make "step_background" setting redundant */
.cReferralBadge,
.cNexusStep_step,
.cNexusActionBadge:not(.cNexusActionBadge_off){
    background: {theme="area_background_dark"};
}

 

/* ================ */
/*     CALENDAR     */
/* ================ */

/* Featured event titles */
.ipsPageHead_special a{ color: inherit; }

/* Blank calendar cell */
.cCalendar td.cCalendar_nonDate { background: rgba(0,0,0,0.05); }

/* Calendar Add button: reset line-height */
.ipsButton.cCalendar_miniAddEvent{ line-height: 1.4rem; }

/* Calendar submit */
.cCalendarSubmit_field .fa{ top: 5px; }

/* Week view - "Today" */
.cCalendarWeek div.cCalendar_today h2.ipsType_sectionHead,
.cCalendar_today .ipsType_light{ color: inherit; }
/* .cCalendarWeek_day{ box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.06) inset; } */

 

/* ============= */
/*     BLOGS     */
/* ============= */

.ipsTruncate > .ipsTruncate_more:before{ border-top-color: rgba(0,0,0,0.06); }
.ipsTruncate > .ipsTruncate_more:hover:before{ border-top-color: rgba(0,0,0,0.1); }
.cBlogView_entry{ border-bottom-color: rgba(0,0,0,0.08); }
.cBlogInfo_content:after{ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,{theme="area_background_reset"} 100%); }

/* Remove background on blog index */
.cBlogList.ipsAreaBackground{ background: none; }

/* Remove margins on blog index */
.cBlogList .ipsDataItem{ margin: 0; }

 

/* ============ */
/*     CHAT     */
/* ============ */

#elChatTabs { background: {theme="area_background"}; }
#elChatWrapper { border: 0; }
#elChatTabBar > li > a:not( .ipsTabs_activeItem ) { background: none; }

@media screen and (min-width: 767px) {
    #elChatTabBar > li > a:not( .ipsTabs_activeItem ) { color: {theme="text_color"}; }
}

.cChatTab { border-right: 1px solid rgba(0,0,0,0.1); }
.cChatUserRow{ {prefix="transition" value="none"} }
.cChatUserRow:hover, .cChatUserRow_hover { background: rgba(0,0,0,0.02); }

.cChatRow .cChatRow_user, .cChatRow .cChatRow_content, .cChatRow .cChatRow_date { border-bottom: 1px solid rgba(0,0,0,0.1); }

/* .cChatRow .cChatRow_user { color: #898989; }
.cChatRow_date { color: #939393; }
.cChatRow.cChatRow_notice { color: #939393; }
.cChatRow.cChatRow_me { color: #898989; } */
.cChatRow_system { background: #f8e1e1; }
.cChatRow_own { background: rgba(0,0,0,0.03); }
.cChatRow_own .cChatRow_user, .cChatRow_own .cChatRow_content, .cChatRow_own .cChatRow_date { border-color: rgba(0,0,0,0.1); }

@media screen and (max-width: 767px) {
    .cChatRow .cChatRow_user { background: rgba(0,0,0,0.04); }
    .cChatRow_own .cChatRow_user { background: rgba(0,0,0,0.06); }
}

 

/* =========== */
/*     CMS     */
/* =========== */

.ipsWidget.ipsWidget_horizontal[data-blockid^="app_cms"]:not(.ipsBox) .ipsWidget_title{
    margin-top: 0;
}

/* Remove widget background from blocks which contain .ipsBox */
.ipsWidget[data-blocktitle="Database"]{
    background: none;
    border: 0;
    border-radius: 0;
}

/* ======================== */
/*     WIDGET CONTAINER     */
/* ======================== */

.cWidgetContainer.cWidgetContainer_managing{ background: rgba(0,0,0,0.2); }
.cWidgetContainer.cWidgetContainer_managing:before{ border-color: rgba(0,0,0,0.3); }

 

 

/* ====================== */
/*     MINIMAL LAYOUT     */
/* ====================== */

/* Hide top elements */
.ipsLayout_minimal .preContentPadding{ display: none; }

/* Stretch content to full width instead of collapsed table */
.ipsLayout_minimal #ipsLayout_mainArea{ display: block; }

 

/* ========================== */
/*     FONT AWESOME ICONS     */
/* ========================== */

/* User navigation icons */
#elUserNav .fa-bell:before { content: "\f0ac"; }
#elUserNav .fa-envelope:before { content: "\f01c"; }
#elUserNav .fa-warning:before { content: "\f06a"; }

#elUserLink_menu a[href*="admin"] i{ display: none; }

#elUserLink_menu a:before,
#elCreateNew_menu a:before{
    content: "\f02b";
    font-family: "FontAwesome";
    font-size: 14px;
    font-weight: normal;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    {prefix="transform" value="translate(0,0)"}
      margin-bottom: -2px;
      line-height: 1;
}

#elUserLink_menu a:before, #elCreateNew_menu a:before{ display: inline-block; width: 22px; opacity: 0.7; }
#elUserLink_menu a:hover:before, #elCreateNew_menu a:hover:before{ opacity: 1; }

/* Not sure what the best href method is */
#elUserLink_menu a[href*="/profile/"]:before{ content: "\f007" }
#elUserLink_menu a[href='{url="app=core&module=messaging&controller=messenger" seoTemplate="messaging"}']:before{ content: "\f01c" }
#elUserLink_menu a[href*="/content/"]:before{ content: "\f03a" }
#elUserLink_menu a[href*="/followed/"]:before{ content: "\f1d8" }
#elUserLink_menu a[href*="/attachments/"]:before{ content: "\f0c6" }
#elUserLink_menu a[href*="/settings/"]:before{ content: "\f013" }
#elUserLink_menu a[href*="/clients/"]:before{ content: "\f07a" }
#elUserLink_menu a[href*="edit"]:before{ content: "\f040" }
#elUserLink_menu a[href*="/ignore/"]:before{ content: "\f05e" }
#elUserLink_menu a[href*="/notifications/options/"]:before{ content: "\f0ac" }
#elUserLink_menu a[href*="/modcp/"]:before{ content: "\f046" }
#elUserLink_menu a[href*="admin"]:before{ content: "\f023" }
#elUserLink_menu a[href*="/logout/"]:before{ content: "\f08b" }

#ipsLayout_mainNav a:before{ margin-right: 3px; opacity: 0.6; }
#ipsLayout_mainNav a:hover:before, #ipsLayout_mainNav a.ipsNavActive:before{ opacity: 1; }
html[dir="rtl"] #ipsLayout_mainNav a:before{ margin-right: 0; margin-left: 3px; }

#elCreateNew_menu a:before{ content: "\f0fe" }
#elCreateNew_menu a[href*="announcements"]:before{ content: "\f0a1" }
#elCreateNew_menu a[href*="module=status"]:before{ content: "\f086" }
#elCreateNew_menu a[href*="/files/"]:before { content:"\f019" }
#elCreateNew_menu a[href*="/gallery/"]:before { content:"\f03e" }
#elCreateNew_menu a[href*="/blogs/"]:before { content:"\f02d" }
#elCreateNew_menu a[href*="/calendar/"]:before { content:"\f073" }
#elCreateNew_menu a[href*="/articles"]:before { content:"\f0f6" }
#elCreateNew_menu a[href*="/forum/"]:before { content:"\f086" }


/* =================== */
/*     MINOR FIXES     */
/* =================== */

/* Make tabs occupy full width: the default theme works fine with this code. Not sure why it needs to be adjusted, but it does */
.ipsTabs.ipsTabs_stretch [role="tablist"]{ table-layout: auto; }

/* Fix margin bug on footer */
body{ padding-bottom: 1px; }

/* Hide collapsed forums */
.cForumRow_hidden .ipsBox{ display: none; }

/* Theme selection */
#elNavTheme_menu .ipsButton_link{ color: {theme="ipsf_popupText"}; }

/* Make wizard use single 2x image */
html[dir="ltr"] .ipsApp .ipsStepBar > .ipsStep > a, html[dir="ltr"] .ipsApp .ipsStepBar > .ipsStep > span { background-image: url( {resource="wizard_step_large@2x.png" app="core" location="front"} ); background-size: 238px 110px; }
html[dir="rtl"] .ipsApp .ipsStepBar > .ipsStep > a, html[dir="rtl"] .ipsApp .ipsStepBar > .ipsStep > span { background-image: url( {resource="wizard_step_large_rtl@2x.png" app="core" location="front"} ); background-size: 238px 110px; }
html[dir="ltr"] .ipsApp .ipsStepBar > .ipsStep + .ipsStep.ipsStep_active:after { background-image: url( {resource="wizard_step_extra@2x.png" app="core" location="front"} ); }
html[dir="rtl"] .ipsApp .ipsStepBar > .ipsStep + .ipsStep.ipsStep_active:after { background-image: url( {resource="wizard_step_extra_rtl@2x.png" app="core" location="front"} ); }

/* FontAwesome blur fix */
.ipsMenu_item > a{ {prefix="transform" value="translate(0,0)"} }

/* Page title */
.ipsPageHeader{ padding: 20px; margin: 0; margin-bottom: 10px; }
.ipsPageHeader .ipsSpacer_bottom{ margin-bottom: 0; }

/* Remove background from My Content page */
#elUserContent .ipsTabs_panel,
/* Remove from Activity Stream */
#elActivity .ipsTabs_panel{ background: none transparent; }

/* Fix alignment of absolute checkboxes in dropdown menus */
.ipsMenu_selectable a{ position: relative; }

/* Remove top borders from data-list if they exist */
.ipsDataList:not(.ipsGrid) .ipsDataItem:first-child{ border-top: 0; }

/* Make inputs and labels inherit global font */
.ipsApp label:not( .ipsField_unlimited ), .ipsApp input, .ipsApp button, .ipsApp select, .ipsApp textarea {
    font-family: inherit;
    font-size: inherit;
}

.ipsApp select{ font-size: 1.3rem !important; }

/* Reset width class on child elements */
.ipsLayout_container .ipsLayout_container:not(.forceWidth) { max-width: none; padding: 0; margin: 0; }

/* Stop noHover buttons from hover and active effect */
.ipsApp .ipsButton_noHover:hover, .ipsApp .ipsButton_noHover:active{ box-shadow: inherit; }

/* My themes don't need a z-index due to no header overlay */
#ipsLayout_body{ z-index: auto; }

/* Remove margins on "newVersion" download field and possibly other areas */
.ipsFieldRow_section{ margin: 0; }

 

 


/* ========================= */
/*     RESPONSIVE STYLES     */
/* ========================= */


/* Minimalistic break-point */

@media screen and (max-width: 979px){
    
    #elFooterLinks{ padding-bottom: 5px; }
    #ipsLayout_footer #elCopyright{ float: none; text-align: center; }
    #ipsLayout_footer .ipsPos_left{ float: none; }
    .ipsfocusCopyright{ text-align: center; }
    
    /* Mobile header padding */
    #ipsLayout_header > .ipsLayout_container{ padding: 0; }
    #header{ padding: 0 15px; }
    
    /* Make responsive sidebar padding the same as main content padding */
    #ipsLayout_sidebar{ padding-left: 15px; padding-right: 15px; }
    
    /* Post count on forum index */
    .ipsDataItem_statsLarge .ipsDataItem_stats_number{ font-size: inherit; }
}

/* Tablets */

@media screen and (max-width: 767px) {

    /* Mobile pagination alignment */    
    .ipsButtonBar, .ipsPagination{ position: relative; }
    .ipsPagination .ipsPagination_pageJump{ top: 0; }

    .ipsTabs{ border-top: 0; }
    
    #ipsLayout_sidebar{ padding-left: 10px; padding-right: 10px; padding-top: 10px; }
 
}

 


/* ================= */    
/*     BUG FIXES     */
/* ================= */

/* Overflow in sidebar hides box shadows - not sure if this has side effects */
#ipsLayout_sidebar{ overflow: auto; }
/* Fix for the above hack */
#elContextualTools{ padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; }

/* Hyphens in firefox */
.ipsType_break{ -moz-hyphens: none; }

/* Remove borders from autocomplete mini input fields in RTL */
html[dir="rtl"] .ipsApp .ipsField_autocomplete input[type="text"]{ border: 0; }

/* Fix "Moderation Actions" from jumping when clicked */
.ipsApp .ipsButton_link{ border: 1px solid transparent !important; box-shadow: none !important; background: none transparent !important; }

/* Clearfixes */
.ipsSubNavigation .ipsList_inline:after,
.ipsBreadcrumb ul:after,
ul[role="tablist"]:after,
/* .ipsPhotoPanel:after, */
#ipsLayout_footer .ipsLayout_container:after{
    visibility: hidden;
    display: block;
    font-size: 0px;
    content: " ";
    clear: both;
    height: 0px;
}

/* Block manager */
#elWidgetControls{ background: #222; box-shadow: none; }
#elSidebarManager, #elSidebarManager .ipsType_light{ color: #aaa; }

/* Completely hide unused sidebar. By default, width is 1px */
body:not( .cWidgetsManaging ) #ipsLayout_sidebar.ipsLayout_sidebarUnused, body.ipsLayout_sidebarUnused:not( .cWidgetsManaging ) #ipsLayout_sidebar{ visibility: hidden; }

 

 

вот содержимое 2го файла

_ipsfocus_theme.css

 

/* ===================================================== */
/*                                                       */
/*            Theme developed by ipsfocus.com            */
/*                                                       */
/*                                                       */
/*   Need support? Visit the official customer forums!   */
/*            http://www.ipsfocus.com/forums/ */
/*                                                       */
/*       Terms and Conditions of using this theme        */
/*   http://www.ipsfocus.com/terms_and_conditions.php */
/*                                                       */
/* ===================================================== */

/* ============ */
/*     BODY     */
/* ============ */

body {
    font-family: Tahoma, sans-serif;
    font-size: 1.2rem;
}

 


/* ============== */
/*     HEADER     */
/* ============== */

#header {
    background-color: {theme="header"};
      background: transparent;
}

/* Logo */
a.logo{
    float: left;
}

html[dir="rtl"] a.logo{ float: right; }

    a.logo .logoSlogan{
        font-size: 14px;
        padding-top: 6px;
        margin-top: 6px;
    }

/* Fixed Header */
{{if theme.ipsf_fixedHeader}}
@media screen and (min-width: 980px) {
 
  .ipsfocus_fixedHeader #header{
    position: fixed;
    z-index: 5010; /* Overlay profile header */
    top: 0; left: 0; right: 0;
  }
 
  body.ipsfocus_fixedHeader{
    padding-top: {expression="theme.ipsf_logoHeight + 10"}px;
  }
 
  .ipsfocus_fixedHeader.cWidgetsManaging #header{ left: 300px; }
 
  .ipsfocus_fixedHeader a[id*="comment-"]{ position: relative; top: -{expression="theme.ipsf_logoHeight + 10"}px; }

}
{{endif}}

 


/* ================== */
/*     NAVIGATION     */
/* ================== */

#navBar {
    background: {theme="main_nav"};
      background: rgba(0,0,0,0.4);
    border: 1px solid rgba(0,0,0,0.3);
    border-bottom: 0;
    border-radius: 3px 3px 0px 0px;
      position: relative;
}

/* Hide navigation elements on tablets and mobiles */
@media screen and (max-width: 979px) {
    #navBar { display: none; }
}

/* Set width for More menu */
.navAlign{
      max-width: calc(100% - 370px );
}

    .ipsNavBar_primary:not(.ipsNavBar_noSubBars) > ul:before{
        left: -1px;
        right: -1px;
        box-shadow: inset rgba(0,0,0,0.1) 0px -1px 0px;
    }

    html[dir="ltr"] .ipsNavBar_primary:not(.ipsNavBar_noSubBars) > ul:before{ right: -371px; }
    html[dir="rtl"] .ipsNavBar_primary:not(.ipsNavBar_noSubBars) > ul:before{ left: -371px; }

/* Navigation container */
.ipsNavBar_primary{
    padding-bottom: {theme="subNavLineHeight"}px;
    text-align: left; /* Align tabs */
}

    html[dir="rtl"] .ipsNavBar_primary{
        text-align: right; /* Align tabs */
    }

    /* Tab link */
    .ipsNavBar_primary > ul > li > a {
        color: rgba(255,255,255,0.9);
        padding: 0px 20px;
    }
    
        /* Tab: hover */
        .ipsNavBar_primary > ul > li:hover > a,
        .ipsNavBar_primary > ul > li > a:hover {
            background: rgba(0,0,0,0.15);
            color: #fff;
        }
    
        /* Tab: active */
        .ipsNavBar_primary > ul > li.ipsNavBar_active > a {
            background: {theme="main_nav_tab"};
            color: #444;
            border-radius: 2px 2px 0 0;
        }
    
        /* Secondary bar links */
        .ipsNavBar_secondary > li > a {
            color: rgba(50,50,50,0.6);
            /* font-size: 13px; */
            padding: 0px 20px;
        }
        
            .ipsNavBar_secondary > li > a:hover {
                color: rgba(50,50,50,0.8);
            }
    
            .ipsNavBar_secondary > li.ipsNavBar_active a {
                color: #333;
            }

/* Navigation Tabs */
.ipsNavBar_primary li{
    font-size: 13px;
}

/* Secondary bar */
.ipsNavBar_secondary li,
.ipsNavBar_primary .ipsMenu li{
    font-size: 13px;
}


/* Single navigation: Removes secondary line and creates dropdown menus */

{{if theme.singleNavigationBar}}

    /* Removes secondary bar space */
    .ipsNavBar_primary{
        padding: 0;
    }

    /* Dropdown menu */
    .ipsNavBar_secondary{
        background: {theme="ipsf_popupMenu"};
        border-radius: 4px;
        box-shadow: rgba(0,0,0,0.26) 0px 3px 40px, rgba(0,0,0,0.1) 0px 1px 2px;
        padding: 5px;
    }
    
    /* Dropdown menu arrow */
    .ipsNavBar_secondary:before{
        border-bottom-color: {theme="ipsf_popupMenu"};
    }
    
    @supports ( (-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px)) ) {
        .ipsNavBar_secondary{
            background: rgba(255,255,255,0.7);
            -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
        }
        
        .ipsNavBar_secondary:before{
            border-bottom-color: rgba(255,255,255,0.7);
        }
    }

    .ipsNavBar_secondary > li > a{
        color: inherit;
        /* color: {theme="ipsf_popupText"}; */
        border-radius: 3px;
        border: 1px solid transparent;
    }

        .ipsNavBar_secondary > li > a:hover {
            color: inherit;
            /* color: {theme="ipsf_popupText"}; */
            background: rgba(0,0,0,0.05);
            border-color: rgba(0,0,0,0.08);
        }

{{endif}}

 


/* ======================= */
/*     USER NAVIGATION     */
/* ======================= */

#elUserNav {
    background: rgba(0,0,0,0.3);
    box-shadow: inset rgba(0,0,0,0.3) 0px 1px 3px;
    position: absolute;
    right: 0; top: 50%;
    margin-top: -{expression="theme.ipsf_userNavHeight / 2"}px;
    line-height: {theme="ipsf_userNavHeight"}px;
}

html[dir="rtl"] #elUserNav {
    right: auto;
    left: 0;
}

    /* border-radius */
    #elUserNav, #elUserNav > li:first-of-type a, #elUserNav > li:last-of-type a{ border-radius: 3px; }
    html[dir="ltr"] #elUserNav > li:first-of-type a{ border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
    html[dir="ltr"] #elUserNav > li:last-of-type a{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
    html[dir="rtl"] #elUserNav > li:first-of-type a{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
    html[dir="rtl"] #elUserNav > li:last-of-type a{ border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
    
    #elUserNav > li{
        border-style: solid;
        border-width: 0px 0px 0px 1px;
        border-color: rgba(255,255,255,0.1);
    }
    html[dir="rtl"] #elUserNav > li{ border-width: 0px 1px 0px 0px; }    
    
    #elUserNav > li:first-of-type{ border: 0; }
    
    #elUserNav > li > a { color: #fff; }
    #elUserNav > li a:hover{ background: rgba(0,0,0,0.2); }

 


/* ============== */
/*     SEARCH     */
/* ============== */

#searchWrap{
      z-index: 2001;
    position: absolute;
      right: 6px;
      top: 6px;
}

html[dir="rtl"] #searchWrap{
    right: auto;
      left: 5px;
}

    /* Search box */
    #elSearch {
        background: #fff;
          box-shadow: rgba(0,0,0,0.1) 0px 0px 0px 1px;
    }
    
    #elSearch, #elSearch input[type="search"]{                 color: #333; }
    #elSearch ::-webkit-input-placeholder { opacity: 0.8;    color: #333; }
    #elSearch ::-moz-placeholder { opacity: 0.8;             color: #333; }
    
    #elSearch, #elSearch #elSearchFilter{ border-radius: 3px; }
    #elSearch #elSearchFilter { color: #5f5f5f; background: #eeeeee; }
    #elSearch #elSearchFilter:hover { background: #f7f7f7; }

 


/* ===================== */
/*     GLOBAL STYLES     */
/* ===================== */

/* Main content wrapper */
#ipsLayout_contentArea{
    background: {theme="ipsf_contentWrap"};
    box-shadow: rgba(0,0,0,0.12) 0px 3px 3px;
}


/* Configure content padding */
@media screen and (min-width:980px){
    
    #ipsLayout_contentWrapper,
    .preContentPadding{
        padding-left: 15px;
        padding-right: 15px;
    }
    
}

 


/* ipsfocusBox */
.ipsfocusBox{
    background-color: {theme="area_background_reset"};
    border: 1px solid {theme="ipsf_borderColor"};
    border-radius: 3px;
    box-shadow: rgba(0,0,0,0.05) 0px 1px 4px;
}

/* Box Styles */
.ipsBox,
.ipsComment,
.ipsComment.ipsBox,
.ipsPager,
.ipsPageHeader{
    /* background-color: {theme="area_background_reset"}; */
    border: 1px solid {theme="ipsf_borderColor"};
    border-radius: 3px;
    box-shadow: rgba(0,0,0,0.05) 0px 1px 4px;
}

 


/* .maintitle */
.ipsType_sectionTitle{
    background-color: {theme="ipsf_maintitle"};
    box-shadow: rgba(0,0,0,0.2) 0px 1px 4px inset;
    border: 1px solid rgba(0,0,0,0.2);
    text-shadow: rgba(0,0,0,0.8) 0px 1px 1px, rgba(0,0,0,0.25) 0px 0px 4px;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 15px;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 3px;
    margin-bottom: 6px;
}

.ipsType_sectionTitle,
a.ipsType_sectionTitle,
.ipsType_sectionTitle a{
    color: {theme="ipsf_maintitleText"};
}

 


/*    
    Main content box background
    -- post and comment boxes
    -- reply and pager bars
*/
.ipsBox:not(.ipsBox_transparent):not(.ipsModerated),
.ipsAreaBackground_reset,
.ipsPageHeader,
.ipsComment,
.ipsPager,
.ipsTabs_panel,
.ipsWidget.ipsWidget_horizontal .ipsTabs_panel,
.cCalendar,
.acpBlock .ipsTable_zebra{
    background-color: {theme="area_background_reset"};
}


/* Keep solid. If above is rgba, the following may need to be customized */
.ipsSticky,
.ipsTabs_activeItem,
.ipsComposeArea_dummy,
.ipsLightbox_commentsPanel,
.ipsComposeArea_attachmentsInner > .ipsAreaBackground_reset, /* Attached editor files */
.ipsCarousel .ipsCarousel_nav,
.ipsTruncate > .ipsTruncate_more,
.ipsTruncate > .ipsTruncate_more span{
    background-color: {theme="area_background_reset"};
}

/*
    Widgets and sidebars
    .row1
*/
.ipsWidget,
.ipsWidget.ipsBox:not( .ipsBox_transparent ),
/* Side bars */
#elVNC_sidebar,
#modcp_menu,
#elSearch_sidebar,
.ipsSideMenu.ipsAreaBackground_light{
    background-color: {theme="area_background_reset"};
    border: 1px solid {theme="ipsf_widgetBorder"};
    border-radius: 3px;
}


/*
    Slightly darker than .row1: author column, zebra
    .row2
*/
.ipsBox .ipsAreaBackground_light,
.ipsfocusBox .ipsAreaBackground_light,
.ipsAttachment_progress,
.ipsAttachment_dropZone.ipsDragging, .ipsComposeArea_dropZone.ipsDragging,
.ipsDataList.ipsDataList_zebra .ipsDataItem:not( .ipsDataItem_selected ):not( .ipsModerated ):nth-child(even),
/* Status updates main header */
.cStatusUpdates .ipsComment.ipsComment_hasChildren > .ipsComment_content,
/* Comment header */
/* .ipsComment:not(.ipsModerated) .ipsComment_header, */
.ipsComment:not(.ipsModerated) .ipsComment_header,
.ipsFieldRow_section,
.cPayment{
    background-color: {theme="area_background_light"};
}

/* Same as above, but possibly best left a solid colour if rgba is used */
.cPollVoteBar,
.ipsAreaBackground_light, /* isolated areas not inside .ipsBox */
.ipsComposeArea_attachments{
    background-color: {theme="area_background_light"};
}


/*
    Slightly darker again: submit bar
    .row3
*/
.ipsAreaBackground,
.ipsTabs,
.ipsComposeArea [data-ipsEditor] + [data-ipsEditor-toolList] {
    background-color: {theme="area_background"};
}

    /* Text color such as "Cancel" text next to submit button, labels next to editor toggle, inactive tab color */
    .ipsApp .ipsAreaBackground .ipsButton_link,
    .ipsAreaBackground,
    .ipsTabs_item:not( .ipsTabs_activeItem ),
    a.ipsTabs_item:not( .ipsTabs_activeItem ),
    .ipsTabs_item:not( .ipsTabs_activeItem ):hover{
        color: #444;
    }


/* Widget headers and Sidebar headers */
.ipsWidget.ipsWidget_vertical .ipsWidget_title,
.ipsWidget.ipsWidget_horizontal .ipsWidget_title,    
#elVNC_sidebar .ipsFieldRow_label,
#elSearch_sidebar .ipsFieldRow_label,
.ipsTable.ipsMatrix .ipsMatrix_subHeader,
.ipsSideMenu_title,
.ipsSideMenu_subTitle {
    color: {theme="ipsf_widgetText"};
    background-color: {theme="widget_title_bar"};
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%);
}


/* Calendar th, Notification Settings th, Blank cell, Side menu title */
.ipsAreaBackground_dark,
.ipsTable.ipsMatrix thead th,
.cCalendar td.cCalendar_today, .cCalendarWeek div.cCalendar_today,
.cDownloadsSubmit_step,
.ipsTable th{
    background-color: {theme="area_background_dark"};
    color: #fff;
}

/* Report Center and Inbox List */
/*.ipsApp .ipsDataItem_new, .ipsApp .ipsDataItem_success { background-color: #f0f8f2; }
.ipsApp .ipsDataItem_warning { background-color: #f6f6e9; }
.ipsApp .ipsDataItem_error { background-color: #f7efef; }
.ipsApp .ipsDataItem_info { background-color: #edf5f7; }
.ipsApp .ipsDataItem_selected { background-color: {theme="selected"}; }
.ipsApp .ipsDataItem_status { background-color: #f9f9f9; } */

/* Unread status */
/* .ipsDataList_readStatus .ipsDataItem:not( .ipsDataItem_unread ):not( .ipsDataItem_selected ):not( .ipsModerated ) { background: #f9f9f9; } */

/* Customize zebra background */
.ipsDataList.ipsDataList_zebra .ipsDataItem:not( .ipsDataItem_selected ):not( .ipsModerated ):not( .ipsDataItem_new ):not( .ipsDataItem_success ):not( .ipsDataItem_warning ):not( .ipsDataItem_error ):not( .ipsDataItem_info ):not( .ipsDataItem_status ):nth-child(even) {
    background-color: rgba(0,0,0,0.01);
}


/* Remove backgrounds of internal boxes so ipsfocusBox becomes main background */
.ipsBox:not( .ipsBox_transparent ) .ipsAreaBackground_reset,
/* New topic page */
.ipsBox .ipsTabs_panel,
.ipsfocusBox .ipsTabs_panel,
.ipsfocus_reset.ipsBox,
.ipsDialog_content .ipsBox,
/* Same as above but stricter, required for certain boxes */
.ipsDialog > div .ipsDialog_content .ipsBox,
.ipsfocusBox .ipsComment.cPost:not(.ipsModerated):not(.ipsComment_selected),
.ipsBox.ipsfocus_reset:not(.ipsBox_transparent):not(.ipsModerated),
/* If for some reason .ipsfocusBox is inside .ipsBox still */
.ipsBox:not(.ipsfocus_reset) .ipsfocusBox
{
    background: none;
}

 

/* Reset internal boxes */
.ipsfocus_reset.ipsBox,
.ipsDialog_content .ipsBox,
.ipsfocusBox .ipsBox.cPost,
/* If for some reason .ipsfocusBox is inside .ipsBox still */
.ipsBox:not(.ipsfocus_reset) .ipsfocusBox{
    border-radius: 0;
    box-shadow: none;
    border: 0;
}

 


/* Internal semi-transparent box styles */

/* All child .ipsBox's, excluding posts */
.ipsBox:not(.ipsfocus_reset) .ipsBox:not(.ipsfocus_reset):not(.cPost),
.ipsfocusBox .ipsBox:not(.ipsfocus_reset):not(.cPost),

/* Gallery comments, Status update comments */
.ipsBox .ipsComment,

/* Downloads comments */
.ipsfocusBox .ipsComment,

/* Staff page */
.cStaffDirectory .ipsAreaBackground_light,

/* Stream results */
.ipsStream .ipsStreamItem.ipsAreaBackground_reset,

/* Targets reply boxes which don't have .ipsBox */
.ipsBox div[data-role="replyArea"],
.ipsfocusBox div[data-role="replyArea"]

{
    border: 1px solid rgba(0,0,0,0.1);
    background: rgba(255,255,255,0.1);
    box-shadow: rgba(0,0,0,0.05) 0px 1px 4px;
    border-radius: 0;
}

    /* Style internal .ipsAreaBackgrounds so they're more prominant */
    .ipsApp .ipsBox:not(.ipsfocus_reset) .ipsBox.ipsAreaBackground,
    .ipsApp .ipsfocusBox .ipsBox.ipsAreaBackground{
        background: rgba(255,255,255,0.25);
        border-color: rgba(0,0,0,0.2);
    }
    

    /* Internal header */
    .internalHeader,
    .ipsBox .ipsWidget.ipsWidget_vertical .ipsWidget_title,
    .ipsfocusBox .ipsWidget.ipsWidget_vertical .ipsWidget_title{
        color: {theme="text_color"};
        background: rgba(0,0,0,0.06);
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }

    /* Comment header */
    .ipsComment:not(.ipsModerated) .ipsComment_header{
        
    }

    /* Force moderated and selected styles */
    .ipsModerated {
        background-color: {theme="moderated"} !important;
        color: {theme="moderated_text"} !important;
    }

    /* Selected internal boxes */
    .ipsComment_selected {
        background-color: {theme="selected"} !important;
        border-color: #8ec2ed !important;
        box-shadow: 0px 1px 5px rgba(82,168,236,0.6) !important;
    }

 


/* =================== */
/*     BREADCRUMBS     */
/* =================== */

.ipsfocus_breadcrumbWrap{
    padding-top: 15px;
}

.ipsBreadcrumb.ipsBreadcrumb_bottom {
    border-width: 1px 0px 0px 0px;
    border-radius: 0;
    box-shadow: none;
}

/* Side links */
.breadcrumb_side li{
    border-color: rgba(0,0,0,0.06);
}

.breadcrumb_side li a:hover{
    background: rgba(255,255,255,0.05);
}

 


/* ============== */
/*     F_ICON     */
/* ============== */

/* FontAwesome icon background */
{{if !theme.ipsf_ficonTransparent}}
    .ipsItemStatus.ipsItemStatus_large,
    .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read{
            background: {theme="ipsf_ficonBackground"};
            background-image: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
            box-shadow: inset rgba(0,0,0,0.3) 0px 1px 2px;
    }
{{endif}}

 


/* ===================== */
/*     MISCELLANEOUS     */
/* ===================== */

/* Row borders */
.ipsDataItem,
/* Add bottom border back to zebra rows */
.ipsDataList.ipsDataList_zebra > .ipsDataItem{
    border-top: 1px solid rgba(255,255,255,0.6);
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.cSearchFilters .ipsFieldRow,
.cGalleryWidgetList > li,
/* Subforum border */
.ipsDataItem_subList{
    border-bottom-color: rgba(0,0,0,0.15);
}

hr.ipsHr{
    border-color: rgba(0,0,0,0.15);
}

/* Miscellaneous borders and separators */
html[dir="ltr"] .cMessage_members > ol > li{ border-right-color: rgba(0,0,0,0.05); }
html[dir="rtl"] .cMessage_members > ol > li{ border-left-color: rgba(0,0,0,0.05); }

/* User photo */
.ipsUserPhoto:after {
    border: 1px solid rgba(0,0,0,0.1);
}

/* Rules Link */
a[data-ipsdialog-content="#elForumRules"],
a[data-ipsdialog-content="#elCategoryRules"],
.ipsfocus_rules{
    color: #774c1a;
    background: #faecc7;
    border: 2px solid #f5d5a1;
    border-width: 2px 0px;
}

/* Subtle highlight: comment counts, autocomplete */
.ipsCommentCount,
.ipsAutocompleteMenu_item[data-selected]{
    background: {theme="area_background"};
}
html[dir="ltr"] .ipsCommentCount:after { border-right-color: {theme="area_background"}; }
html[dir="rtl"] .ipsCommentCount:after { border-left-color: {theme="area_background"}; }

.ipsCommentCount,
.ipsAutocompleteMenu_item[data-selected] {
    color: {theme="text_color"};
}

/* Tabs */
.ipsTabs_item:not( .ipsTabs_activeItem ){
    background: rgba(255,255,255,0.1);
}
    
    /* :hover */
    .ipsTabs_item:not( .ipsTabs_activeItem ):hover {
        background: rgba(255,255,255,0.4);
    }
    
    /* Active */
    .ipsTabs_activeItem,
    .ipsTabs_activeItem:hover {
        color: {theme="link"};
    }

 


/* ================== */
/*     TOPIC VIEW     */
/* ================== */

/* Author column - customize */
/* .cAuthorPane{
    background: {theme="area_background_light"};
} */

/* Post count */
.focusPostCount{ color: #fff; }

@media screen and (min-width:768px){

 

    /* .post_block h3 */
    {{if theme.ipsf_postDateBar }}

          .cAuthorPane_author,
          .cPost .ipsComment_meta{
            background: {theme="ipsf_commentHeaderBar"};
            border-bottom: 1px solid rgba(0,0,0,0.6);
            border-top: 1px solid rgba(0,0,0,0.6);
        }
        
        .cAuthorPane_author,
        .cAuthorPane_author a,
        .cPost .ipsComment_meta{
            color: {theme="ipsf_commentHeaderText"};
        }
        
        /* Remove border from first post */
        .cTopic .cPost:first-of-type .cAuthorPane_author,
        .cTopic .cPost:first-of-type .ipsComment_meta{
            border-top: 0;
        }
        
    {{endif}}

 

    /* post_controls */
    {{if (theme.topicButtonStyle == 'individualButtons') OR (theme.topicButtonStyle == 'linkRow') }}
    
        .cPost .ipsComment_controls{
            background: {theme="ipsf_commentControls"};
            border-top: 1px solid rgba(0,0,0,0.05);
            padding: 10px;
        }
        
            html[dir="ltr"] .cPost .ipsComment_controls > li{
                margin-right: 2px;
            }
            html[dir="rtl"] .cPost .ipsComment_controls > li{
                margin-left: 2px;
            }
        
        .cPost .ipsComment_controls a,
        .cPost .ipsComment_controls .ipsButton.cMultiQuote{
            background: {theme="normal_button"};
            color: {theme="normal_button_font"};
            border-radius: 3px;
            border: 1px solid rgba(0,0,0,0.1);
            padding: 0px 10px;
            font-size: 1.17rem;
            line-height: 28px;
            display: block;
        }
        
            .cPost .ipsComment_controls a:hover,
            .cPost .ipsComment_controls .ipsButton.cMultiQuote:hover{
                box-shadow: inset rgba(255,255,255,0.1) 0px 100px 0px;
            }
        
        
        {{if theme.ipsf_postDateBar }}
            .cPost .cPost_contentWrap{
                height: calc(100% - 60px); /* 100% - ( ipsComment_meta height + margin ) */
                padding-bottom: 66px; /* height of .ipsComment_controls + extra padding to push content up */
            }
        {{endif}}
        
        {{if !theme.ipsf_postDateBar }}
            .cPost .cPost_contentWrap{
                height: calc(100% - 40px); /* 100% - ( ipsComment_meta height + margin ) */
            }
        {{endif}}
     
    {{endif}}

 


    {{if theme.topicButtonStyle == 'linkRow' }}
    
        .cPost .ipsComment_controls{ padding: 0; font-size: 0; }
        html[dir="ltr"] .cPost .ipsComment_controls > li{ margin-right: 0px; }
        html[dir="rtl"] .cPost .ipsComment_controls > li{ margin-left: 0px; }
        
        .cPost .ipsComment_controls a,
        .cPost .ipsComment_controls .ipsButton.cMultiQuote{
            border-radius: 0px;
            border-width: 0 1px 0 0;
            border-color: rgba(0,0,0,0.1);
            background: none;
            color: {theme="link"};
            line-height: 38px;
        }
        
        /* Link hover */
        .cPost .ipsComment_controls a:hover,
        .cPost .ipsComment_controls .ipsButton.cMultiQuote:hover{
            box-shadow: inset rgba(255,255,255,0.1) 0px 100px 0px;
        }
        
        html[dir="rtl"] .cPost .ipsComment_controls a,
        html[dir="rtl"] .cPost .ipsComment_controls .ipsButton.cMultiQuote{ border-width: 0px 0px 0px 1px; }
    
        .cPost .cPost_contentWrap{
            padding-bottom: 54px; /* height of .ipsComment_controls + extra padding to push content up */
        }
    
    {{endif}}


}

 


/* ==================== */
/*     POST CONTENT     */
/* ==================== */

/* Code, quote, spoilers, embedded */

/* Headers */
.ipsEmbedded_headerArea,
blockquote.ipsQuote div.ipsQuote_citation {
    background: rgba(0,0,0,0.05);
    border-color: rgba(0,0,0,0.1);
    color: #222;
}

    .ipsEmbedded_headerArea a,
    blockquote.ipsQuote div.ipsQuote_citation a {
        color: #222;
    }

/* Main boxes */
.ipsCode,
blockquote.ipsQuote,
html[dir="rtl"] blockquote.ipsQuote,
iframe[data-embedContent],
.ipsStyle_spoilerFancy{
    background: rgba(255,255,255,0.85);
    border-color: rgba(0,0,0,0.1);
}

.ipsCode { border: 1px solid rgba(0,0,0,0.1) !important; }
blockquote.ipsQuote { color: #aaaaaa; }

    /* Child quotes */
    blockquote.ipsQuote blockquote.ipsQuote{ background: rgba(255,255,255,0.5); }

 

/* Spoilers */
.ipsStyle_spoiler,
.ipsStyle_spoilerFancy_inner{
    background: {theme="area_background_light"} !important;
    color: #555 !important;
}
    .ipsStyle_spoilerFancy_text{
        color: #555;
    }

.ipsApp .ipsStyle_spoilerFancy_text .ipsButton_verySmall{ background: rgba(0,0,0,0.35); }

 

/* Like buttons */
.ipsLike_contents{
    background: rgba(0,0,0,0.06);
    border-radius: 3px;
}

/* Like button */
    .ipsButton_like.ipsButton_alternate{
        background: #444;
    }
    .ipsButton_like.ipsButton_alternate .fa{
        color: #ff8787;
    }

/* Unlike button */
    .ipsLikeRep .ipsButton_veryLight{
        background: {theme="area_background_light"};
    }
    .ipsButton_like.ipsButton_veryLight .fa{
        background: rgba(0,0,0,0.07);
    }

.ipsLikeRep .ipsButton{ border: 1px solid rgba(0,0,0,0.1); }

.ipsButton_like .fa{ background: rgba(0,0,0,0.2); border-radius: 3px 0px 0px 3px; }
html[dir="rtl"] .ipsButton_like .fa{ border-radius: 0px 3px 3px 0px; }


/* .ipsReputation_count, a.ipsReputation_count { color: #fff; } */
.ipsReputation_count.ipsType_neutral, a.ipsReputation_count.ipsType_neutral { color: #333; }

 

 

/* ============== */
/*     EDITOR     */
/* ============== */

/* Bar background */
.cke .cke_top{
    background: {theme="area_background"};
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

 


/* ========================= */
/*     BACKGROUND PICKER     */
/* ========================= */

{{if theme.ipsf_backgroundType == 'ipsfocus_backgroundPicker'}}

#ipsf_picker{
    padding-top: 15px;
}

    #ipsf_picker span{
        color: #fff;
        text-shadow: rgba(0,0,0,0.3) 0px 1px 3px;
        box-shadow: inset rgba(0,0,0,0.5) 0px 1px 5px, inset rgba(0,0,0,0.2) 0px 0px 0px 1px;
        border-radius: 3px;
    }
    
    #ipsf_picker span:hover{
        box-shadow: inset rgba(0,0,0,0.25) 0px 0px 0px 90px, inset rgba(0,0,0,0.5) 0px 1px 5px, inset rgba(0,0,0,0.2) 0px 0px 0px 1px;
    }

body.ipsfocus_bg1,
.ipsfocus_bg1 .ipsType_sectionTitle,
.ipsfocus_bg1 .ipsItemStatus.ipsItemStatus_large,
.ipsfocus_bg1 .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read{
    background-color: {theme="ifBg1_hex"};
    {{if theme.ifBg1_image}}background-image: url({theme="ifBg1_image"});
    background-repeat: {theme="ifBg1_repeat"};
    background-attachment: {theme="ifBg1_attachment"};
    background-size: {theme="ifBg1_size"};
    background-position: {theme="ifBg1_position"};{{endif}}
}

body.ipsfocus_bg2,
.ipsfocus_bg2 .ipsType_sectionTitle,
.ipsfocus_bg2 .ipsItemStatus.ipsItemStatus_large,
.ipsfocus_bg2 .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read{
    background-color: {theme="ifBg2_hex"};
    {{if theme.ifBg2_image}}background-image: url({theme="ifBg2_image"});
    background-repeat: {theme="ifBg2_repeat"};
    background-attachment: {theme="ifBg2_attachment"};
    background-size: {theme="ifBg2_size"};
    background-position: {theme="ifBg2_position"};{{endif}}
}

body.ipsfocus_bg3,
.ipsfocus_bg3 .ipsType_sectionTitle,
.ipsfocus_bg3 .ipsItemStatus.ipsItemStatus_large,
.ipsfocus_bg3 .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read{
    background-color: {theme="ifBg3_hex"};
    {{if theme.ifBg3_image}}background-image: url({theme="ifBg3_image"});
    background-repeat: {theme="ifBg3_repeat"};
    background-attachment: {theme="ifBg3_attachment"};
    background-size: {theme="ifBg3_size"};
    background-position: {theme="ifBg3_position"};{{endif}}
}

body.ipsfocus_bg4,
.ipsfocus_bg4 .ipsType_sectionTitle,
.ipsfocus_bg4 .ipsItemStatus.ipsItemStatus_large,
.ipsfocus_bg4 .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read{
    background-color: {theme="ifBg4_hex"};
    {{if theme.ifBg4_image}}background-image: url({theme="ifBg4_image"});
    background-repeat: {theme="ifBg4_repeat"};
    background-attachment: {theme="ifBg4_attachment"};
    background-size: {theme="ifBg4_size"};
    background-position: {theme="ifBg4_position"};{{endif}}
}

body.ipsfocus_bg5,
.ipsfocus_bg5 .ipsType_sectionTitle,
.ipsfocus_bg5 .ipsItemStatus.ipsItemStatus_large,
.ipsfocus_bg5 .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read{
    background-color: {theme="ifBg5_hex"};
    {{if theme.ifBg5_image}}background-image: url({theme="ifBg5_image"});
    background-repeat: {theme="ifBg5_repeat"};
    background-attachment: {theme="ifBg5_attachment"};
    background-size: {theme="ifBg5_size"};
    background-position: {theme="ifBg5_position"};{{endif}}
}

body.ipsfocus_bg6,
.ipsfocus_bg6 .ipsType_sectionTitle,
.ipsfocus_bg6 .ipsItemStatus.ipsItemStatus_large,
.ipsfocus_bg6 .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read{
    background-color: {theme="ifBg6_hex"};
    {{if theme.ifBg6_image}}background-image: url({theme="ifBg6_image"});
    background-repeat: {theme="ifBg6_repeat"};
    background-attachment: {theme="ifBg6_attachment"};
    background-size: {theme="ifBg6_size"};
    background-position: {theme="ifBg6_position"};{{endif}}
}

    {{if (!theme.ipsf_pickerMobile) }}
    /* Configure the backgrounds for mobiles and tablets */
    @media screen and (max-width:979px){
        
        body.ipsfocus_bg1,
        body.ipsfocus_bg2,
        body.ipsfocus_bg3,
        body.ipsfocus_bg4,
        body.ipsfocus_bg5,
        body.ipsfocus_bg6{
            background-image: none;
        }
        
    }
    {{endif}}

{{endif}}

 


{{if theme.ipsf_backgroundType == 'ipsfocus_background'}}
/* If background picker is disabled, it will use background #1 by default */

body.ipsfocus_background,
.ipsfocus_background .ipsType_sectionTitle,
.ipsfocus_background .ipsItemStatus.ipsItemStatus_large,
.ipsfocus_background .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read{
    background-color: {theme="ifBg1_hex"};
    {{if theme.ifBg1_image}}background-image: url({theme="ifBg1_image"});
    background-repeat: {theme="ifBg1_repeat"};
    background-attachment: {theme="ifBg1_attachment"};
    background-size: {theme="ifBg1_size"};
    background-position: {theme="ifBg1_position"};{{endif}}
}

{{endif}}

 


/* =================== */
/*     MEGA FOOTER     */
/* =================== */

{{if theme.ipsf_megaFooter}}

.ipsfocus_megaFooter{
    background: {theme="area_background_reset"};
    border-top: 1px solid {theme="ipsf_borderColor"};
    padding: 25px;
}

{{endif}}

 


/* ============= */
/*     OTHER     */
/* ============= */

/* Stop background images from animating on responsive */
.cForumTitle{ {prefix="transition" value="none"} }

 

.ipsfocus.com{}

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Ваша ссылка была автоматически строена.   Отображать как обычную ссылку

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...