basic.styl

mainBgColor = #050005
tileBgColor = lighten(#100005, 2)

commentsColor = #aaa

richTextColor = #E9E6F8
richTextColorHover = darken(richTextColor, 10)
textColor = #F9F7E0
textColorDark = desaturate(darken(textColor, 33), 70%)
blandTextColor = desaturate(darken(textColorDark, 15), 15)

darkTileBgColor = desaturate(darken(tileBgColor, 1), 40)

richBgColor = lighten(tileBgColor, 3)
richBorderColor = lighten(tileBgColor, 5)
richBgColorHover = lighten(tileBgColor, 5)
richBorderColorHover = lighten(tileBgColor, 7)
lightRichBgColor = lighten(tileBgColor, 10)
veryLightRichBgColor = desaturate(lighten(tileBgColor, 60), 80)
veryLightRichBgColorHover = lighten(veryLightRichBgColor, 5)


//xlarge
large = '(max-width: 1069px)'
medium = '(max-width: 972px)'
small =  '(max-width: 777px)'

rich-element-recolor()
    background-color richBgColor
    border-color richBorderColor
    color textColor

button-recolor()
    rich-element-recolor()
    &:hover
        background-color richBgColorHover
        border-color richBorderColorHover

inline-flex-center()
    display inline-flex
    justify-content center
    align-items center

input-recolor()
        background-color richBgColor
        color richTextColor
        border-color richBorderColorHover
        &:focus, &:active
            border-color lightRichBgColor

rich-element-recolor2()
    background-color richBgColor
    border-color richBgColorHover
    color textColor


/* Fonts */

.rcf-tag-fonts
    .article__heading--content
        font-size 110%

    .discussion__topics
        font-size 110%
        
    .detail__article.urs, .detail__perex
    .detail__article
        font-size 1rem

/* Background */

.rcf-tag-color
    .main, .page-block
        border-color mainBgColor
        margin-bottom 0

    body
    .row
    .page
        background-color mainBgColor

    .author__info .row
        background-color transparent

    .sidebar, .tile, .main, .tips, .promo__inner, .content__more 
    .content--bg, .content--breadcrumb, .content--detail, .content--promo
    .detail__perex .perex
    .section--detail-bottom
    .serial__pagination
    .serial__pagination a
    .opener
    .detail__bottom, .detail__info-bar
    .impressum__rubrics
    .layout-columns__item--main
    .box-articles__content
    .design-tile
    .layout-main
        background-color tileBgColor

.detail__perex .perex
    margin 0
    padding 1em
          
.rcf-tag-color
    .section::before 
        border-color richBgColor

    .article:not(:first-child) .article__heading--sidebar
    .content__more
        border-color lighten(tileBgColor, 5)

    .content__more.active, .content__more:active, .content__more:hover, .open > .dropdown-toggle.content__more
    .classification > a
    .discussion__new
        button-recolor()

    .article--sidebar:hover
    .discussion__topic:hover
        background-color lighten(tileBgColor, 3)

    .layout-main--footer.layout-main--without-sidebar.layout-main
        border-color mainBgColor
   
    .urs
        table
            tbody, thead
                td
                    background-color richBgColor
                th
                    background-color richBgColorHover
        pre
            background-color richBgColor
            border-color richBgColorHover
            color textColor
        
/* Color */

.rcf-tag-color
    .tips__heading
    .section__heading:not(.section__heading--serial)
    a
    .nav__link, .nav__link:visited
    .discussion__tabs .nav__link
    .discussion__link
        color richTextColor

    .link-block:visited .article__heading
        color darken(textColor, 5)

    .section__header a:visited
    a:visited
        color darken(richTextColor, 10)
        
    .comments__count--total
        color commentsColor

    .discussion__link svg
        fill commentsColor
        
    .comments__count--new
        color lighten(commentsColor, 10)
        
    .icon-profile-wrap // white top user profile icon
        opacity 0.2

.rcf-tag-color
    body
    .article__perex
    .perex
    .article__text
    .tip__link
    .opener__body
    h1, h2, h3, h4, h5, h6
        color textColor

    .impressum--article .impressum__author
    .impressum
    .impressum__date
    .author__name a
    .impressum__rubrics
    .perex__date
    .design-sidebar .promotips .link__text
        color textColorDark
        
    .impressum__date svg
    .perex__date svg
        fill textColorDark

.rcf-tag-color
    .tips
        position relative

    .tips::before // hide tips arrow (background svg, no easy way to recolor)
        background none
        content '>'
        font-size 150px
        position absolute
        left 80px
        display inline-block
        top -70px
        opacity 0.3
        pointer-events none
        
    .tips__header
        &::after, &::before
            border-left-width 0

    .component--opinions-module--enter-opinions-link
        a
            button-recolor()
    
    .js-related-texts-moving-layer
        rich-element-recolor()
        .related-texts-moving-layer__text
            color textColor
        .related-texts-moving-layer__close .icon-close
            fill richTextColor

/* Comments (text) */

.rcf-tag-color
    .opinion-view
        background-color darken(tileBgColor, 1)
        border-color lighten(tileBgColor, 7)
        margin-bottom 1em
        
    .opinion-text
        padding-right 0.5em
        padding-bottom 0.7em

        h3.title a
            color richTextColor
        
    .opinion-summary a
    .opinions-add
    .design-button--highlighted
    .opinions-button--version-1
        button-recolor()

    .opinion-odpovedet
        button-recolor()
        box-shadow 0 2px 0 veryLightRichBgColor
        
    .opinionButtons:hover .button
        background 0
        
    .opinionButtons .button:hover
        color richTextColorHover

    .msg.info, ul.messages li.info
        border-color richBorderColor
        background-color richBgColor
        color textColor
        
    .opinions-comment-rating__count
        color textColor
    
.rcf-tag-color
    #addComment
        background-color tileBgColor
        
        .button
            button-recolor()
            
        .loginNotice
            background-color tileBgColor
            border 1px solid richBorderColor
            a
                border 0
                button-recolor()
                box-shadow none
                border-radius 0

        td
            input.text
            textarea
                input-recolor()
                
    input.text:focus, input[type="number"]:focus, input[type="text"]:focus, textarea:focus
        box-shadow none

.rcf-tag-color
    .opinions-comment--new
        background-color richBgColor
        border-left-color richBgColorHover
    .opinions-button--version-2
    .opinions-button--version-3
        button-recolor()
        
    // only partially hide comment controls
    .opinions-comment:hover
        .opinions-comment-actions__item--visible-on-hover
        .opinions-comment-actions__item
            display inline-block
            opacity 1
    .opinions-comment
        .opinions-comment-actions__item--visible-on-hover
        .opinions-comment-actions__item
            display inline-block
            animation none
            opacity 0.1
    
    bottom-space-reduce-size = 1em

    .opinions-comment-text
        margin 0.2em 0 -0.5em 0
        &:before
            content ''
            width 0.125em
            position absolute
            space = 0.33em
            top space
            bottom space + bottom-space-reduce-size
            margin-left -0.35em
            background-color alpha(textColor, 0.1)
        pre
            rich-element-recolor2()
            
    .opinions-comment-icon--reply
        fill richTextColor
        
    .opinions-comment__content
        border-top-color richBgColorHover
        margin-bottom - bottom-space-reduce-size
        position relative
        
    .opinions-comment-user-donor-type
        opacity 0.1
        &:hover
            opacity 1
            
    .opinions-comment
        .opinions-button--reply
            opacity 0.1
            .opinions-button__content
                min-width auto
                padding 0.2em 0.5em
                margin-top 0.4em
        &:hover
            .opinions-button--reply
                opacity 1
    
/* Tiles */

.rcf-tag-color
    .tile
        box-shadow unset
        &:hover, &:active
            box-shadow 0px 0px 1px 1px alpha(lighten(tileBgColor, 20), 0.5)

    .article
        margin-top 5px

    .article.article--content
        min-height 163px

    .box-articles .row .article:first-child
        margin-top 5px
        


// TODO: tag sensitive
// large size
@media large
    .not-page-block--trainings
        .article__body
            position relative

        .article__text
            padding 7px 
            text-shadow #000 0px 0px 3px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 1px

        .article__img
            position absolute
            top 0
            opacity 0.5

        .rcf-tile-stretcher
            visibility hidden
             
        .rcf-tile-shower
            display inline-block
            position absolute
            top 0

        .article__body:hover
            .article__img
                opacity 1
            .article__text
                opacity 0.25

.rcf-tile-stretcher
    visibility visible
     
.rcf-tile-shower
    display none

tile-padding()
    padding 10px 15px


.opener // master tile
    display flex

    / .rcf-tag-fonts &
        .opener__heading
            font-size 120%
            
        &, .perex
            font-size unset

    .opener__link-img 
        height 160px
        max-width 286px
        .opener__img
            height auto
            
    .opener__body
        tile-padding()
        max-width unset

    .opener__header:hover
        .opener__heading
            text-decoration underline

.article__text
    tile-padding()

.rcf-tag-color .impressum__rubric
        color unset

/* Promo - bottom white promotion box */

.rcf-tag-color .promo
    opacity 0.2
    .promo__inner
        background white

/* Article */

.rcf-tag-color
    .detail__article::before
        border-top 0
        
    .promotips__item:not(:last-of-type) .promotips__heading
        border-color richBorderColor
    
    .link__text
        color textColor
        
    .promotips__item:hover
        background-color richBgColor
        
    .layout-article-content
        max-width unset

    .component--opinions-module--top-opinion
        .top-opinion__link
            color richTextColor
        .design-bubble__content
            background-color richBgColor
            box-shadow none
        .design-bubble--comment
            &::before, &::after
                border-top-color richBgColor
                border-left-color richBgColor
        .top-opinion__donor
            opacity: 0.1
            &:hover
                opacity: 1
            
    .urs .rs-box, .urs .rs-tile, .urs .rs-tip-major, .urs .rs-tip-minor
        color textColor
        background-color richBgColorHover
        border-color richBorderColorHover

.rcf-tag-floating-article-info
    #articleInfo.fixed
        display none
        
/* Forum (main page) */
.rcf-tag-color
    .section__body
        padding 10px 4px

    .content__more
        margin 10px 0 5px 0

    .section--discussion .section__header
    .section__header
        margin-bottom 0

    #newTopic
        margin-top -5px
        margin-right 1px
        
    .design-button--default
        button-recolor()

/* Actualities */
.rcf-tag-color
    .page-block--actualities .section__header
        margin-bottom 0

    .article--sidebar
        margin-top 0
        
    // page
        
    .pagination
        color textColor
        .active, .number
        .next, .last, .previous, .first
            color textColor
            background-color richBgColor
            &:hover,&:focus,&:active
                background-color richBgColorHover
        .inactive
            color textColorDark

/* Navbar */
.rcf-tag-color
    .navbar
        transition unset
        padding-left 5px
        min-height 0
        box-shadow none

        .nav-top--aside, .nav-top--main
            height 30px

/* IInfo bar */
.rcf-tag-iinfobar
    #sefa.iinfoBar
        display none
    .navbar
        top 0
    body
        padding-top 0
    .main
        border-top-width 10px

/* Actualities to right */
.rcf-tag-actualities
    body > .container-fluid
        display flex

    .layout-main__content
        margin-left 0
        padding-left 0px
        margin-right 355px
        padding-right 0
        @media large
            margin-right: 305px
        &::before, &::after
            background none

    .layout-main--has-sidebar--default
        #sidebar
            right 0

    #sidebar
        left unset;
        right -360px
        position absolute
        border-left 5px solid mainBgColor
        @media large
            right -310px
            max-width 300px

    .main.main--index
        //margin-left 0px
        background none
        //padding-right 300px

    .ad-skyscraper-sticky-holder
        display none

/* Forum */

.rcf-tag-forum-ads
    .body_message--ad
        position absolute
        left -1*10**3px

.rcf-tag-color
    .poster > ul > li
    .body_content
        background-color tileBgColor
        
    .btn-group .dropdown-menu > li .button_strip_reply
    .btn-group .dropdown-menu > li .button_strip_new_topic
        button-recolor()

    .poster h4
    .poster ul ul
        rich-element-recolor()

    tileSpace = 0.25em

    .poster
        margin-bottom tileSpace
        opVal = 0.5

        h4
            font-size 120%

        li.avatar
            padding 1em 0 0.1em 0
            img
                border 1px solid textColor
                background-color textColor
            
        & > ul > li:last-child:not(.profile)
            padding-bottom 1em

        li.stars
            img
                opacity opVal
                
        li.postcount
            color alpha(textColor, opVal)
            img
                opacity opVal
                
        li.profile ul li
            opacity opVal
            


    lineSeparatorBorder = 2px solid richBgColor
    .post
        .inner
            border-top lineSeparatorBorder
            padding 0.5em 0 0 0
    .signature
        border-top lineSeparatorBorder

    
.rcf-tag-color
    .body_message
        padding tileSpace 0
        
    blockquote.bbc_standard_quote
    blockquote.bbc_alternate_quote        
    code.bbc_code
        color textColor
        background-color richBgColor
        font-size 95%
        
    blockquote.bbc_alternate_quote
        background-color lighten(richBgColor, 5)

    hidingOpacity = 0.2
    .body_content
        padding 1em 2em
        border-top 2px solid lighten(tileBgColor, 3)
        border-bottom 2px solid lighten(tileBgColor, 10)
        .reportlinks a
            opacity hidingOpacity
        .arrow-left
            border-right-color tileBgColor
        .keyinfo
            opacity hidingOpacity

    .breadcrumb
    #display_jump_to
        background-color tileBgColor

.rcf-tag-color
    .contentboard
    .contentboard tr
        background-color tileBgColor
        td
            color textColor
        .table_list
            td.icon
            td.info
            td.stats
            td.lastpost
                border 0
        .table_list tbody.content td.info a.subject
            color richTextColor
        h4.titlebg, h3.titlebg
            background-color richBgColor

.rcf-tag-color
    div.cat_bar
    h4.catbg, h4.catbg2, h3.catbg, h3.catbg2, .table_list tbody.header td.catbg
    div.roundframe div.cat_bar, div.roundframe div.cat_bar h3.catbg
        background-color richBgColor

    .upperframe, .roundframe, .lowerframe
        &, span
            background-color tileBgColor

    div.title_barIC
        &, .titlebg, .titlebg span
            background-color richBgColor

    .btn-primary
        button-recolor()
        
    textarea
    input
    select
        input-recolor()

    hr
        background-color richBgColor

    fieldset
        border 1px solid richBorderColor
        legend
            border 0
            color textColor

    .richedit_resize
        border 0
        background-color richBgColor
                
    #bbcBox_message
        & > div img:not(.rcf-bbcbox-divider)
            box-sizing content-box
            border-radius 4px
            cursor pointer
            background veryLightRichBgColor !important
            border 1px solid darken(veryLightRichBgColor, 5)
            &:hover, &:active, &:focus
                background-color veryLightRichBgColorHover !important
        .rcf-bbcbox-divider
            border 0

    .navigate_section
    .navbar
        background none
    
    .pagesection
        margin-bottom 0.1em
        .btn-group
            margin 0
    
.rcf-tag-color
    .display-info
        display flex
        justify-content space-between
        margin 0.5em 0
        h1
            text-align left

    // list view

    .windowbg, #preview_body, .windowbg2, .windowbg3, .windowbg4
        background-color tileBgColor
        color textColor
        span
            &.topslice, &.botslice
                &, span
                    background-color tileBgColor

    .lockedbg
        background-color darkTileBgColor !important // <- b/c of !imp in original :/

    .table-striped > tbody > tr:nth-child(2n+1)
        & > td, & > th
            background-color lighten(tileBgColor, 1)

    .table
        & > tbody, & > tfoot, & > thead
            & > tr
                & > td, & > th
                    border-top-color richBgColorHover

    tr.catbg th.first_th
        background-color richBgColor

.rcf-tag-color
    .titlebg, .titlebg2, .catbg, .catbg2
        &
            background-color richBgColor
        ^[-1] tr^[-1..1]
            th, td
                background-color richBgColor

    .table > thead > tr > th
        border-bottom 0

    .label-warning
        background-color lightRichBgColor

    #messageindex
        background-color darkTileBgColor
        & > table
            border 1px solid richBgColorHover

    .description, .description_board, .plainbox
        background-color tileBgColor        

    .dropmenu li a.active
    .dropmenu li li a:hover, .dropmenu li li:hover > a
        background-color richBgColor

    .dropmenu li
        color textColor

    .dropmenu li a.firstlevel:hover, .dropmenu li:hover a.firstlevel
        color richTextColorHover

/* Blog */

.rcf-tag-color
    .blog__label
    .tag__link
        button-recolor()
        border none

    .tag__link
        font-size 90%
        
    .blog__heading
        margin 0.2em 0
        
    .blog__article
        border-bottom 2px solid richBgColor
        
    .opinion-view .opinion-info .new
        rich-element-recolor()


.rcf-tag-page-links
    .pagelinks
        *
            float none
        margin-top 0
        padding-top: 0.35em
        .navPages, strong, span
            inline-flex-center()
            border-width 1px
            border-style solid
            width 2.5em
            height 2.5em
            color textColor
        .navPages
            button-recolor()
        strong, span
            rich-element-recolor()
            background-color lightRichBgColor
        span
            width auto
            height auto
        .rcf-page-links-dots-expanded
            background-color transparent
            border none
            display inline
            float none
            margin 0
            padding 0
        :not(.rcf-page-links-dots-expanded)
            roundness = 0.5em
            .navPages:first-child
                border-radius: roundness 0 0 roundness
            .navPages:last-child
                border-radius: 0 roundness roundness 0
            
    .nextlinks
    .nextlinks_bottom
        display flex

        a
            button-recolor()
            padding 0.5em 1em
            border-width 1px
            border-style solid
            &:first-child
                margin 0 0.5em 0 0
    
    .nextlinks_bottom
        padding 0 0 1em 0
        justify-content center
    .nextlinks
        padding-bottom 0

.rcf-tag-forum-footer
    footer
    .container--footer
        display none
        
    body
        padding-bottom 1em

.rcf-tag-mascot
    .rcf-mascot
        background-image url('data:image/png;base64,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')
        width 145px
        height 176px
        position absolute
        right 1em
        opacity 0.5
        z-index 10000 // to beat forum navbar
        pointer-events none

.rcf-pr-marker
    opacity 0.2
    .article__marker
        right 0
        left auto
        bottom 0
        top auto
    &:hover
        opacity 1
        .article__body
            .article__text
                opacity 1
            .article__img
                opacity 0.5

.rcf-tag-halve-discussion-topics
    break-point = '(max-width: 940px)'

    .discussion__date, .discussion__total
        flex-basis 3em

    .rcf-topics
        display flex
        width 100%

        @media break-point
            flex-direction column

    .discussion__topics
        width 50%
        .discussion__topic
            margin 0 -5px
            padding 0.1em 5px
            .discussion__link--title
                flex-shrink 1

        @media break-point
            width 100%
            .discussion__topic
                margin 0 -25px
                padding 0.125em 25px

        &.rcf-topics-first-half
            margin-top 0
            @media break-point
                margin-top 10px

        &.rcf-topics-second-half
            margin-top 0
            padding-left 0
            @media break-point
                padding-left 10px
    
    .discussion__topics.rcf-topics-second-half + *
        clear both

/* AdBlock nagger */

.rcf-tag-remove-adblock-nagger
    #adblockMessage
        display none