https://classic.pgnrp.com/index.php?action=history&feed=atom&title=Main_page%2Fheader%2Fstyles.css 2026-04-08T19:20:45Z Revision history for this page on the wiki MediaWiki 1.43.1 https://classic.pgnrp.com/index.php?title=Main_page/header/styles.css&diff=22&oldid=prev 2025-05-21T03:12:38Z

<p>1 revision imported</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <tr class="diff-title" lang="en"> <td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 03:12, 21 May 2025</td> </tr><tr><td colspan="2" class="diff-notice" lang="en"><div class="mw-diff-empty">(No difference)</div> </td></tr></table>

Maegnus https://classic.pgnrp.com/index.php?title=Main_page/header/styles.css&diff=21&oldid=prev 2024-08-20T02:29:05Z

<p></p> <p><b>New page</b></p><div>.tg-mainpage-header {<br /> position: relative;<br /> margin-top: -2rem;<br /> margin-bottom: -4rem;<br /> padding-top: 6rem;<br /> padding-bottom: 6rem;<br /> clear: both;<br /> overflow: hidden; /* Prevent circular inscription from affecting element size */<br /> pointer-events: none; /* So that you can click elements overlap with the header */<br /> }<br /> <br /> .tg-mainpage-header::before {<br /> content: &#039;&#039;;<br /> position: absolute;<br /> inset: 0;<br /> background-image: url(/w/images/7/72/Main_page_header_circular_inscription.svg);<br /> background-repeat: no-repeat;<br /> background-position: center;<br /> background-size: contain;<br /> opacity: 0.1;<br /> filter: var(--filter-invert);<br /> pointer-events: none;<br /> animation: spin 60s infinite linear;<br /> }<br /> <br /> .tg-mainpage-content {<br /> align-items: center;<br /> display: flex;<br /> flex-direction: column;<br /> text-align: center;<br /> pointer-events: auto; /* Reset pointer-events: none from header */<br /> }<br /> <br /> /* Fellowship background */<br /> .tg-mainpage-header-wordmark::before {<br /> content: &#039;&#039;;<br /> position: absolute;<br /> left: 0;<br /> right: 0;<br /> top: -100%;<br /> margin: 0 auto;<br /> width: 50%;<br /> height: 100%;<br /> background-image: url(/w/images/b/bf/The_Fellowship_of_the_Ring_silhouette.svg);<br /> background-repeat: no-repeat;<br /> background-position: bottom center;<br /> opacity: 0.2;<br /> filter: var(--filter-invert);<br /> }<br /> <br /> /* Temp styles until we have wordmark */<br /> .tg-mainpage-header-wordmark {<br /> position: relative;<br /> margin-top: 2.5rem;<br /> width: 420px;<br /> max-width: 100%;<br /> padding-top: 0.75rem;<br /> }<br /> <br /> .tg-mainpage-header-wordmark img {<br /> width: 100%;<br /> height: 100%;<br /> filter: var(--filter-invert);<br /> }<br /> <br /> .tg-mainpage-header-tagline {<br /> margin-top: -0.25rem;<br /> color: var(--tg-color-subtle);<br /> font-size: var(--tg-font-size-small);<br /> line-height: var(--tg-line-height-xx-small);<br /> }<br /> <br /> .tg-mainpage-header-search {<br /> align-items: center;<br /> background-color: var(--tg-color-progressive);<br /> border-radius: var(--tg-border-radius-pill);<br /> color: var(--tg-color-inverted-progressive);<br /> cursor: pointer;<br /> display: flex;<br /> font-size: 0.875rem;<br /> font-weight: var(--font-weight-medium);<br /> gap: 0.5rem;<br /> line-height: 1;<br /> margin-top: 1rem;<br /> padding: 1rem 2rem;<br /> user-select: none;<br /> }<br /> <br /> .tg-mainpage-header-search:before {<br /> content: &#039;&#039;;<br /> width: 1rem;<br /> height: 1rem;<br /> mask-image: url(/w/images/a/a5/CdxIconSearch.svg);<br /> mask-size: contain;<br /> background-color: currentColor;<br /> display: block;<br /> }<br /> <br /> /* Keyboard hint */<br /> @media (hover: hover) {<br /> .tg-mainpage-header-search:after {<br /> content: &#039;/&#039;;<br /> margin-top: -2px;<br /> margin-bottom: -2px;<br /> margin-left: 2px;<br /> width: 18px;<br /> height: 18px;<br /> display: flex;<br /> background-color: var(--tg-color-inverted-progressive);<br /> color: var(--tg-color-progressive);<br /> border-radius: var(--tg-border-radius-small);<br /> line-height: 1;<br /> align-items: center;<br /> justify-content: center;<br /> font-size: 10px;<br /> font-weight: 900;<br /> opacity: 0.6;<br /> }<br /> }<br /> <br /> .tg-mainpage-header-search:hover {<br /> background-color: var(--tg-color-progressive--hover);<br /> }<br /> <br /> .tg-mainpage-header-search:active {<br /> background-color: var(--tg-color-progressive--active);<br /> }<br /> <br /> @keyframes spin {<br /> from {<br /> transform: rotate(0deg);<br /> }<br /> to {<br /> transform: rotate(360deg);<br /> }<br /> }</div>

lotr>Alistair3149