blog/themes/suka/layout/_partial/head/config_style.ejs

83 lines
2.6 KiB
Plaintext

<style>
body {
background-color: <% if (theme.uiux.bg_color) { %><%= theme.uiux.bg_color %><% } else { %>#f8f9fa<% } %>;
}
a, a:visited {
color: <% if (theme.uiux.link_color) { %><%= theme.uiux.link_color %><% } else { %>#0070ff<% } %>;
}
a:active, a:focus, a:hover {
color: <% if (theme.uiux.link_color) { %><%= theme.uiux.link_color %><% } else { %>#0070ff<% } %>;
opacity: .75;
}
#post-content a,
#post-content a:hover,
#post-content a:focus,
#post-content a:visited {
color: <% if (theme.uiux.link_color) { %><%= theme.uiux.link_color %><% } else { %>#005eb9<% } %>;
opacity: 1;
}
<% if (theme.uiux.lazy_padding_bottom) { %>
#post-content img.lazyload {
transition: filter .35s ease 0s;
}
#post-content img.lazyload:not(.loaded) {
-webkit-filter: blur(5px);
filter: blur(5px);
}
#post-content img.lazyload:not(.loaded):not(.loading) {
padding-bottom: <%= theme.uiux.lazy_padding_bottom %>;
}
#post-content img.lazyload.error {
display: none
}
<% } %>
.post-entry .card-body a {
color: <% if (theme.uiux.primary_color) { %><%= theme.uiux.primary_color %><% } else { %>#0070ff<% } %>;
}
.avatar {
background: <% if (theme.uiux.primary_color) { %><%= theme.uiux.primary_color %><% } else { %>#444<% } %>;
}
.navbar-link,
.navbar-link:visited,
.timeline .timeline-item .timeline-icon.icon-lg {
color: <% if (theme.uiux.primary_color) { %><%= theme.uiux.primary_color %><% } else { %>#0070ff<% } %>;
}
.navbar-link:hover {
color: <% if (theme.uiux.primary_color) { %><%= theme.uiux.primary_color %><% } else { %>#0070ff<% } %>;
opacity: .8;
}
#search-input .btn,
#disqus_click_btn,
#disqus-switch-to-direct,
#disqus-loadmore-button {
background: <% if (theme.uiux.primary_color) { %><%= theme.uiux.primary_color %><% } else { %>#727e96<% } %>;
border-color: <% if (theme.uiux.primary_color) { %><%= theme.uiux.primary_color %><% } else { %>#727e96<% } %>;
color: #fff;
}
#post-toc a.post-toc-link,
#post-toc a.post-toc-link:visited,
.share-menu.menu .menu-item>a {
color: <% if (theme.uiux.primary_color) { %><%= theme.uiux.primary_color %><% } else { %>#727e96<% } %>;
}
.share-menu.menu .menu-item>a:hover,
.share-menu.menu .menu-item>a:focus,
.share-menu.menu .menu-item>a:visited {
color: #50596c;
background: <% if (theme.uiux.bg_color) { %><%= theme.uiux.bg_color %><% } else { %>#f8f9fa<% } %>;
opacity: .85;
}
</style>