|
|
| Line 34: |
Line 34: |
| #buchanan-profile #bc-scene-escape img{object-position:39% center;} | | #buchanan-profile #bc-scene-escape img{object-position:39% center;} |
| #buchanan-profile #bc-scene-prison img{object-position:48% center;} | | #buchanan-profile #bc-scene-prison img{object-position:48% center;} |
| #buchanan-profile #bc-scene-wall img{object-fit:contain;object-position:center;} | | #buchanan-profile #bc-scene-wall img{object-fit:cover;object-position:50% 0;} |
| #buchanan-profile figcaption{position:absolute;left:24px;bottom:24px;max-width:calc(100% - 48px);padding:10px 15px;background:rgba(20,20,20,.88);color:#eee;font-family:'IBM Plex Sans',Arial,sans-serif !important;font-size:20px;line-height:1.2;pointer-events:none;} | | #buchanan-profile figcaption{position:absolute;left:24px;bottom:24px;max-width:calc(100% - 48px);padding:10px 15px;background:rgba(20,20,20,.88);color:#eee;font-family:'IBM Plex Sans',Arial,sans-serif !important;font-size:20px;line-height:1.2;pointer-events:none;} |
| #buchanan-profile #bc-scene-guard figcaption,#buchanan-profile #bc-scene-wall figcaption,#buchanan-profile #bc-scene-prison figcaption{display:none;} | | #buchanan-profile #bc-scene-guard figcaption,#buchanan-profile #bc-scene-wall figcaption,#buchanan-profile #bc-scene-prison figcaption{display:none;} |
| #buchanan-profile:has(#bc-view-1:checked){grid-template-columns:minmax(0,1fr) min(80dvh,calc(100vw - 470px));}
| |
| #buchanan-profile:has(#bc-view-2:checked){grid-template-columns:min(650px,55vw) minmax(0,1fr);} | | #buchanan-profile:has(#bc-view-2:checked){grid-template-columns:min(650px,55vw) minmax(0,1fr);} |
| @media(max-height:900px){#buchanan-profile .bc-head{padding-top:12px;padding-bottom:12px;}#buchanan-profile .bc-name{font-size:64px;}#buchanan-profile .bc-name span{font-size:30px;}#buchanan-profile .bc-copy{padding-top:20px;padding-bottom:20px;}#buchanan-profile .bc-copy h2{font-size:32px;margin-bottom:15px;}#buchanan-profile .bc-controls{padding-top:9px;padding-bottom:9px;}#buchanan-profile .bc-controls label{min-height:40px;padding:9px 5px;font-size:19px;}} | | @media(max-height:900px){#buchanan-profile .bc-head{padding-top:12px;padding-bottom:12px;}#buchanan-profile .bc-name{font-size:64px;}#buchanan-profile .bc-name span{font-size:30px;}#buchanan-profile .bc-copy{padding-top:20px;padding-bottom:20px;}#buchanan-profile .bc-copy h2{font-size:32px;margin-bottom:15px;}#buchanan-profile .bc-controls{padding-top:9px;padding-bottom:9px;}#buchanan-profile .bc-controls label{min-height:40px;padding:9px 5px;font-size:19px;}} |
| @media(max-width:1100px){#buchanan-profile{grid-template-columns:470px minmax(0,1fr);}#buchanan-profile .bc-head{padding-left:25px;padding-right:25px;}#buchanan-profile .bc-copy{padding-left:25px;padding-right:25px;}#buchanan-profile .bc-tools{padding-left:25px;padding-right:20px;gap:6px 17px;}} | | @media(max-width:1100px){#buchanan-profile{grid-template-columns:470px minmax(0,1fr);}#buchanan-profile .bc-head{padding-left:25px;padding-right:25px;}#buchanan-profile .bc-copy{padding-left:25px;padding-right:25px;}#buchanan-profile .bc-tools{padding-left:25px;padding-right:20px;gap:6px 17px;}} |
| @media(max-height:700px) and (min-width:761px){#buchanan-profile .bc-copy{align-items:flex-start;overflow:auto;overscroll-behavior:contain;}} | | @media(max-height:700px) and (min-width:761px){#buchanan-profile .bc-copy{align-items:flex-start;overflow:auto;overscroll-behavior:contain;}} |
| @media(max-width:760px){#buchanan-profile,#buchanan-profile:has(#bc-view-1:checked),#buchanan-profile:has(#bc-view-2:checked){grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(170px,36dvh);}#buchanan-profile .bc-reader{border-right:0;border-bottom:1px solid #555;}#buchanan-profile .bc-head{padding:10px 18px;}#buchanan-profile .bc-name{font-size:44px;}#buchanan-profile .bc-name span{font-size:23px;margin-bottom:2px;}#buchanan-profile .bc-controls{padding:7px 12px;gap:4px;}#buchanan-profile .bc-controls label{font-size:16px;min-height:34px;padding:7px 4px;}#buchanan-profile .bc-copy{padding:16px 20px;align-items:flex-start;overflow:auto;overscroll-behavior:contain;}#buchanan-profile p{font-size:20px;line-height:1.5;}#buchanan-profile .bc-copy h2{font-size:28px;margin-bottom:12px;}#buchanan-profile .bc-tools{padding:9px 20px;gap:7px 18px;}#buchanan-profile .bc-tools a{font-size:14px;}#buchanan-profile figcaption{left:12px;bottom:12px;max-width:calc(100% - 24px);font-size:17px;padding:7px 10px;}} | | @media(max-width:760px){#buchanan-profile,#buchanan-profile:has(#bc-view-2:checked){grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(170px,36dvh);}#buchanan-profile .bc-reader{border-right:0;border-bottom:1px solid #555;}#buchanan-profile .bc-head{padding:10px 18px;}#buchanan-profile .bc-name{font-size:44px;}#buchanan-profile .bc-name span{font-size:23px;margin-bottom:2px;}#buchanan-profile .bc-controls{padding:7px 12px;gap:4px;}#buchanan-profile .bc-controls label{font-size:16px;min-height:34px;padding:7px 4px;}#buchanan-profile .bc-copy{padding:16px 20px;align-items:flex-start;overflow:auto;overscroll-behavior:contain;}#buchanan-profile p{font-size:20px;line-height:1.5;}#buchanan-profile .bc-copy h2{font-size:28px;margin-bottom:12px;}#buchanan-profile .bc-tools{padding:9px 20px;gap:7px 18px;}#buchanan-profile .bc-tools a{font-size:14px;}#buchanan-profile figcaption{left:12px;bottom:12px;max-width:calc(100% - 24px);font-size:17px;padding:7px 10px;}} |
|
| |
|
| @supports selector(body:has(article)){ | | @supports selector(body:has(article)){ |