techrunner/Neocities
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated theme to look a little better

Browse Source
This commit is contained in:
TechRunner
2025-10-18 13:42:33 -05:00
parent 3dbed8cacc
commit 6caf86913e
2 changed files with 21 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -31,7 +31,7 @@
<a href="/pages/links.html">My Links!</a> <a href="/pages/links.html">My Links!</a>
</div> </div>
<div class="post"> <div class="post">
<h3>System Media</h3> <h3 class="postHeader">System Media</h3>
<ul> <ul>
<li><a href="/pages/Jukebox.html">Music</a></li> <li><a href="/pages/Jukebox.html">Music</a></li>
<li><a href="/pages/games.html">Games</a></li> <li><a href="/pages/games.html">Games</a></li>

34
stylesheets/home.css
View File

@ -101,8 +101,6 @@ div#postarea{
} }
#blogList ul{ #blogList ul{
padding-right: 5%;
padding-left: 5%;
list-style: none; list-style: none;
text-align: center; text-align: center;
width:inherit; width:inherit;
@ -125,16 +123,19 @@ div.post {
padding: 5%; padding: 5%;
} }
.post p{ .postHeader{
width: 100%; margin-bottom: 5px;
height: 100%; }
.post ul{
padding: 0;
} }
.post ul, a{ .post ul, a{
color: #ACACAC; color: #f00990;
text-align: center;
} }
.postImage{ .postImage{
margin: 3px;
width: 50%; width: 50%;
aspect-ratio: 1/1; aspect-ratio: 1/1;
border-radius: 5%; border-radius: 5%;
@ -200,28 +201,33 @@ div.post {
.memberPhoto{ .memberPhoto{
display: flex; display: flex;
flex-direction: column-reverse; flex-direction: column-reverse;
height: 100%;
align-items: center; align-items: center;
width: 100%;
flex-grow: 1;
} }
.memberPhoto img{
width: 100%;
}
.member p{ .member p{
font-size: 9pt; font-size: 9pt;
background-color: rgb(48, 38, 49);
border-radius: 20px;
padding: 5px;
flex-grow:1;
} }
li.member{ li.member{
border-style: solid; border-style: solid;
border-color: #25a89d; border-color: #25a89d;
border-radius: 4px; border-radius: 20px;
border-width: 1px; border-width: 1px;
list-style: none; list-style: none;
background-color: #767e7e8c; background-color: #35474775;
height: 100%;
width: 100%; width: 100%;
margin: 5px; margin: 5px;
padding: 10px;
display: flex;
flex-direction: column;
flex-grow:1;
} }
a.member{ a.member{