Modify blog style
This commit is contained in:
parent
54ac043422
commit
1efa1ab8ea
|
@ -16,9 +16,10 @@
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background-color: black;
|
background-color: black;
|
||||||
background-image: url('../img/bg_fingerlessGloves.png');
|
background-image: url('../img/bg_space.png');
|
||||||
background-position: top;
|
background-position: center;
|
||||||
background-repeat: repeat-x;
|
background-repeat: repeat-x;
|
||||||
|
background-size: contain;
|
||||||
background-attachment: fixed;
|
background-attachment: fixed;
|
||||||
font-size: 1.3rem;
|
font-size: 1.3rem;
|
||||||
font-family: 'Nunito', Arial, sans-serif;
|
font-family: 'Nunito', Arial, sans-serif;
|
||||||
|
@ -84,7 +85,7 @@ h1, h2, h3, h4, h5 {
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
border-width: 0.1rem 0 0 0;
|
border-width: 0.1rem 0 0 0;
|
||||||
border-style: dashed;
|
border-style: dotted;
|
||||||
border-color: #a3bdc4;
|
border-color: #a3bdc4;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -95,10 +96,9 @@ hr {
|
||||||
max-width: 68.75rem;
|
max-width: 68.75rem;
|
||||||
background-color: black;
|
background-color: black;
|
||||||
color: #dddddd;
|
color: #dddddd;
|
||||||
outline-color: #425e74;
|
border-radius: 2rem;
|
||||||
outline-style: ridge;
|
overflow: hidden;
|
||||||
outline-width: 0.5rem;
|
box-shadow: 0 -2px 10px 0 #c7d8f4 inset;
|
||||||
outline-offset: 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.blog-content {
|
.blog-content {
|
||||||
|
@ -107,7 +107,6 @@ hr {
|
||||||
|
|
||||||
/* HEADER STYLE */
|
/* HEADER STYLE */
|
||||||
.blog-header {
|
.blog-header {
|
||||||
background-color: black;
|
|
||||||
padding: 0 5%;
|
padding: 0 5%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -120,36 +119,36 @@ hr {
|
||||||
}
|
}
|
||||||
|
|
||||||
.blog-header li {
|
.blog-header li {
|
||||||
font-size: 1.2em;
|
font-size: 1em;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-right: 0.2em;
|
margin-right: 0.5em;
|
||||||
margin-bottom: 0.8em;
|
margin-top: 0.7em;
|
||||||
margin-top: 0.8em;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.blog-header li a {
|
.blog-header li a {
|
||||||
color: #443;
|
color: white;
|
||||||
background-color: #b6b59e;
|
background-color: #1b548e;
|
||||||
border-width: 0.3em;
|
border-radius: 20rem;
|
||||||
border-style: outset;
|
border: 3px solid #7cd8ff;
|
||||||
border-color: #86866d;
|
padding: 0.4rem 2rem;
|
||||||
padding: 0.3em 1.5em 0.2em 0.5em;
|
box-shadow: 0 -2px 12px 0 #23a4f8 inset;
|
||||||
|
text-transform: uppercase;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
font-weight: 900;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.blog-header li a:hover {
|
.blog-header li a:hover {
|
||||||
background-color: #ceccaa;
|
background-color: #1f64aa;
|
||||||
border-color: #98987d;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.blog-header li a:active {
|
.blog-header li a:active {
|
||||||
background-color: #8e8d74;
|
background-color: #8e8d74;
|
||||||
border-color: #71715c;
|
text-decoration: none;
|
||||||
color: black;
|
box-shadow: 0 -2px 12px 0 #fe83ff inset;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* POST TITLE STYLE */
|
/* POST TITLE STYLE */
|
||||||
|
.blog__title,
|
||||||
.blog-post__title {
|
.blog-post__title {
|
||||||
font-size: 1.75em;
|
font-size: 1.75em;
|
||||||
}
|
}
|
||||||
|
|
Binary file not shown.
Before Width: | Height: | Size: 118 KiB |
Binary file not shown.
After Width: | Height: | Size: 2.8 MiB |
|
@ -28,7 +28,7 @@
|
||||||
<header class="blog-header" id="header">This site requires JavaScript!</header>
|
<header class="blog-header" id="header">This site requires JavaScript!</header>
|
||||||
<article class="blog-content" id="content">
|
<article class="blog-content" id="content">
|
||||||
|
|
||||||
<h1>Welcome to Leilukin's Hub Blog!</h1>
|
<h1 class="blog__title">Welcome to Leilukin's Hub Blog!</h1>
|
||||||
|
|
||||||
<p>This is my blog that is hosted on my own personal website. Hope you enjoy your time here!</p>
|
<p>This is my blog that is hosted on my own personal website. Hope you enjoy your time here!</p>
|
||||||
|
|
||||||
|
|
|
@ -53,6 +53,7 @@
|
||||||
<p class="date-style">11 September 2023:</p>
|
<p class="date-style">11 September 2023:</p>
|
||||||
<ul>
|
<ul>
|
||||||
<li>New blog post: <a href="/blog/posts/2023-09-11-Happy-1st-Anniversary-to-Leilukins-Hub.html">Happy 1st Anniversary to Leilukin's Hub</a>.</li>
|
<li>New blog post: <a href="/blog/posts/2023-09-11-Happy-1st-Anniversary-to-Leilukins-Hub.html">Happy 1st Anniversary to Leilukin's Hub</a>.</li>
|
||||||
|
<li>Modified <a href="/blog/">blog</a> style.</li>
|
||||||
<li>Updated the <a href="/about/">About</a> page.</li>
|
<li>Updated the <a href="/about/">About</a> page.</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
|
|
|
@ -73,6 +73,7 @@
|
||||||
<p class="date-style">11 September 2023:</p>
|
<p class="date-style">11 September 2023:</p>
|
||||||
<ul>
|
<ul>
|
||||||
<li>New blog post: <a href="/blog/posts/2023-09-11-Happy-1st-Anniversary-to-Leilukins-Hub.html">Happy 1st Anniversary to Leilukin's Hub</a>.</li>
|
<li>New blog post: <a href="/blog/posts/2023-09-11-Happy-1st-Anniversary-to-Leilukins-Hub.html">Happy 1st Anniversary to Leilukin's Hub</a>.</li>
|
||||||
|
<li>Modified <a href="/blog/">blog</a> style.</li>
|
||||||
<li>Updated the <a href="/about/">About</a> page.</li>
|
<li>Updated the <a href="/about/">About</a> page.</li>
|
||||||
</ul>
|
</ul>
|
||||||
<p><a href="/changelog">View all site changelog</a></p>
|
<p><a href="/changelog">View all site changelog</a></p>
|
||||||
|
|
Loading…
Reference in New Issue