https://wiki.2swagg.net/index.php?action=history&feed=atom&title=Template%3ATemplateBase%2FCountry%2Fstyles.css 2026-11-13T01:01:09Z Revision history for this page on the wiki MediaWiki 1.43.9 https://wiki.2swagg.net/index.php?title=Template:TemplateBase/Country/styles.css&diff=1524&oldid=prev 2026-10-10T08:34:19Z

<p>Created page with &quot;.tb-country-container { display: flex; justify-content: center; align-items: center; position: relative; overflow: hidden; max-width: 700px; min-height: 75px; padding: 4px 0; margin: 1em auto; border-radius: 8px; box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 0.2); text-align: center; } .tb-country-container p { display: contents; } .tb-country-audio { margin-top: 4px; display: flex; justify-content: center;...&quot;</p> <p><b>New page</b></p><div>.tb-country-container {<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> position: relative;<br /> overflow: hidden;<br /> max-width: 700px;<br /> min-height: 75px;<br /> padding: 4px 0;<br /> margin: 1em auto;<br /> border-radius: 8px;<br /> box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 0.2);<br /> text-align: center;<br /> }<br /> <br /> .tb-country-container p {<br /> display: contents;<br /> }<br /> <br /> .tb-country-audio {<br /> margin-top: 4px;<br /> display: flex;<br /> justify-content: center;<br /> position: relative;<br /> z-index: 5;<br /> text-shadow: none;<br /> }<br /> <br /> .tb-country-bg-icon {<br /> position: absolute;<br /> top: 50%;<br /> left: 50%;<br /> transform: translate(-50%, -50%);<br /> z-index: 1;<br /> }<br /> <br /> @keyframes tb-spin-anim {<br /> from { transform: translate(-50%, -50%) rotate(0deg); }<br /> to { transform: translate(-50%, -50%) rotate(360deg); }<br /> }<br /> .tb-country-container.tb-spin .tb-country-bg-icon {<br /> animation: tb-spin-anim 20s linear infinite;<br /> }<br /> <br /> @keyframes tb-pulse-anim {<br /> 0%, 100% { transform: translate(-50%, -50%) scale(1); }<br /> 50% { transform: translate(-50%, -50%) scale(1.1); }<br /> }<br /> .tb-country-container.tb-pulse .tb-country-bg-icon {<br /> animation: tb-pulse-anim 4s ease-in-out infinite;<br /> }<br /> <br /> .tb-country-side-img {<br /> position: absolute;<br /> top: 50%;<br /> transform: translateY(-50%);<br /> z-index: 2;<br /> }<br /> .tb-country-img-left { left: 15px; }<br /> .tb-country-img-right { right: 15px; }<br /> <br /> .tb-country-content {<br /> position: relative;<br /> z-index: 3;<br /> color: #ffffff;<br /> text-shadow:<br /> -1px -1px 0 #000,<br /> 1px -1px 0 #000,<br /> -1px 1px 0 #000,<br /> 1px 1px 0 #000;<br /> padding: 0 90px;<br /> }<br /> <br /> .tb-country-title {<br /> font-size: 1.4em;<br /> font-weight: bold;<br /> line-height: 1;<br /> }<br /> <br /> .tb-country-text {<br /> font-size: 0.95em;<br /> line-height: 1.2;<br /> margin-top: 4px;<br /> }<br /> <br /> .tb-country-container.tb-grid {<br /> padding: 0;<br /> align-items: stretch;<br /> min-height: 110px;<br /> }<br /> .tb-country-container.tb-grid .tb-country-content {<br /> display: grid;<br /> width: 100%;<br /> grid-template-columns: 100%;<br /> grid-template-rows: 1fr 1fr 1fr;<br /> }<br /> .tb-country-container.tb-grid .tb-country-title,<br /> .tb-country-container.tb-grid .tb-country-text,<br /> .tb-country-container.tb-grid .tb-country-audio {<br /> align-self: center;<br /> justify-self: center;<br /> margin: 0;<br /> }<br /> .tb-country-container.tb-grid .tb-country-title { grid-row: 1; }<br /> .tb-country-container.tb-grid .tb-country-text { grid-row: 2; }<br /> .tb-country-container.tb-grid .tb-country-audio { grid-row: 3; }</div>

Bulgogi2