<!-- Config CSS -->

<!-- Other Styles -->
<style>
    body, html {
        font-family: Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
        overflow-x: hidden !important;
    }

    code {
        font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
    }

    a {
        color: ${options.theme_material_uiux_hyperlink_color?default("#00838F")};
    }

    .mdl-card__media,
    #search-label,
    #search-form-label:after,
    #scheme-Paradox .hot_tags-count,
    #scheme-Paradox .sidebar_archives-count,
    #scheme-Paradox .sidebar-colored .sidebar-header,
    #scheme-Paradox .sidebar-colored .sidebar-badge{
        background-color: ${options.theme_material_uiux_theme_color?default("#0097A7")} !important;
    }

    /* Sidebar User Drop Down Menu Text Color */
    #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
    #scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
        color: ${options.theme_material_uiux_theme_color?default("#0097A7")} !important;
    }

    #post_entry-right-info,
    .sidebar-colored .sidebar-nav li:hover > a,
    .sidebar-colored .sidebar-nav li:hover > a i,
    .sidebar-colored .sidebar-nav li > a:hover,
    .sidebar-colored .sidebar-nav li > a:hover i,
    .sidebar-colored .sidebar-nav li > a:focus i,
    .sidebar-colored .sidebar-nav > .open > a,
    .sidebar-colored .sidebar-nav > .open > a:hover,
    .sidebar-colored .sidebar-nav > .open > a:focus,
    #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
        color: ${options.theme_material_uiux_theme_color?default("#0097A7")} !important;
    }

    .toTop {
        background: ${options.theme_material_uiux_button_color?default("#757575")} !important;
    }

    .material-layout .material-post>.material-nav,
    .material-layout .material-index>.material-nav,
    .material-nav a {
        color: ${options.theme_material_uiux_button_color?default("#757575")};
    }

    #scheme-Paradox .MD-burger-layer {
        background-color: ${options.theme_material_uiux_button_color?default("#757575")};
    }

    #scheme-Paradox #post-toc-trigger-btn {
        color: ${options.theme_material_uiux_button_color?default("#757575")};
    }

    .post-toc a:hover {
        color: ${options.theme_material_uiux_hyperlink_color?default("#00838F")};
        text-decoration: underline;
    }

</style>


<!-- Theme Background Related-->
<#if options.theme_material_background_bing?default('false')=="true">
    <style>
        body {
            background-color: ${options.theme_material_background_purecolor?default("#F5F5F5")};
        }

        /* blog_info bottom background */
        #scheme-Paradox .material-layout .something-else .mdl-card__supporting-text {
            background-color: #fff;
        }
    </style>
<#elseif !options.theme_material_background_bgimg??>
    <style>
        body{
            background-color: ${options.theme_material_background_purecolor?default("#F5F5F5")};
        }

        /* blog_info bottom background */
        #scheme-Paradox .material-layout .something-else .mdl-card__supporting-text{
            background-color: #fff;
        }
    </style>
<#else >
    <style>
        body{
            background-image: url(${options.theme_material_background_bgimg?if_exists});
        }
    </style>
</#if>



<!-- Fade Effect -->

<#if options.theme_material_other_js_fade?default('true')=='true'>
<style>
    .fade {
        transition: all ${options.theme_material_uiux_nprogress_buffer?default('800')}ms linear;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1;
    }

    .fade.out{
        opacity: 0;
    }
</style>
</#if>

<!-- Import Font -->
<#include "config_font.ftl">
