mrhavens/thefoldwithin-earth
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Update styles.css

Browse source
This commit is contained in:
Mark Randall Havens △ The Empathic Technologist ⟁ Doctor Who 42 2025-11-08 16:08:45 -06:00 • committed by GitHub
parent 5acc4c4ba1
commit 1d31356045
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 27 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

30
public/styles.css
View file

@ -3,6 +3,7 @@
--fg:#e6e3d7; --fg:#e6e3d7;
--accent:#e0b84b; --accent:#e0b84b;
--topbar-h:52px; --topbar-h:52px;
--transition: .3s ease;
} }
html,body{ html,body{
@ -47,6 +48,7 @@ html,body{
color:var(--accent); color:var(--accent);
text-decoration:none; text-decoration:none;
font-weight:600; font-weight:600;
transition: text-shadow var(--transition);
} }
.primary-nav a:hover{ text-shadow:0 0 5px var(--accent); } .primary-nav a:hover{ text-shadow:0 0 5px var(--accent); }
@ -61,7 +63,7 @@ html,body{
background:#111; background:#111;
border-right:1px solid #222; border-right:1px solid #222;
transform:translateX(-100%); transform:translateX(-100%);
transition:transform .3s; transition:transform var(--transition);
z-index:900; z-index:900;
} }
@ -74,6 +76,16 @@ body.sidebar-open #sidebar{ transform:translateX(0); }
padding:1rem; padding:1rem;
} }
.sidebar-controls label {
font-size:0.8rem;
color:var(--accent);
margin-bottom:-4px;
}
.sidebar-controls select[multiple] {
height:100px; /* Elegant fixed height for multi */
}
#postList{ #postList{
list-style:none; list-style:none;
margin:0; margin:0;
@ -82,6 +94,7 @@ body.sidebar-open #sidebar{ transform:translateX(0); }
#postList li{ #postList li{
margin:.5rem 0; margin:.5rem 0;
transition: color var(--transition);
} }
#postList a{ #postList a{
@ -93,7 +106,7 @@ body.sidebar-open #sidebar{ transform:translateX(0); }
.content{ .content{
margin-top:var(--topbar-h); margin-top:var(--topbar-h);
margin-left:0; margin-left:0;
transition:margin-left .3s; transition:margin-left var(--transition);
min-height:calc(100vh - var(--topbar-h)); min-height:calc(100vh - var(--topbar-h));
} }
@media(min-width:1024px){ @media(min-width:1024px){
@ -105,6 +118,17 @@ body.sidebar-open #sidebar{ transform:translateX(0); }
max-width:720px; max-width:720px;
margin:auto; margin:auto;
padding:2rem 1rem; padding:2rem 1rem;
opacity:1;
transition: opacity var(--transition);
}
.viewer.fade-in > * {
opacity:0;
animation: fadeIn var(--transition) forwards;
}
@keyframes fadeIn {
to { opacity:1; }
} }
/* iframe resets */ /* iframe resets */
@ -114,5 +138,5 @@ body.sidebar-open #sidebar{ transform:translateX(0); }
margin:0; margin:0;
min-height:calc(100vh - var(--topbar-h) - 40px); min-height:calc(100vh - var(--topbar-h) - 40px);
border-radius:12px; border-radius:12px;
background: #fff; /* For PDF contrast */ background: #fff;
} }