https://staging.52shore.com/index.php?action=history&feed=atom&title=MediaWiki%3ACommon.css 2026-07-13T08:49:32Z Revision history for this page on the wiki MediaWiki 1.46.0 https://staging.52shore.com/index.php?title=MediaWiki:Common.css&diff=23&oldid=prev 2026-07-13T06:43:04Z

<p>Replaced content with &quot;<span class="autocomment">No global custom styling: </span>&quot;</p> <a href="https://staging.52shore.com/index.php?title=MediaWiki:Common.css&amp;diff=23&amp;oldid=22">Show changes</a>

52shorewiki@myspamfolder.org https://staging.52shore.com/index.php?title=MediaWiki:Common.css&diff=22&oldid=prev 2026-07-13T06:29:37Z

<p></p> <a href="https://staging.52shore.com/index.php?title=MediaWiki:Common.css&amp;diff=22&amp;oldid=14">Show changes</a>

52shorewiki@myspamfolder.org https://staging.52shore.com/index.php?title=MediaWiki:Common.css&diff=14&oldid=prev 2026-07-13T05:43:25Z

<p>Blanked the page</p> <table style="background-color: #fff; color: #202122;" data-mw-interface=""> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 05:43, 13 July 2026</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Line 1:</td> <td colspan="2" class="diff-lineno">Line 1:</td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">/* 52 Shore manual POC. All component rules are scoped to .poc-shore. */</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">.poc-shore{--poc-forest:#315d23;--poc-forest-dark:#1c3e19;--poc-lake:#24566d;--poc-lake-dark:#183745;--poc-sage:#e8eee3;--poc-paper:#f8f7f3;--poc-ink:#182630;--poc-muted:#68737a;--poc-line:rgba(24,38,48,.14);--poc-emergency:#c94b2c;--poc-focus:#d79a2d;--poc-radius:15px;--poc-radius-lg:20px;--poc-shadow:0 7px 22px rgba(24,45,38,.10);--poc-shadow-lg:0 15px 40px rgba(14,31,29,.24);--poc-gutter:clamp(18px,4.7vw,72px);--poc-wide:1440px;background:linear-gradient(#f8f7f3,#f2f0e9);color:var(--poc-ink);font-family:Inter,Aptos,"Segoe UI",Helvetica,Arial,sans-serif;margin:0;overflow:hidden}</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">.poc-shore *{box-sizing:border-box}.poc-shore a:focus-visible,.poc-shore button:focus-visible,.poc-shore input:focus-visible,.poc-shore summary:focus-visible{outline:3px solid var(--poc-focus);outline-offset:3px}</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">body.page-Main_Page .mw-body-content,body.page-Main_Page .mw-parser-output,body.page-Main_Page .mw-content-container{max-width:none}body.page-Main_Page .mw-body{padding:0}body.page-Main_Page #firstHeading{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}body.page-Main_Page .mw-parser-output&gt;p:empty{display:none}</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">body.mw-user-anon.page-Main_Page .vector-header-container,body.mw-user-anon.page-Main_Page .vector-page-toolbar,body.mw-user-anon.page-Main_Page .vector-column-start,body.mw-user-anon.page-Main_Page .vector-column-end,body.mw-user-anon.page-Main_Page .mw-footer{display:none}</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">.poc-nav{align-items:center;background:#fff;display:flex;gap:36px;justify-content:space-between;margin:0 auto;max-width:var(--poc-wide);min-height:74px;padding:10px var(--poc-gutter)}.poc-nav a{color:var(--poc-ink);text-decoration:none}.poc-nav__brand a{align-items:center;display:inline-flex;gap:8px;line-height:1}.poc-nav__mark{color:var(--poc-forest);font-size:30px}.poc-nav__number{color:#5f843e;font-size:43px;font-weight:700}.poc-nav__name{color:var(--poc-lake-dark);font-size:20px;letter-spacing:.08em}.poc-nav__name small{display:block;font-size:10px;letter-spacing:.13em;margin-top:5px}.poc-nav__desktop{align-items:center;display:flex;flex-wrap:wrap;gap:22px;justify-content:flex-end}.poc-nav__desktop&gt;a{border-bottom:2px solid transparent;font-weight:600;padding:12px 0}.poc-nav__desktop&gt;a:hover,.poc-nav__desktop&gt;a:focus-visible{border-bottom-color:var(--poc-forest);color:var(--poc-forest-dark)}.poc-nav__emergency a{color:var(--poc-emergency);font-weight:700}.poc-nav__mobile{display:none;position:relative}.poc-nav__mobile summary{cursor:pointer;font-weight:700;min-height:44px;padding:12px}.poc-nav__menu{background:#fff;border-radius:var(--poc-radius);box-shadow:var(--poc-shadow-lg);display:grid;min-width:230px;padding:8px;position:absolute;right:0;z-index:30}.poc-nav__menu a{border-radius:8px;padding:12px}.poc-nav__menu a:hover,.poc-nav__menu a:focus-visible{background:#f0f1ea}</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">.poc-hero{background:var(--poc-lake-dark);color:#fff;min-height:530px;overflow:hidden;position:relative}.poc-hero__media,.poc-hero__media .mw-file-description,.poc-hero__media .mw-file-element{height:100%;inset:0;position:absolute;width:100%}.poc-hero__media .mw-file-element{object-fit:cover;object-position:center}.poc-hero__media--mobile{display:none}.poc-hero::after{background:linear-gradient(90deg,rgba(9,25,28,.46),rgba(9,25,28,.12) 52%,rgba(9,25,28,.40));content:"";inset:0;position:absolute}.poc-hero__content{margin:0 auto;max-width:920px;padding:48px var(--poc-gutter) 150px;position:relative;text-align:center;z-index:2}.poc-hero__eyebrow{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,4vw,3.6rem);font-style:italic;margin:0 0 4px;text-shadow:0 2px 12px rgba(0,0,0,.35)}.poc-hero h1{color:#fff;font-size:clamp(2.4rem,5vw,4.35rem);font-weight:750;letter-spacing:-.025em;line-height:1.05;margin:0;text-shadow:0 3px 16px rgba(0,0,0,.48)}.poc-hero__lede{font-size:clamp(1rem,1.65vw,1.25rem);line-height:1.55;margin:18px auto 22px;max-width:710px;text-shadow:0 2px 8px rgba(0,0,0,.6)}.poc-hero__search{margin:0 auto;max-width:540px}.poc-hero__search form{display:flex;position:relative}.poc-hero__search .mw-inputbox-input{background:#fff;border:0;border-radius:999px;box-shadow:var(--poc-shadow-lg);font-size:1.1rem;min-height:58px;padding:0 122px 0 28px;width:100%}.poc-hero__search .mw-ui-button,.poc-hero__search input[type="submit"]{background:var(--poc-forest);border:0;border-radius:999px;color:#fff;cursor:pointer;font-weight:700;margin:7px;min-height:44px;padding:0 22px;position:absolute;right:0}</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">.poc-home{margin:0 auto;max-width:var(--poc-wide);padding:0 var(--poc-gutter) 42px}.poc-panel{background:rgba(255,255,255,.97);border:1px solid rgba(28,62,25,.08);border-radius:var(--poc-radius-lg);box-shadow:var(--poc-shadow);padding:clamp(18px,2.3vw,30px)}.poc-panel--topics{margin-top:-140px;position:relative;z-index:5}.poc-panel__heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.poc-panel__heading h2{color:var(--poc-ink);font-size:1.25rem;margin:0}</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">.poc-topic-grid{display:grid;gap:clamp(12px,2vw,28px);grid-template-columns:repeat(8,minmax(0,1fr))}.poc-topic{min-width:0;text-align:center}.poc-topic__icon{align-items:center;background:var(--poc-topic-bg,#e7edde);border-radius:14px;color:var(--poc-topic-fg,var(--poc-forest));display:flex;font-family:"Segoe UI Symbol",sans-serif;font-size:clamp(2rem,3vw,3rem);font-weight:650;height:96px;justify-content:center;margin:0 auto 10px;max-width:104px;transition:transform .18s ease,box-shadow .18s ease}.poc-topic:hover .poc-topic__icon{box-shadow:var(--poc-shadow);transform:translateY(-3px)}.poc-topic h3{font-size:1rem;margin:0}.poc-topic h3 a{color:var(--poc-ink);text-decoration:none}.poc-topic--lake{--poc-topic-bg:#e5eff1;--poc-topic-fg:#1d596b}.poc-topic--sand{--poc-topic-bg:#f2e6cf;--poc-topic-fg:#89640d}.poc-topic--fire{--poc-topic-bg:#f6ddcf;--poc-topic-fg:#b84918}.poc-topic--gold{--poc-topic-bg:#f7edc9;--poc-topic-fg:#88620a}.poc-topic--lavender{--poc-topic-bg:#ebe6ef;--poc-topic-fg:#573369}.poc-topic--moss{--poc-topic-bg:#e6ecdf;--poc-topic-fg:#365d2d}.poc-topic--mist{--poc-topic-bg:#e7eef2;--poc-topic-fg:#184f68}</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">.poc-secondary{display:grid;gap:24px;grid-template-columns:.92fr 1.08fr;margin-top:24px}.poc-quick-grid{column-gap:30px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.poc-quick{align-items:center;border-bottom:1px solid var(--poc-line);display:grid;gap:12px;grid-template-columns:28px 1fr auto;min-height:48px}.poc-quick a{color:var(--poc-ink);text-decoration:none}.poc-quick a:hover,.poc-quick a:focus-visible{color:var(--poc-forest);text-decoration:underline}.poc-quick__icon{color:var(--poc-lake-dark);font-size:1.25rem;font-weight:700;text-align:center}.poc-quick--emergency .poc-quick__icon,.poc-quick--emergency a{color:var(--poc-emergency);font-weight:700}</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">.poc-nearby-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.poc-nearby{border-radius:var(--poc-radius);color:#fff;min-height:124px;overflow:hidden;position:relative}.poc-nearby__media,.poc-nearby__media .mw-file-description,.poc-nearby__media .mw-file-element{height:100%;inset:0;position:absolute;width:100%}.poc-nearby__media{background:linear-gradient(135deg,#547342,#47778a)}.poc-nearby__media .mw-file-element{object-fit:cover}.poc-nearby::after{background:linear-gradient(90deg,rgba(10,26,25,.74),rgba(10,26,25,.05));content:"";inset:0;position:absolute}.poc-nearby__label{bottom:12px;left:14px;position:absolute;right:10px;z-index:2}.poc-nearby__label h3,.poc-nearby__label p{margin:0}.poc-nearby__label h3{font-size:1rem}.poc-nearby__label h3 a{color:#fff;text-decoration:none}.poc-nearby__label p{font-size:.88rem;margin-top:2px}.poc-nearby-more{margin:14px 0 0;text-align:center}.poc-nearby-more a{color:var(--poc-forest);font-weight:700}</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">.poc-footer{background:linear-gradient(90deg,#eef0e8,#f6f4ee);border-radius:var(--poc-radius);display:grid;grid-template-columns:repeat(4,1fr);margin-top:24px;overflow:hidden}.poc-footer__item{align-items:center;display:grid;gap:14px;grid-template-columns:46px 1fr;padding:18px 24px}.poc-footer__item+.poc-footer__item{border-left:1px solid var(--poc-line)}.poc-footer__item&gt;span{color:var(--poc-forest);font-size:2rem;text-align:center}.poc-footer__item p{font-size:.92rem;line-height:1.45;margin:0}.poc-footer__legal{background:var(--poc-forest-dark);color:#fff;grid-column:1/-1;padding:12px 20px;text-align:center}.poc-footer__legal a{color:#fff}</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">@media(max-width:1100px){.poc-topic-grid{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:24px}.poc-secondary{grid-template-columns:1fr}}</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">@media(max-width:900px){.poc-nav__desktop{display:none}.poc-nav__mobile{display:block}.poc-nav{min-height:64px}.poc-nav__number{font-size:34px}.poc-nav__name{font-size:16px}.poc-footer{grid-template-columns:repeat(2,1fr)}}</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">@media(max-width:700px){.poc-shore{--poc-gutter:12px}.poc-hero{min-height:440px}.poc-hero__media--desktop{display:none}.poc-hero__media--mobile{display:block}.poc-hero__media .mw-file-element{object-position:center}.poc-hero__content{padding:54px 20px 116px}.poc-hero__lede br{display:none}.poc-hero__search .mw-inputbox-input{font-size:1rem;min-height:54px;padding-left:20px}.poc-panel{border-radius:var(--poc-radius);padding:16px}.poc-panel--topics{margin-top:-86px}.poc-topic-grid{gap:18px 10px;grid-template-columns:repeat(2,minmax(0,1fr))}.poc-topic__icon{height:74px;max-width:82px}.poc-topic h3{font-size:.92rem}.poc-quick-grid{grid-template-columns:1fr}.poc-nearby-grid{display:flex;margin-right:calc(-1 * var(--poc-gutter));overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory}.poc-nearby{flex:0 0 78%;scroll-snap-align:start}.poc-footer{grid-template-columns:1fr}.poc-footer__item+.poc-footer__item{border-left:0;border-top:1px solid var(--poc-line)}}</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">@media(prefers-reduced-motion:reduce){.poc-shore *,.poc-shore *::before,.poc-shore *::after{scroll-behavior:auto!important;transition-duration:.01ms!important}}</del></div></td><td colspan="2" class="diff-side-added"></td></tr> </table>

52shorewiki@myspamfolder.org https://staging.52shore.com/index.php?title=MediaWiki:Common.css&diff=12&oldid=prev 2026-07-13T04:56:34Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw-interface=""> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 04:56, 13 July 2026</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Line 1:</td> <td colspan="2" class="diff-lineno">Line 1:</td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">/* CSS placed here will be applied to all skins */</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>/* 52 Shore manual POC. All component rules are scoped to .poc-shore. */</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>/* 52 Shore manual POC. All component rules are scoped to .poc-shore. */</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.poc-shore{--poc-forest:#315d23;--poc-forest-dark:#1c3e19;--poc-lake:#24566d;--poc-lake-dark:#183745;--poc-sage:#e8eee3;--poc-paper:#f8f7f3;--poc-ink:#182630;--poc-muted:#68737a;--poc-line:rgba(24,38,48,.14);--poc-emergency:#c94b2c;--poc-focus:#d79a2d;--poc-radius:15px;--poc-radius-lg:20px;--poc-shadow:0 7px 22px rgba(24,45,38,.10);--poc-shadow-lg:0 15px 40px rgba(14,31,29,.24);--poc-gutter:clamp(18px,4.7vw,72px);--poc-wide:1440px;background:linear-gradient(#f8f7f3,#f2f0e9);color:var(--poc-ink);font-family:Inter,Aptos,&quot;Segoe UI&quot;,Helvetica,Arial,sans-serif;margin:0;overflow:hidden}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.poc-shore{--poc-forest:#315d23;--poc-forest-dark:#1c3e19;--poc-lake:#24566d;--poc-lake-dark:#183745;--poc-sage:#e8eee3;--poc-paper:#f8f7f3;--poc-ink:#182630;--poc-muted:#68737a;--poc-line:rgba(24,38,48,.14);--poc-emergency:#c94b2c;--poc-focus:#d79a2d;--poc-radius:15px;--poc-radius-lg:20px;--poc-shadow:0 7px 22px rgba(24,45,38,.10);--poc-shadow-lg:0 15px 40px rgba(14,31,29,.24);--poc-gutter:clamp(18px,4.7vw,72px);--poc-wide:1440px;background:linear-gradient(#f8f7f3,#f2f0e9);color:var(--poc-ink);font-family:Inter,Aptos,&quot;Segoe UI&quot;,Helvetica,Arial,sans-serif;margin:0;overflow:hidden}</div></td></tr> </table>

52shorewiki@myspamfolder.org https://staging.52shore.com/index.php?title=MediaWiki:Common.css&diff=3&oldid=prev 2026-07-13T04:40:22Z

<p>Created page with &quot;<span class="autocomment">CSS placed here will be applied to all skins: </span> <span class="autocomment">52 Shore manual POC. All component rules are scoped to .poc-shore.: </span> .poc-shore{--poc-forest:#315d23;--poc-forest-dark:#1c3e19;--poc-lake:#24566d;--poc-lake-dark:#183745;--poc-sage:#e8eee3;--poc-paper:#f8f7f3;--poc-ink:#182630;--poc-muted:#68737a;--poc-line:rgba(24,38,48,.14);--poc-emergency:#c94b2c;--poc-focus:#d79a2d;--poc-radius:15px;--poc-radius-lg:20px;--poc-shadow:0 7px 22px rgba(24,45,38,.10);--poc-shadow-lg:...&quot;</p> <p><b>New page</b></p><div>/* CSS placed here will be applied to all skins */<br /> <br /> /* 52 Shore manual POC. All component rules are scoped to .poc-shore. */<br /> .poc-shore{--poc-forest:#315d23;--poc-forest-dark:#1c3e19;--poc-lake:#24566d;--poc-lake-dark:#183745;--poc-sage:#e8eee3;--poc-paper:#f8f7f3;--poc-ink:#182630;--poc-muted:#68737a;--poc-line:rgba(24,38,48,.14);--poc-emergency:#c94b2c;--poc-focus:#d79a2d;--poc-radius:15px;--poc-radius-lg:20px;--poc-shadow:0 7px 22px rgba(24,45,38,.10);--poc-shadow-lg:0 15px 40px rgba(14,31,29,.24);--poc-gutter:clamp(18px,4.7vw,72px);--poc-wide:1440px;background:linear-gradient(#f8f7f3,#f2f0e9);color:var(--poc-ink);font-family:Inter,Aptos,&quot;Segoe UI&quot;,Helvetica,Arial,sans-serif;margin:0;overflow:hidden}<br /> .poc-shore *{box-sizing:border-box}.poc-shore a:focus-visible,.poc-shore button:focus-visible,.poc-shore input:focus-visible,.poc-shore summary:focus-visible{outline:3px solid var(--poc-focus);outline-offset:3px}<br /> body.page-Main_Page .mw-body-content,body.page-Main_Page .mw-parser-output,body.page-Main_Page .mw-content-container{max-width:none}body.page-Main_Page .mw-body{padding:0}body.page-Main_Page #firstHeading{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}body.page-Main_Page .mw-parser-output&gt;p:empty{display:none}<br /> body.mw-user-anon.page-Main_Page .vector-header-container,body.mw-user-anon.page-Main_Page .vector-page-toolbar,body.mw-user-anon.page-Main_Page .vector-column-start,body.mw-user-anon.page-Main_Page .vector-column-end,body.mw-user-anon.page-Main_Page .mw-footer{display:none}<br /> .poc-nav{align-items:center;background:#fff;display:flex;gap:36px;justify-content:space-between;margin:0 auto;max-width:var(--poc-wide);min-height:74px;padding:10px var(--poc-gutter)}.poc-nav a{color:var(--poc-ink);text-decoration:none}.poc-nav__brand a{align-items:center;display:inline-flex;gap:8px;line-height:1}.poc-nav__mark{color:var(--poc-forest);font-size:30px}.poc-nav__number{color:#5f843e;font-size:43px;font-weight:700}.poc-nav__name{color:var(--poc-lake-dark);font-size:20px;letter-spacing:.08em}.poc-nav__name small{display:block;font-size:10px;letter-spacing:.13em;margin-top:5px}.poc-nav__desktop{align-items:center;display:flex;flex-wrap:wrap;gap:22px;justify-content:flex-end}.poc-nav__desktop&gt;a{border-bottom:2px solid transparent;font-weight:600;padding:12px 0}.poc-nav__desktop&gt;a:hover,.poc-nav__desktop&gt;a:focus-visible{border-bottom-color:var(--poc-forest);color:var(--poc-forest-dark)}.poc-nav__emergency a{color:var(--poc-emergency);font-weight:700}.poc-nav__mobile{display:none;position:relative}.poc-nav__mobile summary{cursor:pointer;font-weight:700;min-height:44px;padding:12px}.poc-nav__menu{background:#fff;border-radius:var(--poc-radius);box-shadow:var(--poc-shadow-lg);display:grid;min-width:230px;padding:8px;position:absolute;right:0;z-index:30}.poc-nav__menu a{border-radius:8px;padding:12px}.poc-nav__menu a:hover,.poc-nav__menu a:focus-visible{background:#f0f1ea}<br /> .poc-hero{background:var(--poc-lake-dark);color:#fff;min-height:530px;overflow:hidden;position:relative}.poc-hero__media,.poc-hero__media .mw-file-description,.poc-hero__media .mw-file-element{height:100%;inset:0;position:absolute;width:100%}.poc-hero__media .mw-file-element{object-fit:cover;object-position:center}.poc-hero__media--mobile{display:none}.poc-hero::after{background:linear-gradient(90deg,rgba(9,25,28,.46),rgba(9,25,28,.12) 52%,rgba(9,25,28,.40));content:&quot;&quot;;inset:0;position:absolute}.poc-hero__content{margin:0 auto;max-width:920px;padding:48px var(--poc-gutter) 150px;position:relative;text-align:center;z-index:2}.poc-hero__eyebrow{font-family:Georgia,&quot;Times New Roman&quot;,serif;font-size:clamp(2rem,4vw,3.6rem);font-style:italic;margin:0 0 4px;text-shadow:0 2px 12px rgba(0,0,0,.35)}.poc-hero h1{color:#fff;font-size:clamp(2.4rem,5vw,4.35rem);font-weight:750;letter-spacing:-.025em;line-height:1.05;margin:0;text-shadow:0 3px 16px rgba(0,0,0,.48)}.poc-hero__lede{font-size:clamp(1rem,1.65vw,1.25rem);line-height:1.55;margin:18px auto 22px;max-width:710px;text-shadow:0 2px 8px rgba(0,0,0,.6)}.poc-hero__search{margin:0 auto;max-width:540px}.poc-hero__search form{display:flex;position:relative}.poc-hero__search .mw-inputbox-input{background:#fff;border:0;border-radius:999px;box-shadow:var(--poc-shadow-lg);font-size:1.1rem;min-height:58px;padding:0 122px 0 28px;width:100%}.poc-hero__search .mw-ui-button,.poc-hero__search input[type=&quot;submit&quot;]{background:var(--poc-forest);border:0;border-radius:999px;color:#fff;cursor:pointer;font-weight:700;margin:7px;min-height:44px;padding:0 22px;position:absolute;right:0}<br /> .poc-home{margin:0 auto;max-width:var(--poc-wide);padding:0 var(--poc-gutter) 42px}.poc-panel{background:rgba(255,255,255,.97);border:1px solid rgba(28,62,25,.08);border-radius:var(--poc-radius-lg);box-shadow:var(--poc-shadow);padding:clamp(18px,2.3vw,30px)}.poc-panel--topics{margin-top:-140px;position:relative;z-index:5}.poc-panel__heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.poc-panel__heading h2{color:var(--poc-ink);font-size:1.25rem;margin:0}<br /> .poc-topic-grid{display:grid;gap:clamp(12px,2vw,28px);grid-template-columns:repeat(8,minmax(0,1fr))}.poc-topic{min-width:0;text-align:center}.poc-topic__icon{align-items:center;background:var(--poc-topic-bg,#e7edde);border-radius:14px;color:var(--poc-topic-fg,var(--poc-forest));display:flex;font-family:&quot;Segoe UI Symbol&quot;,sans-serif;font-size:clamp(2rem,3vw,3rem);font-weight:650;height:96px;justify-content:center;margin:0 auto 10px;max-width:104px;transition:transform .18s ease,box-shadow .18s ease}.poc-topic:hover .poc-topic__icon{box-shadow:var(--poc-shadow);transform:translateY(-3px)}.poc-topic h3{font-size:1rem;margin:0}.poc-topic h3 a{color:var(--poc-ink);text-decoration:none}.poc-topic--lake{--poc-topic-bg:#e5eff1;--poc-topic-fg:#1d596b}.poc-topic--sand{--poc-topic-bg:#f2e6cf;--poc-topic-fg:#89640d}.poc-topic--fire{--poc-topic-bg:#f6ddcf;--poc-topic-fg:#b84918}.poc-topic--gold{--poc-topic-bg:#f7edc9;--poc-topic-fg:#88620a}.poc-topic--lavender{--poc-topic-bg:#ebe6ef;--poc-topic-fg:#573369}.poc-topic--moss{--poc-topic-bg:#e6ecdf;--poc-topic-fg:#365d2d}.poc-topic--mist{--poc-topic-bg:#e7eef2;--poc-topic-fg:#184f68}<br /> .poc-secondary{display:grid;gap:24px;grid-template-columns:.92fr 1.08fr;margin-top:24px}.poc-quick-grid{column-gap:30px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.poc-quick{align-items:center;border-bottom:1px solid var(--poc-line);display:grid;gap:12px;grid-template-columns:28px 1fr auto;min-height:48px}.poc-quick a{color:var(--poc-ink);text-decoration:none}.poc-quick a:hover,.poc-quick a:focus-visible{color:var(--poc-forest);text-decoration:underline}.poc-quick__icon{color:var(--poc-lake-dark);font-size:1.25rem;font-weight:700;text-align:center}.poc-quick--emergency .poc-quick__icon,.poc-quick--emergency a{color:var(--poc-emergency);font-weight:700}<br /> .poc-nearby-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.poc-nearby{border-radius:var(--poc-radius);color:#fff;min-height:124px;overflow:hidden;position:relative}.poc-nearby__media,.poc-nearby__media .mw-file-description,.poc-nearby__media .mw-file-element{height:100%;inset:0;position:absolute;width:100%}.poc-nearby__media{background:linear-gradient(135deg,#547342,#47778a)}.poc-nearby__media .mw-file-element{object-fit:cover}.poc-nearby::after{background:linear-gradient(90deg,rgba(10,26,25,.74),rgba(10,26,25,.05));content:&quot;&quot;;inset:0;position:absolute}.poc-nearby__label{bottom:12px;left:14px;position:absolute;right:10px;z-index:2}.poc-nearby__label h3,.poc-nearby__label p{margin:0}.poc-nearby__label h3{font-size:1rem}.poc-nearby__label h3 a{color:#fff;text-decoration:none}.poc-nearby__label p{font-size:.88rem;margin-top:2px}.poc-nearby-more{margin:14px 0 0;text-align:center}.poc-nearby-more a{color:var(--poc-forest);font-weight:700}<br /> .poc-footer{background:linear-gradient(90deg,#eef0e8,#f6f4ee);border-radius:var(--poc-radius);display:grid;grid-template-columns:repeat(4,1fr);margin-top:24px;overflow:hidden}.poc-footer__item{align-items:center;display:grid;gap:14px;grid-template-columns:46px 1fr;padding:18px 24px}.poc-footer__item+.poc-footer__item{border-left:1px solid var(--poc-line)}.poc-footer__item&gt;span{color:var(--poc-forest);font-size:2rem;text-align:center}.poc-footer__item p{font-size:.92rem;line-height:1.45;margin:0}.poc-footer__legal{background:var(--poc-forest-dark);color:#fff;grid-column:1/-1;padding:12px 20px;text-align:center}.poc-footer__legal a{color:#fff}<br /> @media(max-width:1100px){.poc-topic-grid{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:24px}.poc-secondary{grid-template-columns:1fr}}<br /> @media(max-width:900px){.poc-nav__desktop{display:none}.poc-nav__mobile{display:block}.poc-nav{min-height:64px}.poc-nav__number{font-size:34px}.poc-nav__name{font-size:16px}.poc-footer{grid-template-columns:repeat(2,1fr)}}<br /> @media(max-width:700px){.poc-shore{--poc-gutter:12px}.poc-hero{min-height:440px}.poc-hero__media--desktop{display:none}.poc-hero__media--mobile{display:block}.poc-hero__media .mw-file-element{object-position:center}.poc-hero__content{padding:54px 20px 116px}.poc-hero__lede br{display:none}.poc-hero__search .mw-inputbox-input{font-size:1rem;min-height:54px;padding-left:20px}.poc-panel{border-radius:var(--poc-radius);padding:16px}.poc-panel--topics{margin-top:-86px}.poc-topic-grid{gap:18px 10px;grid-template-columns:repeat(2,minmax(0,1fr))}.poc-topic__icon{height:74px;max-width:82px}.poc-topic h3{font-size:.92rem}.poc-quick-grid{grid-template-columns:1fr}.poc-nearby-grid{display:flex;margin-right:calc(-1 * var(--poc-gutter));overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory}.poc-nearby{flex:0 0 78%;scroll-snap-align:start}.poc-footer{grid-template-columns:1fr}.poc-footer__item+.poc-footer__item{border-left:0;border-top:1px solid var(--poc-line)}}<br /> @media(prefers-reduced-motion:reduce){.poc-shore *,.poc-shore *::before,.poc-shore *::after{scroll-behavior:auto!important;transition-duration:.01ms!important}}</div>

52shorewiki@myspamfolder.org