marty/instantadpay
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

plays: scope box styles to direct children

Browse Source
This commit is contained in:
martbost
2026-09-10 07:08:07 -05:00
parent 16a9f76f50
commit 0c30e831eb
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/plays.html
+6 -6
View File
@@ -13,12 +13,12 @@
.pl-rule{border-left:4px solid #f2c94c;background:rgba(242,201,76,.08);padding:16px 20px;border-radius:0 12px 12px 0;margin:0 0 28px} .pl-rule{border-left:4px solid #f2c94c;background:rgba(242,201,76,.08);padding:16px 20px;border-radius:0 12px 12px 0;margin:0 0 28px}
.pl-rule b{font-family:var(--disp);font-size:17px;display:block;margin-bottom:6px} .pl-rule b{font-family:var(--disp);font-size:17px;display:block;margin-bottom:6px}
.pl-split{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 10px} .pl-split{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 10px}
.pl-split div{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 10px;text-align:center} .pl-split>div{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 10px;text-align:center}
.pl-split .n{font-family:var(--disp);font-size:28px;font-weight:800;color:var(--mint);font-variant-numeric:tabular-nums} .pl-split .n{font-family:var(--disp);font-size:28px;font-weight:800;color:var(--mint);font-variant-numeric:tabular-nums}
.pl-split .l{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:2px} .pl-split .l{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:2px}
.pl-ladder{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel);margin:0 0 34px} .pl-ladder{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel);margin:0 0 34px}
.pl-ladder div{padding:12px 10px;border-right:1px solid var(--line);font-size:13.5px} .pl-ladder>div{padding:12px 10px;border-right:1px solid var(--line);font-size:13.5px}
.pl-ladder div:last-child{border-right:0} .pl-ladder>div:last-child{border-right:0}
.pl-ladder .k{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase} .pl-ladder .k{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}
.pl-ladder .v{font-weight:700;margin-top:2px} .pl-ladder .v{font-weight:700;margin-top:2px}
.pl-ladder .b{color:var(--mint);font-size:12.5px} .pl-ladder .b{color:var(--mint);font-size:12.5px}
@@ -28,18 +28,18 @@
.play ol{margin:0 0 14px 20px;padding:0;line-height:1.6} .play ol{margin:0 0 14px 20px;padding:0;line-height:1.6}
.play ol li{margin:0 0 8px} .play ol li{margin:0 0 8px}
.meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px} .meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.meta div{background:rgba(4,8,7,.45);border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:14px} .meta>div{background:rgba(4,8,7,.45);border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:14px}
.meta .k{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px} .meta .k{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}
.rec{border-color:var(--mint)} .rec{border-color:var(--mint)}
.cal{display:grid;grid-template-columns:repeat(4,1fr);gap:10px} .cal{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.cal div{background:rgba(4,8,7,.45);border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:14px} .cal>div{background:rgba(4,8,7,.45);border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:14px}
.cal .k{font-family:var(--disp);font-weight:800;color:var(--mint);margin-bottom:6px} .cal .k{font-family:var(--disp);font-weight:800;color:var(--mint);margin-bottom:6px}
blockquote{margin:0 0 10px;background:rgba(4,8,7,.45);border:1px solid var(--line);border-radius:10px;padding:12px 16px;color:var(--muted);font-style:italic} blockquote{margin:0 0 10px;background:rgba(4,8,7,.45);border:1px solid var(--line);border-radius:10px;padding:12px 16px;color:var(--muted);font-style:italic}
blockquote span{display:block;font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mint);margin-bottom:4px} blockquote span{display:block;font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mint);margin-bottom:4px}
.fit-table th{text-align:left;color:var(--muted);font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:500} .fit-table th{text-align:left;color:var(--muted);font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:500}
.fit-table td,.fit-table th{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top} .fit-table td,.fit-table th{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}
#gate{display:none} #gate{display:none}
@media (max-width:720px){.pl-split{grid-template-columns:repeat(2,1fr)}.pl-ladder{grid-template-columns:1fr}.pl-ladder div{border-right:0;border-bottom:1px solid var(--line)}.meta,.cal{grid-template-columns:1fr}} @media (max-width:720px){.pl-split{grid-template-columns:repeat(2,1fr)}.pl-ladder{grid-template-columns:1fr}.pl-ladder>div{border-right:0;border-bottom:1px solid var(--line)}.meta,.cal{grid-template-columns:1fr}}
</style> </style>
</head> </head>
<body> <body>