#site-background
    margin 0 0 10px 0

    img
        width 100%
        // border 5px solid $white
        border-radius 0
        overflow hidden
        cursor pointer

    label
        position absolute
        color $white
        margin 5px
        background $primary - 60%
        padding 5px
        border-radius 3px

    input
        visibility hidden
        display none

#settings-index
    width 94%
    max-width 900px
    margin 0 auto

    #settings-index-wrapper
        padding 0.75rem

        button
            margin-top 5px
            width 100%
            height 45px

        #member-settings, #site-settings, #option-settings
            background $primary
            padding 5px
            border-radius 5px 0 5px 0

            label
                font-family 'Apercu-Mono'
                color $white

            input
                width 95%
                margin 0 5px 10px 0
                height 30px
                padding 10px

            width 100%
            margin 20px auto

            #member-avatar-drop
                display inline-block
                margin 0 0 10px 0

                img
                    width 100%
                    // border 5px solid $white
                    border-radius 5px
                    overflow hidden
                    cursor pointer

                input
                    visibility hidden
                    display none

            #member-info
                vertical-align top
                display inline-block
                width 100%

                input
                    width 95%
                    margin 0 5px 10px 0

            textarea
                background $primary - 60%
                width 95%
                height 155px
                color $secondary
                padding 10px

        #option-settings
            #theme-settings
                a
                    width 95%
                    margin 0 5px 5px 0
                    height 25px
                    padding 10px
                    display inline-block

                a[data-enabled='false']
                    background $primary - 60%
                    color $secondary
                    border-radius 3px

                a[data-enabled='true']
                    background $secondary
                    color $primary
                    border-radius 3px

                    svg
                        fill $primary
                        display inline-block
                        float right

            #mail-settings
                min-height 240px

                a.mail-option
                    float right
                    font-family 'Apercu-Mono'
                    font-size 0.9em
                    border-radius 3px
                    text-decoration none
                    margin 0 0 0 5px
                    // padding: 1px

                a.mail-option[data-enabled='true']
                    color $highlight

                a.mail-option[data-enabled='false']
                    color $white

                input
                    // width 94%
                    margin 0 5px 5px 0
                    vertical-align top

                div[data-enabled='false']
                    display none
                    visibility hidden