This repository has been archived on 2025-02-17. You can view files and clone it, but cannot push or open issues or pull requests.
jabe/src/views/themes/iwakura/global-style.ejs
2024-11-18 13:55:15 +01:00

102 lines
2.3 KiB
Text

<style>
@import url('https://fonts.cdnfonts.com/css/renogare');
@import url('https://fonts.cdnfonts.com/css/unbounded');
@import url('https://fonts.cdnfonts.com/css/source-code-pro');
@import url('https://fonts.cdnfonts.com/css/outfit');
:root {
--title-font: Unbounded;
--link-font: Outfit;
}
#main-content, #header-content, #post-content {
margin-top: 50px;
margin: auto;
width: 50%;
}
blockquote {
margin-left: 0;
padding-left: 5px;
margin-right: 0px;
color: gray;
}
blockquote p {
padding-left: 5px;
<% if(config.hasOwnProperty("themeOpts") && config.themeOpts.hasOwnProperty("accentColor")) { %>
border-left: 3px solid <%= config.themeOpts.accentColor %>;
<% } else { %>
border-left: 3px solid white;
<% } %>
}
blockquote p {
display: inline;
}
code {
font-family: "Source Code Pro";
padding-left: 2px;
padding-right: 2px;
border: 1px #111111 solid;
background-color: #111111;
border-radius: 5px;
}
hr {
color: white;
}
#h_subtitle {
line-height: 5px;
color: gray;
}
#main-content {
text-align: left;
}
#header-content {
text-align: center;
}
#link-container a {
<% if(config.hasOwnProperty("themeOpts") && config.themeOpts.hasOwnProperty("accentColor")) { %>
color: <%= config.themeOpts.accentColor %> !important;
<% } else { %>
color: #82d3ff !important;
<% } %>
}
#post-content {
font-family: "Arial";
}
a {
text-decoration: none;
decoration: none;
<% if(config.hasOwnProperty("themeOpts") && config.themeOpts.hasOwnProperty("accentColor")) { %>
color: <%= config.themeOpts.accentColor %> !important;
<% } else { %>
color: #82d3ff !important;
<% } %>
}
table td {
<% if(config.hasOwnProperty("themeOpts") && config.themeOpts.hasOwnProperty("accentColor")) { %>
color: <%= config.themeOpts.accentColor %> !important;
<% } else { %>
color: #82d3ff !important;
<% } %>
line-height: 25px;
text-decoration: none;
}
table {
width: 100%;
}
#date-header, .date-item {
text-align: right;
}
#title-header, .post-item {
text-align: left;
}
#footer-content {
position: fixed;
bottom: 5;
left: 0;
text-align: center;
width: 100%;
}
body {
background-color: black;
color: white;
}
</style>