You've already forked aboringhostheme
Separate css styles
This commit is contained in:
95
css/style.css
Normal file
95
css/style.css
Normal file
@@ -0,0 +1,95 @@
|
|||||||
|
::selection {
|
||||||
|
background: #c4e4ff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination {
|
||||||
|
margin-top: 3rem;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-number {
|
||||||
|
margin: 0 1rem;
|
||||||
|
font-weigth: semibold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.newer-posts, .older-posts {
|
||||||
|
color: #718096;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post pre {
|
||||||
|
background-color: #0f0f0f;
|
||||||
|
margin: 1rem 0;
|
||||||
|
color: #e5eff5;
|
||||||
|
padding: 1rem 1.5rem;
|
||||||
|
font-size: .85rem;
|
||||||
|
overflow-x: auto;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
strong {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post h1,
|
||||||
|
.post h2,
|
||||||
|
.post h3,
|
||||||
|
.post h4,
|
||||||
|
.post h5 {
|
||||||
|
font-weight: bold;
|
||||||
|
margin: .5rem 0 .75rem 0;
|
||||||
|
color: #0f0f0f;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post h1 {
|
||||||
|
font-size: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post h2 {
|
||||||
|
font-size: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post h3 {
|
||||||
|
font-size: 1.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post a {
|
||||||
|
color: #68b7e4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post p {
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post p code {
|
||||||
|
background-color: #d0edff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post ol,
|
||||||
|
.post ul {
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post li {
|
||||||
|
margin-bottom: .75rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post li:before {
|
||||||
|
content: "-";
|
||||||
|
margin-right: .75rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post blockquote {
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
border-left: 3px solid #43baff;
|
||||||
|
padding: .25rem 0 .25rem 1rem;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post img, figure {
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post figcaption {
|
||||||
|
text-align: center;
|
||||||
|
font-size: .9rem;
|
||||||
|
}
|
||||||
98
default.hbs
98
default.hbs
@@ -6,103 +6,7 @@
|
|||||||
<title>{{meta_title}}</title>
|
<title>{{meta_title}}</title>
|
||||||
<script src="https://kit.fontawesome.com/5e1f5a95a3.js" crossorigin="anonymous"></script>
|
<script src="https://kit.fontawesome.com/5e1f5a95a3.js" crossorigin="anonymous"></script>
|
||||||
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
|
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
|
||||||
<style>
|
<link rel="stylesheet" href="{{asset 'css/style.css'}}" type="text/css">
|
||||||
::selection {
|
|
||||||
background: #c4e4ff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pagination {
|
|
||||||
margin-top: 3rem;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page-number {
|
|
||||||
margin: 0 1rem;
|
|
||||||
font-weigth: semibold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.newer-posts, .older-posts {
|
|
||||||
color: #718096;
|
|
||||||
}
|
|
||||||
|
|
||||||
.post pre {
|
|
||||||
background-color: #0f0f0f;
|
|
||||||
margin: 1rem 0;
|
|
||||||
color: #e5eff5;
|
|
||||||
padding: 1rem 1.5rem;
|
|
||||||
font-size: .85rem;
|
|
||||||
overflow-x: auto;
|
|
||||||
border-radius: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
strong {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.post h1,
|
|
||||||
.post h2,
|
|
||||||
.post h3,
|
|
||||||
.post h4,
|
|
||||||
.post h5 {
|
|
||||||
font-weight: bold;
|
|
||||||
margin: .5rem 0 .75rem 0;
|
|
||||||
color: #0f0f0f;
|
|
||||||
}
|
|
||||||
|
|
||||||
.post h1 {
|
|
||||||
font-size: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.post h2 {
|
|
||||||
font-size: 1.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.post h3 {
|
|
||||||
font-size: 1.25rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.post a {
|
|
||||||
color: #68b7e4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.post p {
|
|
||||||
margin-bottom: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.post p code {
|
|
||||||
background-color: #d0edff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.post ol,
|
|
||||||
.post ul {
|
|
||||||
margin-bottom: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.post li {
|
|
||||||
margin-bottom: .75rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.post li:before {
|
|
||||||
content: "-";
|
|
||||||
margin-right: .75rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.post blockquote {
|
|
||||||
margin-bottom: 2rem;
|
|
||||||
border-left: 3px solid #43baff;
|
|
||||||
padding: .25rem 0 .25rem 1rem;
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
|
|
||||||
.post img, figure {
|
|
||||||
margin-bottom: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.post figcaption {
|
|
||||||
text-align: center;
|
|
||||||
font-size: .9rem;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
{{ghost_head}}
|
{{ghost_head}}
|
||||||
</head>
|
</head>
|
||||||
<body class="font-sans w-11/12 md:w-7/12 lg:w-6/12 xl:w-5/12 mx-auto">
|
<body class="font-sans w-11/12 md:w-7/12 lg:w-6/12 xl:w-5/12 mx-auto">
|
||||||
|
|||||||
Reference in New Issue
Block a user