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 15:06:10 -06:00 • committed by GitHub
parent 8383931cba
commit 69f5ccad09
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 7 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

10
public/styles.css
View file

@ -86,7 +86,8 @@ body.sidebar-collapsed .content{ margin-left:0 }
position:relative; position:relative;
flex:1 1 auto; flex:1 1 auto;
margin-left:var(--sidebar-w); margin-left:var(--sidebar-w);
padding:16px 24px 32px 12px; /* tighter left to remove “gap” look */ /* tighter edges so HTML/MD look identical */
padding:8px 24px 32px 8px;
transition:margin-left .25s ease; transition:margin-left .25s ease;
} }
@media (max-width:1024px){ .content{ margin-left:0 } } @media (max-width:1024px){ .content{ margin-left:0 } }
@ -121,9 +122,9 @@ body.sidebar-collapsed .content{ margin-left:0 }
.tree a:hover{ background:#111 } .tree a:hover{ background:#111 }
.tree .meta{ color:var(--sub); font-size:.86rem } .tree .meta{ color:var(--sub); font-size:.86rem }
/* Viewer — removed “card” frame to avoid bounded look/gap */ /* Viewer — no “card” frame; flush with divider */
.viewer{ .viewer{
padding:0 8px 24px 16px; padding:0 0 24px 4px;
} }
.viewer .empty{ opacity:.75 } .viewer .empty{ opacity:.75 }
.viewer h1,h2,h3{ color:var(--gold); margin:0 0 .75rem } .viewer h1,h2,h3{ color:var(--gold); margin:0 0 .75rem }
@ -134,6 +135,9 @@ body.sidebar-collapsed .content{ margin-left:0 }
.viewer hr{ border:0; border-top:1px solid #222; margin:1.5rem 0 } .viewer hr{ border:0; border-top:1px solid #222; margin:1.5rem 0 }
.viewer img, .viewer iframe{ max-width:100%; height:auto; display:block; border-radius:12px } .viewer img, .viewer iframe{ max-width:100%; height:auto; display:block; border-radius:12px }
/* Make sure iframe itself has no stray margins */
.viewer iframe{ border:0; margin:0 }
/* Utilities */ /* Utilities */
.visually-hidden{ .visually-hidden{
position:absolute !important; height:1px; width:1px; overflow:hidden; position:absolute !important; height:1px; width:1px; overflow:hidden;