https://wiki.tabordivukraj.cz/api.php?action=feedcontributions&feedformat=atom&user=Filip+Ro%C4%8Dek 2026-10-01T20:25:15Z Příspěvky MediaWiki 1.46.0 https://wiki.tabordivukraj.cz/index.php?title=Hlavn%C3%AD_strana&diff=315 2026-08-06T20:22:00Z

<p>Filip Roček: </p> <hr /> <div>&lt;div class=&quot;home-hero&quot;&gt;<br /> <br /> &lt;div class=&quot;hero-title&quot;&gt; Divupedia &lt;/div&gt;<br /> <br /> Vítejte na wiki světa Divukraje.<br /> <br /> Zde naleznete informace o postavách, rasách, frakcích, historii a dalších částech světa.<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;card-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;home-card&quot;&gt;<br /> '''[[Postavy]]'''<br /> <br /> Všechny důležité postavy.<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-card&quot;&gt;<br /> '''[[Svět]]'''<br /> <br /> Lokace, města a regiony.<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-card&quot;&gt;<br /> '''[[Příběhy]]'''<br /> <br /> Příběhy, události a historie.<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-card&quot;&gt;<br /> '''[[Bestiář]]'''<br /> <br /> Monstra a ostatní tvorové.<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-card&quot;&gt;<br /> '''[[Povolání]]'''<br /> <br /> Magie, boj a um.<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-card&quot;&gt;<br /> '''[[Rasy]]'''<br /> <br /> Hobiti, orkové, noxijci a další.<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=MediaWiki:Citizen.css&diff=314 2026-08-06T20:03:47Z

<p>Filip Roček: </p> <hr /> <div>/* All CSS here will be loaded for users of the Citizen skin */<br /> :root {<br /> --color-surface-0: #171615;<br /> --color-surface-1: #171615;<br /> --color-surface-2: #151413;<br /> <br /> --color-base: #d9d2c5;<br /> --color-base-dark: #22201e;<br /> --color-neutral: #d9d2c5;<br /> --color-emphasized: #5f7f64;<br /> --color-subtle: #8CAB82;<br /> <br /> --border-color-base: #3b3732;<br /> --border-color-hover: #6a8f4e;<br /> <br /> --color-progressive: #9b7d47;<br /> --color-progressive--hover: #9b7d47;<br /> --color-destructive: #b05545;<br /> --color-destructive--hover: #b05545;<br /> }<br /> <br /> #siteSub {<br /> display: none;<br /> }<br /> <br /> .citizen-preferences-dropdown {<br /> display: none !important;<br /> }<br /> <br /> .home-hero {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 16px;<br /> padding: 30px;<br /> margin-bottom: 30px;<br /> text-align: center;<br /> }<br /> <br /> .hero-title {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> font-weight: 700;<br /> font-size: clamp(3rem, 8vw, 6rem);<br /> letter-spacing: 0.03em;<br /> line-height: 1;<br /> color: var(--color-emphasized);<br /> }<br /> <br /> .card-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 20px;<br /> }<br /> <br /> .card-grid &gt; p {<br /> display: none;<br /> }<br /> <br /> .home-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> padding: 20px;<br /> min-height: 120px;<br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> }<br /> <br /> .home-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .home-card a {<br /> display: block;<br /> font-size: 1.2rem;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> <br /> .race-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> padding: 20px;<br /> min-height: 120px;<br /> <br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> <br /> text-align: center;<br /> }<br /> <br /> .race-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .race-card a {<br /> display: block;<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-decoration: none;<br /> <br /> margin-bottom: 12px;<br /> }<br /> <br /> .race-card img {<br /> width: 100%;<br /> height: auto;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .firstHeading {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> margin-top: 80px;<br /> font-size: 3rem;<br /> font-weight: 700;<br /> margin-bottom: 0;<br /> }<br /> <br /> .citizen-page-header {<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> padding-bottom: 20px;<br /> margin-bottom: 20px;<br /> }<br /> <br /> .citizen-page-sidebar {<br /> order: -1;<br /> }<br /> <br /> .divu-infobox {<br /> float: right;<br /> width: 334px;<br /> margin: 0 0 20px 20px;<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-collapse: separate;<br /> border-spacing: 0;<br /> border-radius: 12px;<br /> overflow: hidden;<br /> }<br /> <br /> .divu-infobox-image {<br /> padding: 0;<br /> }<br /> <br /> .divu-infobox-image img {<br /> display: block;<br /> width: 100%;<br /> }<br /> <br /> .divu-infobox-title {<br /> background: var(--color-surface-2);<br /> <br /> color: var(--color-progressive);<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-align: center;<br /> <br /> padding: 12px;<br /> }<br /> <br /> .divu-infobox th {<br /> width: 50%;<br /> <br /> color: var(--color-progressive);<br /> <br /> text-align: left;<br /> <br /> padding: 10px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .divu-infobox td {<br /> padding: 16px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> <br /> line-height: 1.4;<br /> }<br /> <br /> .divu-infobox td p {<br /> margin: 0;<br /> }<br /> <br /> .beast-summary {<br /> display: grid;<br /> grid-template-columns: 1fr 233px;<br /> <br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> margin-bottom: 32px;<br /> }<br /> <br /> .beast-title {<br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> <br /> padding: 8px 0px 8px 40px;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .beast-title p {<br /> margin: 0;<br /> }<br /> <br /> .beast-title a {<br /> text-decoration: none;<br /> }<br /> <br /> .beast-description {<br /> padding: 0 24px;<br /> }<br /> <br /> .beast-side {<br /> background: Transparent;<br /> <br /> border-left: var(--border-width-base) solid var(--border-color-base);<br /> <br /> padding: 16px;<br /> align-self: start;<br /> }<br /> <br /> .beast-side img {<br /> width: 100%;<br /> <br /> aspect-ratio: 2 / 3;<br /> object-fit: cover;<br /> <br /> border-radius: 6px;<br /> }<br /> <br /> .character-grid {<br /> display: grid;<br /> grid-template-columns: repeat(auto-fill, 200px);<br /> gap: 12px;<br /> justify-content: start;<br /> }<br /> <br /> .character-card {<br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> text-align: center;<br /> cursor: pointer;<br /> transition: 0.2s ease;<br /> }<br /> <br /> .character-card:hover {<br /> border-color: var(--border-color-hover);<br /> transform: translateY(-2px);<br /> }<br /> <br /> .character-card img {<br /> width: 100%;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .character-card-title {<br /> padding: 8px;<br /> <br /> font-size: 1.2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> }<br /> <br /> .person-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 40px;<br /> max-width: 740px;<br /> margin: 0 auto;<br /> }<br /> <br /> .person-grid &gt; p {<br /> display: none;<br /> }<br /> <br /> @media (max-width: 768px) {<br /> .card-grid {<br /> grid-template-columns: 1fr;<br /> gap: 20px;<br /> }<br /> <br /> .beast-summary {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .beast-side {<br /> order: 1;<br /> <br /> border-left: none;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> <br /> display: flex;<br /> justify-content: center;<br /> <br /> padding: 16px;<br /> }<br /> <br /> .beast-content {<br /> order: 2;<br /> }<br /> <br /> .beast-title {<br /> padding: 16px 24px;<br /> }<br /> <br /> .beast-description {<br /> padding: 24px;<br /> }<br /> <br /> .beast-side img {<br /> width: 200px;<br /> }<br /> .character-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> }<br /> .divu-infobox {<br /> float: none;<br /> <br /> margin: 0 auto 20px;<br /> <br /> width: 100%;<br /> max-width: 344px;<br /> }<br /> .firstHeading {<br /> line-height: 1.1;<br /> margin-top: 10px;<br /> }<br /> .person-grid {<br /> grid-template-columns: 1fr;<br /> gap: 20;<br /> }<br /> }</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=MediaWiki:Citizen.css&diff=313 2026-08-06T20:03:23Z

<p>Filip Roček: </p> <hr /> <div>/* All CSS here will be loaded for users of the Citizen skin */<br /> :root {<br /> --color-surface-0: #171615;<br /> --color-surface-1: #171615;<br /> --color-surface-2: #151413;<br /> <br /> --color-base: #d9d2c5;<br /> --color-base-dark: #22201e;<br /> --color-neutral: #d9d2c5;<br /> --color-emphasized: #5f7f64;<br /> --color-subtle: #8CAB82;<br /> <br /> --border-color-base: #3b3732;<br /> --border-color-hover: #6a8f4e;<br /> <br /> --color-progressive: #9b7d47;<br /> --color-progressive--hover: #9b7d47;<br /> --color-destructive: #b05545;<br /> --color-destructive--hover: #b05545;<br /> }<br /> <br /> #siteSub {<br /> display: none;<br /> }<br /> <br /> .citizen-preferences-dropdown {<br /> display: none !important;<br /> }<br /> <br /> .home-hero {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 16px;<br /> padding: 30px;<br /> margin-bottom: 30px;<br /> text-align: center;<br /> }<br /> <br /> .hero-title {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> font-weight: 700;<br /> font-size: clamp(3rem, 8vw, 6rem);<br /> letter-spacing: 0.03em;<br /> line-height: 1;<br /> color: var(--color-emphasized);<br /> }<br /> <br /> .card-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 20px;<br /> }<br /> <br /> .card-grid &gt; p {<br /> display: none;<br /> }<br /> <br /> .home-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> padding: 20px;<br /> min-height: 120px;<br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> }<br /> <br /> .home-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .home-card a {<br /> display: block;<br /> font-size: 1.2rem;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> <br /> .race-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> padding: 20px;<br /> min-height: 120px;<br /> <br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> <br /> text-align: center;<br /> }<br /> <br /> .race-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .race-card a {<br /> display: block;<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-decoration: none;<br /> <br /> margin-bottom: 12px;<br /> }<br /> <br /> .race-card img {<br /> width: 100%;<br /> height: auto;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .firstHeading {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> margin-top: 80px;<br /> font-size: 3rem;<br /> font-weight: 700;<br /> margin-bottom: 0;<br /> }<br /> <br /> .citizen-page-header {<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> padding-bottom: 20px;<br /> margin-bottom: 20px;<br /> }<br /> <br /> .citizen-page-sidebar {<br /> order: -1;<br /> }<br /> <br /> .divu-infobox {<br /> float: right;<br /> width: 334px;<br /> margin: 0 0 20px 20px;<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-collapse: separate;<br /> border-spacing: 0;<br /> border-radius: 12px;<br /> overflow: hidden;<br /> }<br /> <br /> .divu-infobox-image {<br /> padding: 0;<br /> }<br /> <br /> .divu-infobox-image img {<br /> display: block;<br /> width: 100%;<br /> }<br /> <br /> .divu-infobox-title {<br /> background: var(--color-surface-2);<br /> <br /> color: var(--color-progressive);<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-align: center;<br /> <br /> padding: 12px;<br /> }<br /> <br /> .divu-infobox th {<br /> width: 50%;<br /> <br /> color: var(--color-progressive);<br /> <br /> text-align: left;<br /> <br /> padding: 10px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .divu-infobox td {<br /> padding: 16px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> <br /> line-height: 1.4;<br /> }<br /> <br /> .divu-infobox td p {<br /> margin: 0;<br /> }<br /> <br /> .beast-summary {<br /> display: grid;<br /> grid-template-columns: 1fr 233px;<br /> <br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> margin-bottom: 32px;<br /> }<br /> <br /> .beast-title {<br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> <br /> padding: 8px 0px 8px 40px;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .beast-title p {<br /> margin: 0;<br /> }<br /> <br /> .beast-title a {<br /> text-decoration: none;<br /> }<br /> <br /> .beast-description {<br /> padding: 0 24px;<br /> }<br /> <br /> .beast-side {<br /> background: Transparent;<br /> <br /> border-left: var(--border-width-base) solid var(--border-color-base);<br /> <br /> padding: 16px;<br /> align-self: start;<br /> }<br /> <br /> .beast-side img {<br /> width: 100%;<br /> <br /> aspect-ratio: 2 / 3;<br /> object-fit: cover;<br /> <br /> border-radius: 6px;<br /> }<br /> <br /> .character-grid {<br /> display: grid;<br /> grid-template-columns: repeat(auto-fill, 200px);<br /> gap: 12px;<br /> justify-content: start;<br /> }<br /> <br /> .character-card {<br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> text-align: center;<br /> cursor: pointer;<br /> transition: 0.2s ease;<br /> }<br /> <br /> .character-card:hover {<br /> border-color: var(--border-color-hover);<br /> transform: translateY(-2px);<br /> }<br /> <br /> .character-card img {<br /> width: 100%;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .character-card-title {<br /> padding: 8px;<br /> <br /> font-size: 1.2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> }<br /> <br /> .person-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 40px;<br /> max-width: 740px;<br /> margin: 0 auto;<br /> }<br /> <br /> .person-grid &gt; p {<br /> display: none;<br /> }<br /> <br /> @media (max-width: 768px) {<br /> .card-grid {<br /> grid-template-columns: 1fr;<br /> gap: 20px;<br /> }<br /> <br /> .beast-summary {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .beast-side {<br /> order: 1;<br /> <br /> border-left: none;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> <br /> display: flex;<br /> justify-content: center;<br /> <br /> padding: 16px;<br /> }<br /> <br /> .beast-content {<br /> order: 2;<br /> }<br /> <br /> .beast-title {<br /> padding: 16px 24px;<br /> }<br /> <br /> .beast-description {<br /> padding: 24px;<br /> }<br /> <br /> .beast-side img {<br /> width: 200px;<br /> }<br /> .character-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> }<br /> .divu-infobox {<br /> float: none;<br /> <br /> margin: 0 auto 20px;<br /> <br /> width: 100%;<br /> max-width: 344px;<br /> }<br /> .firstHeading {<br /> line-height: 1.1;<br /> margin-top: 10px;<br /> }<br /> .person-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=MediaWiki:Citizen.css&diff=312 2026-08-06T20:01:20Z

<p>Filip Roček: </p> <hr /> <div>/* All CSS here will be loaded for users of the Citizen skin */<br /> :root {<br /> --color-surface-0: #171615;<br /> --color-surface-1: #171615;<br /> --color-surface-2: #151413;<br /> <br /> --color-base: #d9d2c5;<br /> --color-base-dark: #22201e;<br /> --color-neutral: #d9d2c5;<br /> --color-emphasized: #5f7f64;<br /> --color-subtle: #8CAB82;<br /> <br /> --border-color-base: #3b3732;<br /> --border-color-hover: #6a8f4e;<br /> <br /> --color-progressive: #9b7d47;<br /> --color-progressive--hover: #9b7d47;<br /> --color-destructive: #b05545;<br /> --color-destructive--hover: #b05545;<br /> }<br /> <br /> #siteSub {<br /> display: none;<br /> }<br /> <br /> .citizen-preferences-dropdown {<br /> display: none !important;<br /> }<br /> <br /> .home-hero {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 16px;<br /> padding: 30px;<br /> margin-bottom: 30px;<br /> text-align: center;<br /> }<br /> <br /> .hero-title {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> font-weight: 700;<br /> font-size: clamp(3rem, 8vw, 6rem);<br /> letter-spacing: 0.03em;<br /> line-height: 1;<br /> color: var(--color-emphasized);<br /> }<br /> <br /> .card-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 20px;<br /> }<br /> <br /> .card-grid &gt; p {<br /> display: none;<br /> }<br /> <br /> .home-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> padding: 20px;<br /> min-height: 120px;<br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> }<br /> <br /> .home-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .home-card a {<br /> display: block;<br /> font-size: 1.2rem;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> <br /> .race-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> padding: 20px;<br /> min-height: 120px;<br /> <br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> <br /> text-align: center;<br /> }<br /> <br /> .race-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .race-card a {<br /> display: block;<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-decoration: none;<br /> <br /> margin-bottom: 12px;<br /> }<br /> <br /> .race-card img {<br /> width: 100%;<br /> height: auto;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .firstHeading {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> margin-top: 80px;<br /> font-size: 3rem;<br /> font-weight: 700;<br /> margin-bottom: 0;<br /> }<br /> <br /> .citizen-page-header {<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> padding-bottom: 20px;<br /> margin-bottom: 20px;<br /> }<br /> <br /> .citizen-page-sidebar {<br /> order: -1;<br /> }<br /> <br /> .divu-infobox {<br /> float: right;<br /> width: 334px;<br /> margin: 0 0 20px 20px;<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-collapse: separate;<br /> border-spacing: 0;<br /> border-radius: 12px;<br /> overflow: hidden;<br /> }<br /> <br /> .divu-infobox-image {<br /> padding: 0;<br /> }<br /> <br /> .divu-infobox-image img {<br /> display: block;<br /> width: 100%;<br /> }<br /> <br /> .divu-infobox-title {<br /> background: var(--color-surface-2);<br /> <br /> color: var(--color-progressive);<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-align: center;<br /> <br /> padding: 12px;<br /> }<br /> <br /> .divu-infobox th {<br /> width: 50%;<br /> <br /> color: var(--color-progressive);<br /> <br /> text-align: left;<br /> <br /> padding: 10px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .divu-infobox td {<br /> padding: 16px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> <br /> line-height: 1.4;<br /> }<br /> <br /> .divu-infobox td p {<br /> margin: 0;<br /> }<br /> <br /> .beast-summary {<br /> display: grid;<br /> grid-template-columns: 1fr 233px;<br /> <br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> margin-bottom: 32px;<br /> }<br /> <br /> .beast-title {<br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> <br /> padding: 8px 0px 8px 40px;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .beast-title p {<br /> margin: 0;<br /> }<br /> <br /> .beast-title a {<br /> text-decoration: none;<br /> }<br /> <br /> .beast-description {<br /> padding: 0 24px;<br /> }<br /> <br /> .beast-side {<br /> background: Transparent;<br /> <br /> border-left: var(--border-width-base) solid var(--border-color-base);<br /> <br /> padding: 16px;<br /> align-self: start;<br /> }<br /> <br /> .beast-side img {<br /> width: 100%;<br /> <br /> aspect-ratio: 2 / 3;<br /> object-fit: cover;<br /> <br /> border-radius: 6px;<br /> }<br /> <br /> .character-grid {<br /> display: grid;<br /> grid-template-columns: repeat(auto-fill, 200px);<br /> gap: 12px;<br /> justify-content: start;<br /> }<br /> <br /> .character-card {<br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> text-align: center;<br /> cursor: pointer;<br /> transition: 0.2s ease;<br /> }<br /> <br /> .character-card:hover {<br /> border-color: var(--border-color-hover);<br /> transform: translateY(-2px);<br /> }<br /> <br /> .character-card img {<br /> width: 100%;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .character-card-title {<br /> padding: 8px;<br /> <br /> font-size: 1.2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> }<br /> <br /> .person-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 20px;<br /> max-width: 720px;<br /> justify-self: center;<br /> }<br /> <br /> .person-grid &gt; p {<br /> display: none;<br /> }<br /> <br /> @media (max-width: 768px) {<br /> .card-grid {<br /> grid-template-columns: 1fr;<br /> gap: 20px;<br /> }<br /> <br /> .beast-summary {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .beast-side {<br /> order: 1;<br /> <br /> border-left: none;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> <br /> display: flex;<br /> justify-content: center;<br /> <br /> padding: 16px;<br /> }<br /> <br /> .beast-content {<br /> order: 2;<br /> }<br /> <br /> .beast-title {<br /> padding: 16px 24px;<br /> }<br /> <br /> .beast-description {<br /> padding: 24px;<br /> }<br /> <br /> .beast-side img {<br /> width: 200px;<br /> }<br /> .character-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> }<br /> .divu-infobox {<br /> float: none;<br /> <br /> margin: 0 auto 20px;<br /> <br /> width: 100%;<br /> max-width: 344px;<br /> }<br /> .firstHeading {<br /> line-height: 1.1;<br /> margin-top: 10px;<br /> }<br /> .person-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=MediaWiki:Citizen.css&diff=311 2026-08-06T20:00:52Z

<p>Filip Roček: </p> <hr /> <div>/* All CSS here will be loaded for users of the Citizen skin */<br /> :root {<br /> --color-surface-0: #171615;<br /> --color-surface-1: #171615;<br /> --color-surface-2: #151413;<br /> <br /> --color-base: #d9d2c5;<br /> --color-base-dark: #22201e;<br /> --color-neutral: #d9d2c5;<br /> --color-emphasized: #5f7f64;<br /> --color-subtle: #8CAB82;<br /> <br /> --border-color-base: #3b3732;<br /> --border-color-hover: #6a8f4e;<br /> <br /> --color-progressive: #9b7d47;<br /> --color-progressive--hover: #9b7d47;<br /> --color-destructive: #b05545;<br /> --color-destructive--hover: #b05545;<br /> }<br /> <br /> #siteSub {<br /> display: none;<br /> }<br /> <br /> .citizen-preferences-dropdown {<br /> display: none !important;<br /> }<br /> <br /> .home-hero {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 16px;<br /> padding: 30px;<br /> margin-bottom: 30px;<br /> text-align: center;<br /> }<br /> <br /> .hero-title {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> font-weight: 700;<br /> font-size: clamp(3rem, 8vw, 6rem);<br /> letter-spacing: 0.03em;<br /> line-height: 1;<br /> color: var(--color-emphasized);<br /> }<br /> <br /> .card-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 20px;<br /> }<br /> <br /> .card-grid &gt; p {<br /> display: none;<br /> }<br /> <br /> .home-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> padding: 20px;<br /> min-height: 120px;<br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> }<br /> <br /> .home-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .home-card a {<br /> display: block;<br /> font-size: 1.2rem;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> <br /> .race-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> padding: 20px;<br /> min-height: 120px;<br /> <br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> <br /> text-align: center;<br /> }<br /> <br /> .race-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .race-card a {<br /> display: block;<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-decoration: none;<br /> <br /> margin-bottom: 12px;<br /> }<br /> <br /> .race-card img {<br /> width: 100%;<br /> height: auto;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .firstHeading {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> margin-top: 80px;<br /> font-size: 3rem;<br /> font-weight: 700;<br /> margin-bottom: 0;<br /> }<br /> <br /> .citizen-page-header {<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> padding-bottom: 20px;<br /> margin-bottom: 20px;<br /> }<br /> <br /> .citizen-page-sidebar {<br /> order: -1;<br /> }<br /> <br /> .divu-infobox {<br /> float: right;<br /> width: 334px;<br /> margin: 0 0 20px 20px;<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-collapse: separate;<br /> border-spacing: 0;<br /> border-radius: 12px;<br /> overflow: hidden;<br /> }<br /> <br /> .divu-infobox-image {<br /> padding: 0;<br /> }<br /> <br /> .divu-infobox-image img {<br /> display: block;<br /> width: 100%;<br /> }<br /> <br /> .divu-infobox-title {<br /> background: var(--color-surface-2);<br /> <br /> color: var(--color-progressive);<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-align: center;<br /> <br /> padding: 12px;<br /> }<br /> <br /> .divu-infobox th {<br /> width: 50%;<br /> <br /> color: var(--color-progressive);<br /> <br /> text-align: left;<br /> <br /> padding: 10px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .divu-infobox td {<br /> padding: 16px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> <br /> line-height: 1.4;<br /> }<br /> <br /> .divu-infobox td p {<br /> margin: 0;<br /> }<br /> <br /> .beast-summary {<br /> display: grid;<br /> grid-template-columns: 1fr 233px;<br /> <br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> margin-bottom: 32px;<br /> }<br /> <br /> .beast-title {<br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> <br /> padding: 8px 0px 8px 40px;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .beast-title p {<br /> margin: 0;<br /> }<br /> <br /> .beast-title a {<br /> text-decoration: none;<br /> }<br /> <br /> .beast-description {<br /> padding: 0 24px;<br /> }<br /> <br /> .beast-side {<br /> background: Transparent;<br /> <br /> border-left: var(--border-width-base) solid var(--border-color-base);<br /> <br /> padding: 16px;<br /> align-self: start;<br /> }<br /> <br /> .beast-side img {<br /> width: 100%;<br /> <br /> aspect-ratio: 2 / 3;<br /> object-fit: cover;<br /> <br /> border-radius: 6px;<br /> }<br /> <br /> .character-grid {<br /> display: grid;<br /> grid-template-columns: repeat(auto-fill, 200px);<br /> gap: 12px;<br /> justify-content: start;<br /> }<br /> <br /> .character-card {<br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> text-align: center;<br /> cursor: pointer;<br /> transition: 0.2s ease;<br /> }<br /> <br /> .character-card:hover {<br /> border-color: var(--border-color-hover);<br /> transform: translateY(-2px);<br /> }<br /> <br /> .character-card img {<br /> width: 100%;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .character-card-title {<br /> padding: 8px;<br /> <br /> font-size: 1.2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> }<br /> <br /> .person-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 20px;<br /> max-width: 720px;<br /> }<br /> <br /> .person-grid &gt; p {<br /> display: none;<br /> }<br /> <br /> @media (max-width: 768px) {<br /> .card-grid {<br /> grid-template-columns: 1fr;<br /> gap: 20px;<br /> }<br /> <br /> .beast-summary {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .beast-side {<br /> order: 1;<br /> <br /> border-left: none;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> <br /> display: flex;<br /> justify-content: center;<br /> <br /> padding: 16px;<br /> }<br /> <br /> .beast-content {<br /> order: 2;<br /> }<br /> <br /> .beast-title {<br /> padding: 16px 24px;<br /> }<br /> <br /> .beast-description {<br /> padding: 24px;<br /> }<br /> <br /> .beast-side img {<br /> width: 200px;<br /> }<br /> .character-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> }<br /> .divu-infobox {<br /> float: none;<br /> <br /> margin: 0 auto 20px;<br /> <br /> width: 100%;<br /> max-width: 344px;<br /> }<br /> .firstHeading {<br /> line-height: 1.1;<br /> margin-top: 10px;<br /> }<br /> .person-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=MediaWiki:Citizen.css&diff=310 2026-08-06T19:56:28Z

<p>Filip Roček: </p> <hr /> <div>/* All CSS here will be loaded for users of the Citizen skin */<br /> :root {<br /> --color-surface-0: #171615;<br /> --color-surface-1: #171615;<br /> --color-surface-2: #151413;<br /> <br /> --color-base: #d9d2c5;<br /> --color-base-dark: #22201e;<br /> --color-neutral: #d9d2c5;<br /> --color-emphasized: #5f7f64;<br /> --color-subtle: #8CAB82;<br /> <br /> --border-color-base: #3b3732;<br /> --border-color-hover: #6a8f4e;<br /> <br /> --color-progressive: #9b7d47;<br /> --color-progressive--hover: #9b7d47;<br /> --color-destructive: #b05545;<br /> --color-destructive--hover: #b05545;<br /> }<br /> <br /> #siteSub {<br /> display: none;<br /> }<br /> <br /> .citizen-preferences-dropdown {<br /> display: none !important;<br /> }<br /> <br /> .home-hero {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 16px;<br /> padding: 30px;<br /> margin-bottom: 30px;<br /> text-align: center;<br /> }<br /> <br /> .hero-title {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> font-weight: 700;<br /> font-size: clamp(3rem, 8vw, 6rem);<br /> letter-spacing: 0.03em;<br /> line-height: 1;<br /> color: var(--color-emphasized);<br /> }<br /> <br /> .card-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 20px;<br /> }<br /> <br /> .card-grid &gt; p {<br /> display: none;<br /> }<br /> <br /> .home-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> padding: 20px;<br /> min-height: 120px;<br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> }<br /> <br /> .home-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .home-card a {<br /> display: block;<br /> font-size: 1.2rem;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> <br /> .race-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> padding: 20px;<br /> min-height: 120px;<br /> <br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> <br /> text-align: center;<br /> max-width: 350px;<br /> }<br /> <br /> .race-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .race-card a {<br /> display: block;<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-decoration: none;<br /> <br /> margin-bottom: 12px;<br /> }<br /> <br /> .race-card img {<br /> width: 100%;<br /> height: auto;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .firstHeading {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> margin-top: 80px;<br /> font-size: 3rem;<br /> font-weight: 700;<br /> margin-bottom: 0;<br /> }<br /> <br /> .citizen-page-header {<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> padding-bottom: 20px;<br /> margin-bottom: 20px;<br /> }<br /> <br /> .citizen-page-sidebar {<br /> order: -1;<br /> }<br /> <br /> .divu-infobox {<br /> float: right;<br /> width: 334px;<br /> margin: 0 0 20px 20px;<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-collapse: separate;<br /> border-spacing: 0;<br /> border-radius: 12px;<br /> overflow: hidden;<br /> }<br /> <br /> .divu-infobox-image {<br /> padding: 0;<br /> }<br /> <br /> .divu-infobox-image img {<br /> display: block;<br /> width: 100%;<br /> }<br /> <br /> .divu-infobox-title {<br /> background: var(--color-surface-2);<br /> <br /> color: var(--color-progressive);<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-align: center;<br /> <br /> padding: 12px;<br /> }<br /> <br /> .divu-infobox th {<br /> width: 50%;<br /> <br /> color: var(--color-progressive);<br /> <br /> text-align: left;<br /> <br /> padding: 10px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .divu-infobox td {<br /> padding: 16px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> <br /> line-height: 1.4;<br /> }<br /> <br /> .divu-infobox td p {<br /> margin: 0;<br /> }<br /> <br /> .beast-summary {<br /> display: grid;<br /> grid-template-columns: 1fr 233px;<br /> <br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> margin-bottom: 32px;<br /> }<br /> <br /> .beast-title {<br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> <br /> padding: 8px 0px 8px 40px;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .beast-title p {<br /> margin: 0;<br /> }<br /> <br /> .beast-title a {<br /> text-decoration: none;<br /> }<br /> <br /> .beast-description {<br /> padding: 0 24px;<br /> }<br /> <br /> .beast-side {<br /> background: Transparent;<br /> <br /> border-left: var(--border-width-base) solid var(--border-color-base);<br /> <br /> padding: 16px;<br /> align-self: start;<br /> }<br /> <br /> .beast-side img {<br /> width: 100%;<br /> <br /> aspect-ratio: 2 / 3;<br /> object-fit: cover;<br /> <br /> border-radius: 6px;<br /> }<br /> <br /> .character-grid {<br /> display: grid;<br /> grid-template-columns: repeat(auto-fill, 200px);<br /> gap: 12px;<br /> justify-content: start;<br /> }<br /> <br /> .character-card {<br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> text-align: center;<br /> cursor: pointer;<br /> transition: 0.2s ease;<br /> }<br /> <br /> .character-card:hover {<br /> border-color: var(--border-color-hover);<br /> transform: translateY(-2px);<br /> }<br /> <br /> .character-card img {<br /> width: 100%;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .character-card-title {<br /> padding: 8px;<br /> <br /> font-size: 1.2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> }<br /> <br /> .person-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 20px;<br /> justify-content: center;<br /> }<br /> <br /> .person-grid &gt; p {<br /> display: none;<br /> }<br /> <br /> @media (max-width: 768px) {<br /> .card-grid {<br /> grid-template-columns: 1fr;<br /> gap: 20px;<br /> }<br /> <br /> .beast-summary {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .beast-side {<br /> order: 1;<br /> <br /> border-left: none;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> <br /> display: flex;<br /> justify-content: center;<br /> <br /> padding: 16px;<br /> }<br /> <br /> .beast-content {<br /> order: 2;<br /> }<br /> <br /> .beast-title {<br /> padding: 16px 24px;<br /> }<br /> <br /> .beast-description {<br /> padding: 24px;<br /> }<br /> <br /> .beast-side img {<br /> width: 200px;<br /> }<br /> .character-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> }<br /> .divu-infobox {<br /> float: none;<br /> <br /> margin: 0 auto 20px;<br /> <br /> width: 100%;<br /> max-width: 344px;<br /> }<br /> .firstHeading {<br /> line-height: 1.1;<br /> margin-top: 10px;<br /> }<br /> .person-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=MediaWiki:Citizen.css&diff=309 2026-08-06T19:55:40Z

<p>Filip Roček: </p> <hr /> <div>/* All CSS here will be loaded for users of the Citizen skin */<br /> :root {<br /> --color-surface-0: #171615;<br /> --color-surface-1: #171615;<br /> --color-surface-2: #151413;<br /> <br /> --color-base: #d9d2c5;<br /> --color-base-dark: #22201e;<br /> --color-neutral: #d9d2c5;<br /> --color-emphasized: #5f7f64;<br /> --color-subtle: #8CAB82;<br /> <br /> --border-color-base: #3b3732;<br /> --border-color-hover: #6a8f4e;<br /> <br /> --color-progressive: #9b7d47;<br /> --color-progressive--hover: #9b7d47;<br /> --color-destructive: #b05545;<br /> --color-destructive--hover: #b05545;<br /> }<br /> <br /> #siteSub {<br /> display: none;<br /> }<br /> <br /> .citizen-preferences-dropdown {<br /> display: none !important;<br /> }<br /> <br /> .home-hero {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 16px;<br /> padding: 30px;<br /> margin-bottom: 30px;<br /> text-align: center;<br /> }<br /> <br /> .hero-title {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> font-weight: 700;<br /> font-size: clamp(3rem, 8vw, 6rem);<br /> letter-spacing: 0.03em;<br /> line-height: 1;<br /> color: var(--color-emphasized);<br /> }<br /> <br /> .card-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 20px;<br /> }<br /> <br /> .card-grid &gt; p {<br /> display: none;<br /> }<br /> <br /> .home-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> padding: 20px;<br /> min-height: 120px;<br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> }<br /> <br /> .home-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .home-card a {<br /> display: block;<br /> font-size: 1.2rem;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> <br /> .race-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> padding: 20px;<br /> min-height: 120px;<br /> <br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> <br /> text-align: center;<br /> max-width: 350px;<br /> }<br /> <br /> .race-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .race-card a {<br /> display: block;<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-decoration: none;<br /> <br /> margin-bottom: 12px;<br /> }<br /> <br /> .race-card img {<br /> width: 100%;<br /> height: auto;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .firstHeading {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> margin-top: 80px;<br /> font-size: 3rem;<br /> font-weight: 700;<br /> margin-bottom: 0;<br /> }<br /> <br /> .citizen-page-header {<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> padding-bottom: 20px;<br /> margin-bottom: 20px;<br /> }<br /> <br /> .citizen-page-sidebar {<br /> order: -1;<br /> }<br /> <br /> .divu-infobox {<br /> float: right;<br /> width: 334px;<br /> margin: 0 0 20px 20px;<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-collapse: separate;<br /> border-spacing: 0;<br /> border-radius: 12px;<br /> overflow: hidden;<br /> }<br /> <br /> .divu-infobox-image {<br /> padding: 0;<br /> }<br /> <br /> .divu-infobox-image img {<br /> display: block;<br /> width: 100%;<br /> }<br /> <br /> .divu-infobox-title {<br /> background: var(--color-surface-2);<br /> <br /> color: var(--color-progressive);<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-align: center;<br /> <br /> padding: 12px;<br /> }<br /> <br /> .divu-infobox th {<br /> width: 50%;<br /> <br /> color: var(--color-progressive);<br /> <br /> text-align: left;<br /> <br /> padding: 10px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .divu-infobox td {<br /> padding: 16px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> <br /> line-height: 1.4;<br /> }<br /> <br /> .divu-infobox td p {<br /> margin: 0;<br /> }<br /> <br /> .beast-summary {<br /> display: grid;<br /> grid-template-columns: 1fr 233px;<br /> <br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> margin-bottom: 32px;<br /> }<br /> <br /> .beast-title {<br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> <br /> padding: 8px 0px 8px 40px;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .beast-title p {<br /> margin: 0;<br /> }<br /> <br /> .beast-title a {<br /> text-decoration: none;<br /> }<br /> <br /> .beast-description {<br /> padding: 0 24px;<br /> }<br /> <br /> .beast-side {<br /> background: Transparent;<br /> <br /> border-left: var(--border-width-base) solid var(--border-color-base);<br /> <br /> padding: 16px;<br /> align-self: start;<br /> }<br /> <br /> .beast-side img {<br /> width: 100%;<br /> <br /> aspect-ratio: 2 / 3;<br /> object-fit: cover;<br /> <br /> border-radius: 6px;<br /> }<br /> <br /> .character-grid {<br /> display: grid;<br /> grid-template-columns: repeat(auto-fill, 200px);<br /> gap: 12px;<br /> justify-content: start;<br /> }<br /> <br /> .character-card {<br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> text-align: center;<br /> cursor: pointer;<br /> transition: 0.2s ease;<br /> }<br /> <br /> .character-card:hover {<br /> border-color: var(--border-color-hover);<br /> transform: translateY(-2px);<br /> }<br /> <br /> .character-card img {<br /> width: 100%;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .character-card-title {<br /> padding: 8px;<br /> <br /> font-size: 1.2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> }<br /> <br /> .person-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 20px;<br /> }<br /> <br /> .person-grid &gt; p {<br /> display: none;<br /> }<br /> <br /> @media (max-width: 768px) {<br /> .card-grid {<br /> grid-template-columns: 1fr;<br /> gap: 20px;<br /> }<br /> <br /> .beast-summary {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .beast-side {<br /> order: 1;<br /> <br /> border-left: none;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> <br /> display: flex;<br /> justify-content: center;<br /> <br /> padding: 16px;<br /> }<br /> <br /> .beast-content {<br /> order: 2;<br /> }<br /> <br /> .beast-title {<br /> padding: 16px 24px;<br /> }<br /> <br /> .beast-description {<br /> padding: 24px;<br /> }<br /> <br /> .beast-side img {<br /> width: 200px;<br /> }<br /> .character-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> }<br /> .divu-infobox {<br /> float: none;<br /> <br /> margin: 0 auto 20px;<br /> <br /> width: 100%;<br /> max-width: 344px;<br /> }<br /> .firstHeading {<br /> line-height: 1.1;<br /> margin-top: 10px;<br /> }<br /> .person-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=MediaWiki:Citizen.css&diff=308 2026-08-06T19:53:45Z

<p>Filip Roček: </p> <hr /> <div>/* All CSS here will be loaded for users of the Citizen skin */<br /> :root {<br /> --color-surface-0: #171615;<br /> --color-surface-1: #171615;<br /> --color-surface-2: #151413;<br /> <br /> --color-base: #d9d2c5;<br /> --color-base-dark: #22201e;<br /> --color-neutral: #d9d2c5;<br /> --color-emphasized: #5f7f64;<br /> --color-subtle: #8CAB82;<br /> <br /> --border-color-base: #3b3732;<br /> --border-color-hover: #6a8f4e;<br /> <br /> --color-progressive: #9b7d47;<br /> --color-progressive--hover: #9b7d47;<br /> --color-destructive: #b05545;<br /> --color-destructive--hover: #b05545;<br /> }<br /> <br /> #siteSub {<br /> display: none;<br /> }<br /> <br /> .citizen-preferences-dropdown {<br /> display: none !important;<br /> }<br /> <br /> .home-hero {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 16px;<br /> padding: 30px;<br /> margin-bottom: 30px;<br /> text-align: center;<br /> }<br /> <br /> .hero-title {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> font-weight: 700;<br /> font-size: clamp(3rem, 8vw, 6rem);<br /> letter-spacing: 0.03em;<br /> line-height: 1;<br /> color: var(--color-emphasized);<br /> }<br /> <br /> .card-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 20px;<br /> }<br /> <br /> .card-grid &gt; p {<br /> display: none;<br /> }<br /> <br /> .home-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> padding: 20px;<br /> min-height: 120px;<br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> }<br /> <br /> .home-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .home-card a {<br /> display: block;<br /> font-size: 1.2rem;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> <br /> .race-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> padding: 20px;<br /> min-height: 120px;<br /> <br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> <br /> text-align: center;<br /> }<br /> <br /> .race-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .race-card a {<br /> display: block;<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-decoration: none;<br /> <br /> margin-bottom: 12px;<br /> }<br /> <br /> .race-card img {<br /> width: 100%;<br /> height: auto;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .firstHeading {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> margin-top: 80px;<br /> font-size: 3rem;<br /> font-weight: 700;<br /> margin-bottom: 0;<br /> }<br /> <br /> .citizen-page-header {<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> padding-bottom: 20px;<br /> margin-bottom: 20px;<br /> }<br /> <br /> .citizen-page-sidebar {<br /> order: -1;<br /> }<br /> <br /> .divu-infobox {<br /> float: right;<br /> width: 334px;<br /> margin: 0 0 20px 20px;<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-collapse: separate;<br /> border-spacing: 0;<br /> border-radius: 12px;<br /> overflow: hidden;<br /> }<br /> <br /> .divu-infobox-image {<br /> padding: 0;<br /> }<br /> <br /> .divu-infobox-image img {<br /> display: block;<br /> width: 100%;<br /> }<br /> <br /> .divu-infobox-title {<br /> background: var(--color-surface-2);<br /> <br /> color: var(--color-progressive);<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-align: center;<br /> <br /> padding: 12px;<br /> }<br /> <br /> .divu-infobox th {<br /> width: 50%;<br /> <br /> color: var(--color-progressive);<br /> <br /> text-align: left;<br /> <br /> padding: 10px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .divu-infobox td {<br /> padding: 16px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> <br /> line-height: 1.4;<br /> }<br /> <br /> .divu-infobox td p {<br /> margin: 0;<br /> }<br /> <br /> .beast-summary {<br /> display: grid;<br /> grid-template-columns: 1fr 233px;<br /> <br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> margin-bottom: 32px;<br /> }<br /> <br /> .beast-title {<br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> <br /> padding: 8px 0px 8px 40px;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .beast-title p {<br /> margin: 0;<br /> }<br /> <br /> .beast-title a {<br /> text-decoration: none;<br /> }<br /> <br /> .beast-description {<br /> padding: 0 24px;<br /> }<br /> <br /> .beast-side {<br /> background: Transparent;<br /> <br /> border-left: var(--border-width-base) solid var(--border-color-base);<br /> <br /> padding: 16px;<br /> align-self: start;<br /> }<br /> <br /> .beast-side img {<br /> width: 100%;<br /> <br /> aspect-ratio: 2 / 3;<br /> object-fit: cover;<br /> <br /> border-radius: 6px;<br /> }<br /> <br /> .character-grid {<br /> display: grid;<br /> grid-template-columns: repeat(auto-fill, 200px);<br /> gap: 12px;<br /> justify-content: start;<br /> }<br /> <br /> .character-card {<br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> text-align: center;<br /> cursor: pointer;<br /> transition: 0.2s ease;<br /> }<br /> <br /> .character-card:hover {<br /> border-color: var(--border-color-hover);<br /> transform: translateY(-2px);<br /> }<br /> <br /> .character-card img {<br /> width: 100%;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .character-card-title {<br /> padding: 8px;<br /> <br /> font-size: 1.2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> }<br /> <br /> .person-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 20px;<br /> }<br /> <br /> .person-grid &gt; p {<br /> display: none;<br /> }<br /> <br /> @media (max-width: 768px) {<br /> .card-grid {<br /> grid-template-columns: 1fr;<br /> gap: 20px;<br /> }<br /> <br /> .beast-summary {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .beast-side {<br /> order: 1;<br /> <br /> border-left: none;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> <br /> display: flex;<br /> justify-content: center;<br /> <br /> padding: 16px;<br /> }<br /> <br /> .beast-content {<br /> order: 2;<br /> }<br /> <br /> .beast-title {<br /> padding: 16px 24px;<br /> }<br /> <br /> .beast-description {<br /> padding: 24px;<br /> }<br /> <br /> .beast-side img {<br /> width: 200px;<br /> }<br /> .character-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> }<br /> .divu-infobox {<br /> float: none;<br /> <br /> margin: 0 auto 20px;<br /> <br /> width: 100%;<br /> max-width: 344px;<br /> }<br /> .firstHeading {<br /> line-height: 1.1;<br /> margin-top: 10px;<br /> }<br /> .person-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=Postavy&diff=307 2026-08-06T19:50:25Z

<p>Filip Roček: </p> <hr /> <div>V Divukraji je mnoho postav, ať už těch, o kterých jste jen slyšeli, či které jste potkali ve hře.<br /> <br /> &lt;div class=&quot;person-grid&quot;&gt;<br /> {{Card race|stranka=Herní Postavy|nadpis=Herní Postavy|obrazek=Placeholder-character.png}}<br /> {{Card race|stranka=Příběhové Postavy|nadpis=Příběhové Postavy|obrazek=Placeholder-character.png}}<br /> &lt;/div&gt;</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=MediaWiki:Citizen.css&diff=306 2026-08-06T19:48:14Z

<p>Filip Roček: </p> <hr /> <div>/* All CSS here will be loaded for users of the Citizen skin */<br /> :root {<br /> --color-surface-0: #171615;<br /> --color-surface-1: #171615;<br /> --color-surface-2: #151413;<br /> <br /> --color-base: #d9d2c5;<br /> --color-base-dark: #22201e;<br /> --color-neutral: #d9d2c5;<br /> --color-emphasized: #5f7f64;<br /> --color-subtle: #8CAB82;<br /> <br /> --border-color-base: #3b3732;<br /> --border-color-hover: #6a8f4e;<br /> <br /> --color-progressive: #9b7d47;<br /> --color-progressive--hover: #9b7d47;<br /> --color-destructive: #b05545;<br /> --color-destructive--hover: #b05545;<br /> }<br /> <br /> #siteSub {<br /> display: none;<br /> }<br /> <br /> .citizen-preferences-dropdown {<br /> display: none !important;<br /> }<br /> <br /> .home-hero {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 16px;<br /> padding: 30px;<br /> margin-bottom: 30px;<br /> text-align: center;<br /> }<br /> <br /> .hero-title {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> font-weight: 700;<br /> font-size: clamp(3rem, 8vw, 6rem);<br /> letter-spacing: 0.03em;<br /> line-height: 1;<br /> color: var(--color-emphasized);<br /> }<br /> <br /> .card-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 20px;<br /> }<br /> <br /> .card-grid &gt; p {<br /> display: none;<br /> }<br /> <br /> .home-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> padding: 20px;<br /> min-height: 120px;<br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> }<br /> <br /> .home-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .home-card a {<br /> display: block;<br /> font-size: 1.2rem;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> <br /> .race-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> padding: 20px;<br /> min-height: 120px;<br /> <br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> <br /> text-align: center;<br /> }<br /> <br /> .race-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .race-card a {<br /> display: block;<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-decoration: none;<br /> <br /> margin-bottom: 12px;<br /> }<br /> <br /> .race-card img {<br /> width: 100%;<br /> height: auto;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .firstHeading {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> margin-top: 80px;<br /> font-size: 3rem;<br /> font-weight: 700;<br /> margin-bottom: 0;<br /> }<br /> <br /> .citizen-page-header {<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> padding-bottom: 20px;<br /> margin-bottom: 20px;<br /> }<br /> <br /> .citizen-page-sidebar {<br /> order: -1;<br /> }<br /> <br /> .divu-infobox {<br /> float: right;<br /> width: 334px;<br /> margin: 0 0 20px 20px;<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-collapse: separate;<br /> border-spacing: 0;<br /> border-radius: 12px;<br /> overflow: hidden;<br /> }<br /> <br /> .divu-infobox-image {<br /> padding: 0;<br /> }<br /> <br /> .divu-infobox-image img {<br /> display: block;<br /> width: 100%;<br /> }<br /> <br /> .divu-infobox-title {<br /> background: var(--color-surface-2);<br /> <br /> color: var(--color-progressive);<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-align: center;<br /> <br /> padding: 12px;<br /> }<br /> <br /> .divu-infobox th {<br /> width: 50%;<br /> <br /> color: var(--color-progressive);<br /> <br /> text-align: left;<br /> <br /> padding: 10px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .divu-infobox td {<br /> padding: 16px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> <br /> line-height: 1.4;<br /> }<br /> <br /> .divu-infobox td p {<br /> margin: 0;<br /> }<br /> <br /> .beast-summary {<br /> display: grid;<br /> grid-template-columns: 1fr 233px;<br /> <br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> margin-bottom: 32px;<br /> }<br /> <br /> .beast-title {<br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> <br /> padding: 8px 0px 8px 40px;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .beast-title p {<br /> margin: 0;<br /> }<br /> <br /> .beast-title a {<br /> text-decoration: none;<br /> }<br /> <br /> .beast-description {<br /> padding: 0 24px;<br /> }<br /> <br /> .beast-side {<br /> background: Transparent;<br /> <br /> border-left: var(--border-width-base) solid var(--border-color-base);<br /> <br /> padding: 16px;<br /> align-self: start;<br /> }<br /> <br /> .beast-side img {<br /> width: 100%;<br /> <br /> aspect-ratio: 2 / 3;<br /> object-fit: cover;<br /> <br /> border-radius: 6px;<br /> }<br /> <br /> .character-grid {<br /> display: grid;<br /> grid-template-columns: repeat(auto-fill, 200px);<br /> gap: 12px;<br /> justify-content: start;<br /> }<br /> <br /> .character-card {<br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> text-align: center;<br /> cursor: pointer;<br /> transition: 0.2s ease;<br /> }<br /> <br /> .character-card:hover {<br /> border-color: var(--border-color-hover);<br /> transform: translateY(-2px);<br /> }<br /> <br /> .character-card img {<br /> width: 100%;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .character-card-title {<br /> padding: 8px;<br /> <br /> font-size: 1.2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> }<br /> <br /> .person-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 20px;<br /> }<br /> <br /> @media (max-width: 768px) {<br /> .card-grid {<br /> grid-template-columns: 1fr;<br /> gap: 20px;<br /> }<br /> <br /> .beast-summary {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .beast-side {<br /> order: 1;<br /> <br /> border-left: none;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> <br /> display: flex;<br /> justify-content: center;<br /> <br /> padding: 16px;<br /> }<br /> <br /> .beast-content {<br /> order: 2;<br /> }<br /> <br /> .beast-title {<br /> padding: 16px 24px;<br /> }<br /> <br /> .beast-description {<br /> padding: 24px;<br /> }<br /> <br /> .beast-side img {<br /> width: 200px;<br /> }<br /> .character-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> }<br /> .divu-infobox {<br /> float: none;<br /> <br /> margin: 0 auto 20px;<br /> <br /> width: 100%;<br /> max-width: 344px;<br /> }<br /> .firstHeading {<br /> line-height: 1.1;<br /> margin-top: 10px;<br /> }<br /> .person-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> }</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=Hern%C3%AD_Postavy&diff=305 2026-08-06T13:46:54Z

<p>Filip Roček: Odemkl stránku „Herní Postavy“</p> <hr /> <div>{{Character grid|{{Card character|obrazek=Alistar.jpg|stranka=Alistar}}<br /> {{Card character|obrazek=Analýza Poměnka.jpg |stranka=Analýza Poměnka}}<br /> }}</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=Hern%C3%AD_Postavy&diff=304 2026-08-06T13:44:24Z

<p>Filip Roček: Zamkl stránku „Herní Postavy“ ([Editace=Povolit jen správcům] (do odvolání) [Přesunutí=Povolit jen správcům] (do odvolání))</p> <hr /> <div>{{Character grid|{{Card character|obrazek=Alistar.jpg|stranka=Alistar}}<br /> {{Card character|obrazek=Analýza Poměnka.jpg |stranka=Analýza Poměnka}}<br /> }}</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=MediaWiki:Citizen.css&diff=303 2026-08-06T13:39:48Z

<p>Filip Roček: </p> <hr /> <div>/* All CSS here will be loaded for users of the Citizen skin */<br /> :root {<br /> --color-surface-0: #171615;<br /> --color-surface-1: #171615;<br /> --color-surface-2: #151413;<br /> <br /> --color-base: #d9d2c5;<br /> --color-base-dark: #22201e;<br /> --color-neutral: #d9d2c5;<br /> --color-emphasized: #5f7f64;<br /> --color-subtle: #8CAB82;<br /> <br /> --border-color-base: #3b3732;<br /> --border-color-hover: #6a8f4e;<br /> <br /> --color-progressive: #9b7d47;<br /> --color-progressive--hover: #9b7d47;<br /> --color-destructive: #b05545;<br /> --color-destructive--hover: #b05545;<br /> }<br /> <br /> #siteSub {<br /> display: none;<br /> }<br /> <br /> .citizen-preferences-dropdown {<br /> display: none !important;<br /> }<br /> <br /> .home-hero {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 16px;<br /> padding: 30px;<br /> margin-bottom: 30px;<br /> text-align: center;<br /> }<br /> <br /> .hero-title {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> font-weight: 700;<br /> font-size: clamp(3rem, 8vw, 6rem);<br /> letter-spacing: 0.03em;<br /> line-height: 1;<br /> color: var(--color-emphasized);<br /> }<br /> <br /> .card-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 20px;<br /> }<br /> <br /> .card-grid &gt; p {<br /> display: none;<br /> }<br /> <br /> .home-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> padding: 20px;<br /> min-height: 120px;<br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> }<br /> <br /> .home-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .home-card a {<br /> display: block;<br /> font-size: 1.2rem;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> <br /> .race-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> padding: 20px;<br /> min-height: 120px;<br /> <br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> <br /> text-align: center;<br /> }<br /> <br /> .race-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .race-card a {<br /> display: block;<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-decoration: none;<br /> <br /> margin-bottom: 12px;<br /> }<br /> <br /> .race-card img {<br /> width: 100%;<br /> height: auto;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .firstHeading {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> margin-top: 80px;<br /> font-size: 3rem;<br /> font-weight: 700;<br /> margin-bottom: 0;<br /> }<br /> <br /> .citizen-page-header {<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> padding-bottom: 20px;<br /> margin-bottom: 20px;<br /> }<br /> <br /> .citizen-page-sidebar {<br /> order: -1;<br /> }<br /> <br /> .divu-infobox {<br /> float: right;<br /> width: 334px;<br /> margin: 0 0 20px 20px;<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-collapse: separate;<br /> border-spacing: 0;<br /> border-radius: 12px;<br /> overflow: hidden;<br /> }<br /> <br /> .divu-infobox-image {<br /> padding: 0;<br /> }<br /> <br /> .divu-infobox-image img {<br /> display: block;<br /> width: 100%;<br /> }<br /> <br /> .divu-infobox-title {<br /> background: var(--color-surface-2);<br /> <br /> color: var(--color-progressive);<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-align: center;<br /> <br /> padding: 12px;<br /> }<br /> <br /> .divu-infobox th {<br /> width: 50%;<br /> <br /> color: var(--color-progressive);<br /> <br /> text-align: left;<br /> <br /> padding: 10px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .divu-infobox td {<br /> padding: 16px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> <br /> line-height: 1.4;<br /> }<br /> <br /> .divu-infobox td p {<br /> margin: 0;<br /> }<br /> <br /> .beast-summary {<br /> display: grid;<br /> grid-template-columns: 1fr 233px;<br /> <br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> margin-bottom: 32px;<br /> }<br /> <br /> .beast-title {<br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> <br /> padding: 8px 0px 8px 40px;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .beast-title p {<br /> margin: 0;<br /> }<br /> <br /> .beast-title a {<br /> text-decoration: none;<br /> }<br /> <br /> .beast-description {<br /> padding: 0 24px;<br /> }<br /> <br /> .beast-side {<br /> background: Transparent;<br /> <br /> border-left: var(--border-width-base) solid var(--border-color-base);<br /> <br /> padding: 16px;<br /> align-self: start;<br /> }<br /> <br /> .beast-side img {<br /> width: 100%;<br /> <br /> aspect-ratio: 2 / 3;<br /> object-fit: cover;<br /> <br /> border-radius: 6px;<br /> }<br /> <br /> .character-grid {<br /> display: grid;<br /> grid-template-columns: repeat(auto-fill, 200px);<br /> gap: 12px;<br /> justify-content: start;<br /> }<br /> <br /> .character-card {<br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> text-align: center;<br /> cursor: pointer;<br /> transition: 0.2s ease;<br /> }<br /> <br /> .character-card:hover {<br /> border-color: var(--border-color-hover);<br /> transform: translateY(-2px);<br /> }<br /> <br /> .character-card img {<br /> width: 100%;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .character-card-title {<br /> padding: 8px;<br /> <br /> font-size: 1.2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> }<br /> <br /> <br /> @media (max-width: 768px) {<br /> .card-grid {<br /> grid-template-columns: 1fr;<br /> gap: 20px;<br /> }<br /> <br /> .beast-summary {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .beast-side {<br /> order: 1;<br /> <br /> border-left: none;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> <br /> display: flex;<br /> justify-content: center;<br /> <br /> padding: 16px;<br /> }<br /> <br /> .beast-content {<br /> order: 2;<br /> }<br /> <br /> .beast-title {<br /> padding: 16px 24px;<br /> }<br /> <br /> .beast-description {<br /> padding: 24px;<br /> }<br /> <br /> .beast-side img {<br /> width: 200px;<br /> }<br /> .character-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> }<br /> .divu-infobox {<br /> float: none;<br /> <br /> margin: 0 auto 20px;<br /> <br /> width: 100%;<br /> max-width: 344px;<br /> }<br /> .firstHeading {<br /> line-height: 1.1;<br /> margin-top: 10px;<br /> }<br /> }</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=MediaWiki:Citizen.css&diff=302 2026-08-06T13:39:34Z

<p>Filip Roček: </p> <hr /> <div>/* All CSS here will be loaded for users of the Citizen skin */<br /> :root {<br /> --color-surface-0: #171615;<br /> --color-surface-1: #171615;<br /> --color-surface-2: #151413;<br /> <br /> --color-base: #d9d2c5;<br /> --color-base-dark: #22201e;<br /> --color-neutral: #d9d2c5;<br /> --color-emphasized: #5f7f64;<br /> --color-subtle: #8CAB82;<br /> <br /> --border-color-base: #3b3732;<br /> --border-color-hover: #6a8f4e;<br /> <br /> --color-progressive: #9b7d47;<br /> --color-progressive--hover: #9b7d47;<br /> --color-destructive: #b05545;<br /> --color-destructive--hover: #b05545;<br /> }<br /> <br /> #siteSub {<br /> display: none;<br /> }<br /> <br /> .citizen-preferences-dropdown {<br /> display: none !important;<br /> }<br /> <br /> .home-hero {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 16px;<br /> padding: 30px;<br /> margin-bottom: 30px;<br /> text-align: center;<br /> }<br /> <br /> .hero-title {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> font-weight: 700;<br /> font-size: clamp(3rem, 8vw, 6rem);<br /> letter-spacing: 0.03em;<br /> line-height: 1;<br /> color: var(--color-emphasized);<br /> }<br /> <br /> .card-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 20px;<br /> }<br /> <br /> .card-grid &gt; p {<br /> display: none;<br /> }<br /> <br /> .home-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> padding: 20px;<br /> min-height: 120px;<br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> }<br /> <br /> .home-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .home-card a {<br /> display: block;<br /> font-size: 1.2rem;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> <br /> .race-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> padding: 20px;<br /> min-height: 120px;<br /> <br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> <br /> text-align: center;<br /> }<br /> <br /> .race-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .race-card a {<br /> display: block;<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-decoration: none;<br /> <br /> margin-bottom: 12px;<br /> }<br /> <br /> .race-card img {<br /> width: 100%;<br /> height: auto;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .firstHeading {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> margin-top: 80px;<br /> font-size: 3rem;<br /> font-weight: 700;<br /> margin-bottom: 0;<br /> }<br /> <br /> .citizen-page-header {<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> padding-bottom: 20px;<br /> margin-bottom: 20px;<br /> }<br /> <br /> .citizen-page-sidebar {<br /> order: -1;<br /> }<br /> <br /> .divu-infobox {<br /> float: right;<br /> width: 334px;<br /> margin: 0 0 20px 20px;<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-collapse: separate;<br /> border-spacing: 0;<br /> border-radius: 12px;<br /> overflow: hidden;<br /> }<br /> <br /> .divu-infobox-image {<br /> padding: 0;<br /> }<br /> <br /> .divu-infobox-image img {<br /> display: block;<br /> width: 100%;<br /> }<br /> <br /> .divu-infobox-title {<br /> background: var(--color-surface-2);<br /> <br /> color: var(--color-progressive);<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-align: center;<br /> <br /> padding: 12px;<br /> }<br /> <br /> .divu-infobox th {<br /> width: 50%;<br /> <br /> color: var(--color-progressive);<br /> <br /> text-align: left;<br /> <br /> padding: 10px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .divu-infobox td {<br /> padding: 16px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> <br /> line-height: 1.4;<br /> }<br /> <br /> .divu-infobox td p {<br /> margin: 0;<br /> }<br /> <br /> .beast-summary {<br /> display: grid;<br /> grid-template-columns: 1fr 233px;<br /> <br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> margin-bottom: 32px;<br /> }<br /> <br /> .beast-title {<br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> <br /> padding: 8px 0px 8px 40px;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .beast-title p {<br /> margin: 0;<br /> }<br /> <br /> .beast-title a {<br /> text-decoration: none;<br /> }<br /> <br /> .beast-description {<br /> padding: 0 24px;<br /> }<br /> <br /> .beast-side {<br /> background: Transparent;<br /> <br /> border-left: var(--border-width-base) solid var(--border-color-base);<br /> <br /> padding: 16px;<br /> align-self: start;<br /> }<br /> <br /> .beast-side img {<br /> width: 100%;<br /> <br /> aspect-ratio: 2 / 3;<br /> object-fit: cover;<br /> <br /> border-radius: 6px;<br /> }<br /> <br /> .character-grid {<br /> display: grid;<br /> grid-template-columns: repeat(auto-fill, 200px);<br /> gap: 12px;<br /> justify-content: start;<br /> }<br /> <br /> .character-card {<br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> text-align: center;<br /> cursor: pointer;<br /> transition: 0.2s ease;<br /> }<br /> <br /> .character-card:hover {<br /> border-color: var(--border-color-hover);<br /> transform: translateY(-2px);<br /> }<br /> <br /> .character-card img {<br /> width: 100%;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .character-card-title {<br /> padding: 8px;<br /> <br /> font-size: 1.2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> }<br /> <br /> <br /> @media (max-width: 768px) {<br /> .card-grid {<br /> grid-template-columns: 1fr;<br /> gap: 20px;<br /> }<br /> <br /> .beast-summary {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .beast-side {<br /> order: 1;<br /> <br /> border-left: none;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> <br /> display: flex;<br /> justify-content: center;<br /> <br /> padding: 16px;<br /> }<br /> <br /> .beast-content {<br /> order: 2;<br /> }<br /> <br /> .beast-title {<br /> padding: 16px 24px;<br /> }<br /> <br /> .beast-description {<br /> padding: 24px;<br /> }<br /> <br /> .beast-side img {<br /> width: 200px;<br /> }<br /> .character-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> }<br /> .divu-infobox {<br /> float: none;<br /> <br /> margin: 0 auto 20px;<br /> <br /> width: 100%;<br /> max-width: 344px;<br /> }<br /> .firstHeading {<br /> line-height: 1.1;<br /> margin-top: 20px;<br /> }<br /> }</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=MediaWiki:Citizen.css&diff=301 2026-08-06T13:37:00Z

<p>Filip Roček: </p> <hr /> <div>/* All CSS here will be loaded for users of the Citizen skin */<br /> :root {<br /> --color-surface-0: #171615;<br /> --color-surface-1: #171615;<br /> --color-surface-2: #151413;<br /> <br /> --color-base: #d9d2c5;<br /> --color-base-dark: #22201e;<br /> --color-neutral: #d9d2c5;<br /> --color-emphasized: #5f7f64;<br /> --color-subtle: #8CAB82;<br /> <br /> --border-color-base: #3b3732;<br /> --border-color-hover: #6a8f4e;<br /> <br /> --color-progressive: #9b7d47;<br /> --color-progressive--hover: #9b7d47;<br /> --color-destructive: #b05545;<br /> --color-destructive--hover: #b05545;<br /> }<br /> <br /> #siteSub {<br /> display: none;<br /> }<br /> <br /> .citizen-preferences-dropdown {<br /> display: none !important;<br /> }<br /> <br /> .home-hero {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 16px;<br /> padding: 30px;<br /> margin-bottom: 30px;<br /> text-align: center;<br /> }<br /> <br /> .hero-title {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> font-weight: 700;<br /> font-size: clamp(3rem, 8vw, 6rem);<br /> letter-spacing: 0.03em;<br /> line-height: 1;<br /> color: var(--color-emphasized);<br /> }<br /> <br /> .card-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 20px;<br /> }<br /> <br /> .card-grid &gt; p {<br /> display: none;<br /> }<br /> <br /> .home-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> padding: 20px;<br /> min-height: 120px;<br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> }<br /> <br /> .home-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .home-card a {<br /> display: block;<br /> font-size: 1.2rem;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> <br /> .race-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> padding: 20px;<br /> min-height: 120px;<br /> <br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> <br /> text-align: center;<br /> }<br /> <br /> .race-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .race-card a {<br /> display: block;<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-decoration: none;<br /> <br /> margin-bottom: 12px;<br /> }<br /> <br /> .race-card img {<br /> width: 100%;<br /> height: auto;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .firstHeading {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> margin-top: 80px;<br /> font-size: 3rem;<br /> font-weight: 700;<br /> margin-bottom: 0;<br /> }<br /> <br /> .citizen-page-header {<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> padding-bottom: 20px;<br /> margin-bottom: 20px;<br /> }<br /> <br /> .citizen-page-sidebar {<br /> order: -1;<br /> }<br /> <br /> .divu-infobox {<br /> float: right;<br /> width: 334px;<br /> margin: 0 0 20px 20px;<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-collapse: separate;<br /> border-spacing: 0;<br /> border-radius: 12px;<br /> overflow: hidden;<br /> }<br /> <br /> .divu-infobox-image {<br /> padding: 0;<br /> }<br /> <br /> .divu-infobox-image img {<br /> display: block;<br /> width: 100%;<br /> }<br /> <br /> .divu-infobox-title {<br /> background: var(--color-surface-2);<br /> <br /> color: var(--color-progressive);<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-align: center;<br /> <br /> padding: 12px;<br /> }<br /> <br /> .divu-infobox th {<br /> width: 50%;<br /> <br /> color: var(--color-progressive);<br /> <br /> text-align: left;<br /> <br /> padding: 10px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .divu-infobox td {<br /> padding: 16px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> <br /> line-height: 1.4;<br /> }<br /> <br /> .divu-infobox td p {<br /> margin: 0;<br /> }<br /> <br /> .beast-summary {<br /> display: grid;<br /> grid-template-columns: 1fr 233px;<br /> <br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> margin-bottom: 32px;<br /> }<br /> <br /> .beast-title {<br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> <br /> padding: 8px 0px 8px 40px;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .beast-title p {<br /> margin: 0;<br /> }<br /> <br /> .beast-title a {<br /> text-decoration: none;<br /> }<br /> <br /> .beast-description {<br /> padding: 0 24px;<br /> }<br /> <br /> .beast-side {<br /> background: Transparent;<br /> <br /> border-left: var(--border-width-base) solid var(--border-color-base);<br /> <br /> padding: 16px;<br /> align-self: start;<br /> }<br /> <br /> .beast-side img {<br /> width: 100%;<br /> <br /> aspect-ratio: 2 / 3;<br /> object-fit: cover;<br /> <br /> border-radius: 6px;<br /> }<br /> <br /> .character-grid {<br /> display: grid;<br /> grid-template-columns: repeat(auto-fill, 200px);<br /> gap: 12px;<br /> justify-content: start;<br /> }<br /> <br /> .character-card {<br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> text-align: center;<br /> cursor: pointer;<br /> transition: 0.2s ease;<br /> }<br /> <br /> .character-card:hover {<br /> border-color: var(--border-color-hover);<br /> transform: translateY(-2px);<br /> }<br /> <br /> .character-card img {<br /> width: 100%;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .character-card-title {<br /> padding: 8px;<br /> <br /> font-size: 1.2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> }<br /> <br /> <br /> @media (max-width: 768px) {<br /> .card-grid {<br /> grid-template-columns: 1fr;<br /> gap: 20px;<br /> }<br /> <br /> .beast-summary {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .beast-side {<br /> order: 1;<br /> <br /> border-left: none;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> <br /> display: flex;<br /> justify-content: center;<br /> <br /> padding: 16px;<br /> }<br /> <br /> .beast-content {<br /> order: 2;<br /> }<br /> <br /> .beast-title {<br /> padding: 16px 24px;<br /> }<br /> <br /> .beast-description {<br /> padding: 24px;<br /> }<br /> <br /> .beast-side img {<br /> width: 200px;<br /> }<br /> .character-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> }<br /> .divu-infobox {<br /> float: none;<br /> <br /> margin: 0 auto 20px;<br /> <br /> width: 100%;<br /> max-width: 344px;<br /> }<br /> .firstHeading {<br /> line-height: 1.1;<br /> }<br /> <br /> }</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=MediaWiki:Citizen.css&diff=300 2026-08-06T13:34:44Z

<p>Filip Roček: </p> <hr /> <div>/* All CSS here will be loaded for users of the Citizen skin */<br /> :root {<br /> --color-surface-0: #171615;<br /> --color-surface-1: #171615;<br /> --color-surface-2: #151413;<br /> <br /> --color-base: #d9d2c5;<br /> --color-base-dark: #22201e;<br /> --color-neutral: #d9d2c5;<br /> --color-emphasized: #5f7f64;<br /> --color-subtle: #8CAB82;<br /> <br /> --border-color-base: #3b3732;<br /> --border-color-hover: #6a8f4e;<br /> <br /> --color-progressive: #9b7d47;<br /> --color-progressive--hover: #9b7d47;<br /> --color-destructive: #b05545;<br /> --color-destructive--hover: #b05545;<br /> }<br /> <br /> #siteSub {<br /> display: none;<br /> }<br /> <br /> .citizen-preferences-dropdown {<br /> display: none !important;<br /> }<br /> <br /> .home-hero {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 16px;<br /> padding: 30px;<br /> margin-bottom: 30px;<br /> text-align: center;<br /> }<br /> <br /> .hero-title {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> font-weight: 700;<br /> font-size: clamp(3rem, 8vw, 6rem);<br /> letter-spacing: 0.03em;<br /> line-height: 1;<br /> color: var(--color-emphasized);<br /> }<br /> <br /> .card-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 20px;<br /> }<br /> <br /> .card-grid &gt; p {<br /> display: none;<br /> }<br /> <br /> .home-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> padding: 20px;<br /> min-height: 120px;<br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> }<br /> <br /> .home-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .home-card a {<br /> display: block;<br /> font-size: 1.2rem;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> <br /> .race-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> padding: 20px;<br /> min-height: 120px;<br /> <br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> <br /> text-align: center;<br /> }<br /> <br /> .race-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .race-card a {<br /> display: block;<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-decoration: none;<br /> <br /> margin-bottom: 12px;<br /> }<br /> <br /> .race-card img {<br /> width: 100%;<br /> height: auto;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .firstHeading {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> margin-top: 80px;<br /> font-size: 3rem;<br /> font-weight: 700;<br /> margin-bottom: 0;<br /> }<br /> <br /> .citizen-page-header {<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> padding-bottom: 20px;<br /> margin-bottom: 20px;<br /> }<br /> <br /> .citizen-page-sidebar {<br /> order: -1;<br /> }<br /> <br /> .divu-infobox {<br /> float: right;<br /> width: 334px;<br /> margin: 0 0 20px 20px;<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-collapse: separate;<br /> border-spacing: 0;<br /> border-radius: 12px;<br /> overflow: hidden;<br /> }<br /> <br /> .divu-infobox-image {<br /> padding: 0;<br /> }<br /> <br /> .divu-infobox-image img {<br /> display: block;<br /> width: 100%;<br /> }<br /> <br /> .divu-infobox-title {<br /> background: var(--color-surface-2);<br /> <br /> color: var(--color-progressive);<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-align: center;<br /> <br /> padding: 12px;<br /> }<br /> <br /> .divu-infobox th {<br /> width: 50%;<br /> <br /> color: var(--color-progressive);<br /> <br /> text-align: left;<br /> <br /> padding: 10px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .divu-infobox td {<br /> padding: 16px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> <br /> line-height: 1.4;<br /> }<br /> <br /> .divu-infobox td p {<br /> margin: 0;<br /> }<br /> <br /> .beast-summary {<br /> display: grid;<br /> grid-template-columns: 1fr 233px;<br /> <br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> margin-bottom: 32px;<br /> }<br /> <br /> .beast-title {<br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> <br /> padding: 8px 0px 8px 40px;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .beast-title p {<br /> margin: 0;<br /> }<br /> <br /> .beast-title a {<br /> text-decoration: none;<br /> }<br /> <br /> .beast-description {<br /> padding: 0 24px;<br /> }<br /> <br /> .beast-side {<br /> background: Transparent;<br /> <br /> border-left: var(--border-width-base) solid var(--border-color-base);<br /> <br /> padding: 16px;<br /> align-self: start;<br /> }<br /> <br /> .beast-side img {<br /> width: 100%;<br /> <br /> aspect-ratio: 2 / 3;<br /> object-fit: cover;<br /> <br /> border-radius: 6px;<br /> }<br /> <br /> .character-grid {<br /> display: grid;<br /> grid-template-columns: repeat(auto-fill, 200px);<br /> gap: 12px;<br /> justify-content: start;<br /> }<br /> <br /> .character-card {<br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> text-align: center;<br /> cursor: pointer;<br /> transition: 0.2s ease;<br /> }<br /> <br /> .character-card:hover {<br /> border-color: var(--border-color-hover);<br /> transform: translateY(-2px);<br /> }<br /> <br /> .character-card img {<br /> width: 100%;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .character-card-title {<br /> padding: 8px;<br /> <br /> font-size: 1.2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> }<br /> <br /> <br /> @media (max-width: 768px) {<br /> .card-grid {<br /> grid-template-columns: 1fr;<br /> gap: 20px;<br /> }<br /> <br /> .beast-summary {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .beast-side {<br /> order: 1;<br /> <br /> border-left: none;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> <br /> display: flex;<br /> justify-content: center;<br /> <br /> padding: 16px;<br /> }<br /> <br /> .beast-content {<br /> order: 2;<br /> }<br /> <br /> .beast-title {<br /> padding: 16px 24px;<br /> }<br /> <br /> .beast-description {<br /> padding: 24px;<br /> }<br /> <br /> .beast-side img {<br /> width: 200px;<br /> }<br /> .character-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> }<br /> <br /> .divu-infobox {<br /> float: none;<br /> <br /> margin: 0 auto 20px;<br /> <br /> width: 100%;<br /> max-width: 344px;<br /> }<br /> <br /> }</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=MediaWiki:Citizen.css&diff=299 2026-08-06T13:27:34Z

<p>Filip Roček: </p> <hr /> <div>/* All CSS here will be loaded for users of the Citizen skin */<br /> :root {<br /> --color-surface-0: #171615;<br /> --color-surface-1: #171615;<br /> --color-surface-2: #151413;<br /> <br /> --color-base: #d9d2c5;<br /> --color-base-dark: #22201e;<br /> --color-neutral: #d9d2c5;<br /> --color-emphasized: #5f7f64;<br /> --color-subtle: #8CAB82;<br /> <br /> --border-color-base: #3b3732;<br /> --border-color-hover: #6a8f4e;<br /> <br /> --color-progressive: #9b7d47;<br /> --color-progressive--hover: #9b7d47;<br /> --color-destructive: #b05545;<br /> --color-destructive--hover: #b05545;<br /> }<br /> <br /> #siteSub {<br /> display: none;<br /> }<br /> <br /> .citizen-preferences-dropdown {<br /> display: none !important;<br /> }<br /> <br /> .home-hero {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 16px;<br /> padding: 30px;<br /> margin-bottom: 30px;<br /> text-align: center;<br /> }<br /> <br /> .hero-title {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> font-weight: 700;<br /> font-size: clamp(3rem, 8vw, 6rem);<br /> letter-spacing: 0.03em;<br /> line-height: 1;<br /> color: var(--color-emphasized);<br /> }<br /> <br /> .card-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 20px;<br /> }<br /> <br /> .card-grid &gt; p {<br /> display: none;<br /> }<br /> <br /> .home-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> padding: 20px;<br /> min-height: 120px;<br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> }<br /> <br /> .home-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .home-card a {<br /> display: block;<br /> font-size: 1.2rem;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> <br /> .race-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> padding: 20px;<br /> min-height: 120px;<br /> <br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> <br /> text-align: center;<br /> }<br /> <br /> .race-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .race-card a {<br /> display: block;<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-decoration: none;<br /> <br /> margin-bottom: 12px;<br /> }<br /> <br /> .race-card img {<br /> width: 100%;<br /> height: auto;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .firstHeading {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> margin-top: 80px;<br /> font-size: 3rem;<br /> font-weight: 700;<br /> margin-bottom: 0;<br /> }<br /> <br /> .citizen-page-header {<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> padding-bottom: 20px;<br /> margin-bottom: 20px;<br /> }<br /> <br /> .citizen-page-sidebar {<br /> order: -1;<br /> }<br /> <br /> .divu-infobox {<br /> float: right;<br /> width: 334px;<br /> margin: 0 0 20px 20px;<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-collapse: separate;<br /> border-spacing: 0;<br /> border-radius: 12px;<br /> overflow: hidden;<br /> }<br /> <br /> .divu-infobox-image {<br /> padding: 0;<br /> }<br /> <br /> .divu-infobox-image img {<br /> display: block;<br /> width: 100%;<br /> }<br /> <br /> .divu-infobox-title {<br /> background: var(--color-surface-2);<br /> <br /> color: var(--color-progressive);<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-align: center;<br /> <br /> padding: 12px;<br /> }<br /> <br /> .divu-infobox th {<br /> width: 50%;<br /> <br /> color: var(--color-progressive);<br /> <br /> text-align: left;<br /> <br /> padding: 10px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .divu-infobox td {<br /> padding: 16px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> <br /> line-height: 1.4;<br /> }<br /> <br /> .divu-infobox td p {<br /> margin: 0;<br /> }<br /> <br /> .beast-summary {<br /> display: grid;<br /> grid-template-columns: 1fr 233px;<br /> <br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> margin-bottom: 32px;<br /> }<br /> <br /> .beast-title {<br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> <br /> padding: 8px 0px 8px 40px;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .beast-title p {<br /> margin: 0;<br /> }<br /> <br /> .beast-title a {<br /> text-decoration: none;<br /> }<br /> <br /> .beast-description {<br /> padding: 0 24px;<br /> }<br /> <br /> .beast-side {<br /> background: Transparent;<br /> <br /> border-left: var(--border-width-base) solid var(--border-color-base);<br /> <br /> padding: 16px;<br /> align-self: start;<br /> }<br /> <br /> .beast-side img {<br /> width: 100%;<br /> <br /> aspect-ratio: 2 / 3;<br /> object-fit: cover;<br /> <br /> border-radius: 6px;<br /> }<br /> <br /> .character-grid {<br /> display: grid;<br /> grid-template-columns: repeat(auto-fill, 200px);<br /> gap: 12px;<br /> justify-content: start;<br /> }<br /> <br /> .character-card {<br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> text-align: center;<br /> cursor: pointer;<br /> transition: 0.2s ease;<br /> }<br /> <br /> .character-card:hover {<br /> border-color: var(--border-color-hover);<br /> transform: translateY(-2px);<br /> }<br /> <br /> .character-card img {<br /> width: 100%;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .character-card-title {<br /> padding: 8px;<br /> <br /> font-size: 1.2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> }<br /> <br /> <br /> @media (max-width: 768px) {<br /> .card-grid {<br /> grid-template-columns: 1fr;<br /> gap: 20px;<br /> }<br /> <br /> .beast-summary {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .beast-side {<br /> order: 1;<br /> <br /> border-left: none;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> <br /> display: flex;<br /> justify-content: center;<br /> <br /> padding: 16px;<br /> }<br /> <br /> .beast-content {<br /> order: 2;<br /> }<br /> <br /> .beast-title {<br /> padding: 16px 24px;<br /> }<br /> <br /> .beast-description {<br /> padding: 24px;<br /> }<br /> <br /> .beast-side img {<br /> width: 200px;<br /> }<br /> .character-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> }<br /> <br /> .divu-infobox {<br /> float: none;<br /> <br /> margin: 0 auto 20px auto;<br /> <br /> width: 100%;<br /> max-width: 344px;<br /> }<br /> <br /> }<br /> <br /> @media (max-width: 768px) {<br /> <br /> .divu-infobox {<br /> float: none;<br /> <br /> margin: 0 auto 20px auto;<br /> <br /> width: 100%;<br /> max-width: 350px;<br /> }<br /> <br /> }</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=MediaWiki:Citizen.css&diff=298 2026-08-06T13:25:16Z

<p>Filip Roček: </p> <hr /> <div>/* All CSS here will be loaded for users of the Citizen skin */<br /> :root {<br /> --color-surface-0: #171615;<br /> --color-surface-1: #171615;<br /> --color-surface-2: #151413;<br /> <br /> --color-base: #d9d2c5;<br /> --color-base-dark: #22201e;<br /> --color-neutral: #d9d2c5;<br /> --color-emphasized: #5f7f64;<br /> --color-subtle: #8CAB82;<br /> <br /> --border-color-base: #3b3732;<br /> --border-color-hover: #6a8f4e;<br /> <br /> --color-progressive: #9b7d47;<br /> --color-progressive--hover: #9b7d47;<br /> --color-destructive: #b05545;<br /> --color-destructive--hover: #b05545;<br /> }<br /> <br /> #siteSub {<br /> display: none;<br /> }<br /> <br /> .citizen-preferences-dropdown {<br /> display: none !important;<br /> }<br /> <br /> .home-hero {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 16px;<br /> padding: 30px;<br /> margin-bottom: 30px;<br /> text-align: center;<br /> }<br /> <br /> .hero-title {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> font-weight: 700;<br /> font-size: clamp(3rem, 8vw, 6rem);<br /> letter-spacing: 0.03em;<br /> line-height: 1;<br /> color: var(--color-emphasized);<br /> }<br /> <br /> .card-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 20px;<br /> }<br /> <br /> .card-grid &gt; p {<br /> display: none;<br /> }<br /> <br /> .home-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> padding: 20px;<br /> min-height: 120px;<br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> }<br /> <br /> .home-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .home-card a {<br /> display: block;<br /> font-size: 1.2rem;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> <br /> .race-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> padding: 20px;<br /> min-height: 120px;<br /> <br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> <br /> text-align: center;<br /> }<br /> <br /> .race-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .race-card a {<br /> display: block;<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-decoration: none;<br /> <br /> margin-bottom: 12px;<br /> }<br /> <br /> .race-card img {<br /> width: 100%;<br /> height: auto;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .firstHeading {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> margin-top: 80px;<br /> font-size: 3rem;<br /> font-weight: 700;<br /> margin-bottom: 0;<br /> }<br /> <br /> .citizen-page-header {<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> padding-bottom: 20px;<br /> margin-bottom: 20px;<br /> }<br /> <br /> .citizen-page-sidebar {<br /> order: -1;<br /> }<br /> <br /> .divu-infobox {<br /> float: right;<br /> width: 334px;<br /> margin: 0 0 20px 20px;<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-collapse: separate;<br /> border-spacing: 0;<br /> border-radius: 12px;<br /> overflow: hidden;<br /> }<br /> <br /> .divu-infobox-image {<br /> padding: 0;<br /> }<br /> <br /> .divu-infobox-image img {<br /> display: block;<br /> width: 100%;<br /> }<br /> <br /> .divu-infobox-title {<br /> background: var(--color-surface-2);<br /> <br /> color: var(--color-progressive);<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-align: center;<br /> <br /> padding: 12px;<br /> }<br /> <br /> .divu-infobox th {<br /> width: 50%;<br /> <br /> color: var(--color-progressive);<br /> <br /> text-align: left;<br /> <br /> padding: 10px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .divu-infobox td {<br /> padding: 16px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> <br /> line-height: 1.4;<br /> }<br /> <br /> .divu-infobox td p {<br /> margin: 0;<br /> }<br /> <br /> .beast-summary {<br /> display: grid;<br /> grid-template-columns: 1fr 233px;<br /> <br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> margin-bottom: 32px;<br /> }<br /> <br /> .beast-title {<br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> <br /> padding: 8px 0px 8px 40px;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .beast-title p {<br /> margin: 0;<br /> }<br /> <br /> .beast-title a {<br /> text-decoration: none;<br /> }<br /> <br /> .beast-description {<br /> padding: 0 24px;<br /> }<br /> <br /> .beast-side {<br /> background: Transparent;<br /> <br /> border-left: var(--border-width-base) solid var(--border-color-base);<br /> <br /> padding: 16px;<br /> align-self: start;<br /> }<br /> <br /> .beast-side img {<br /> width: 100%;<br /> <br /> aspect-ratio: 2 / 3;<br /> object-fit: cover;<br /> <br /> border-radius: 6px;<br /> }<br /> <br /> .character-grid {<br /> display: grid;<br /> grid-template-columns: repeat(auto-fill, 200px);<br /> gap: 12px;<br /> justify-content: start;<br /> }<br /> <br /> .character-card {<br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> text-align: center;<br /> cursor: pointer;<br /> transition: 0.2s ease;<br /> }<br /> <br /> .character-card:hover {<br /> border-color: var(--border-color-hover);<br /> transform: translateY(-2px);<br /> }<br /> <br /> .character-card img {<br /> width: 100%;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .character-card-title {<br /> padding: 8px;<br /> <br /> font-size: 1.2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> }<br /> <br /> <br /> @media (max-width: 768px) {<br /> .card-grid {<br /> grid-template-columns: 1fr;<br /> gap: 20px;<br /> }<br /> <br /> .beast-summary {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .beast-side {<br /> order: 1;<br /> <br /> border-left: none;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> <br /> display: flex;<br /> justify-content: center;<br /> <br /> padding: 16px;<br /> }<br /> <br /> .beast-content {<br /> order: 2;<br /> }<br /> <br /> .beast-title {<br /> padding: 16px 24px;<br /> }<br /> <br /> .beast-description {<br /> padding: 24px;<br /> }<br /> <br /> .beast-side img {<br /> width: 200px;<br /> }<br /> .character-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> }<br /> }</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=MediaWiki:Common.js&diff=297 2026-08-06T13:17:33Z

<p>Filip Roček: </p> <hr /> <div>/* Zde uvedený JavaScript bude použit pro všechny uživatele při načtení každé stránky */<br /> <br /> document.querySelectorAll('.home-card').forEach(card =&gt; {<br /> const link = card.querySelector('a');<br /> if (link) {<br /> card.onclick = () =&gt; link.click();<br /> }<br /> });<br /> <br /> document.querySelectorAll('.race-card').forEach(card =&gt; {<br /> const link = card.querySelector('a');<br /> if (link) {<br /> card.onclick = () =&gt; link.click();<br /> }<br /> });<br /> <br /> document.querySelectorAll('.character-card').forEach(card =&gt; {<br /> const link = card.querySelector('a');<br /> if (link) {<br /> card.onclick = () =&gt; link.click();<br /> }<br /> });</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=MediaWiki:Citizen.css&diff=296 2026-08-06T13:17:03Z

<p>Filip Roček: </p> <hr /> <div>/* All CSS here will be loaded for users of the Citizen skin */<br /> :root {<br /> --color-surface-0: #171615;<br /> --color-surface-1: #171615;<br /> --color-surface-2: #151413;<br /> <br /> --color-base: #d9d2c5;<br /> --color-base-dark: #22201e;<br /> --color-neutral: #d9d2c5;<br /> --color-emphasized: #5f7f64;<br /> --color-subtle: #8CAB82;<br /> <br /> --border-color-base: #3b3732;<br /> --border-color-hover: #6a8f4e;<br /> <br /> --color-progressive: #9b7d47;<br /> --color-progressive--hover: #9b7d47;<br /> --color-destructive: #b05545;<br /> --color-destructive--hover: #b05545;<br /> }<br /> <br /> #siteSub {<br /> display: none;<br /> }<br /> <br /> .citizen-preferences-dropdown {<br /> display: none !important;<br /> }<br /> <br /> .home-hero {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 16px;<br /> padding: 30px;<br /> margin-bottom: 30px;<br /> text-align: center;<br /> }<br /> <br /> .hero-title {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> font-weight: 700;<br /> font-size: clamp(3rem, 8vw, 6rem);<br /> letter-spacing: 0.03em;<br /> line-height: 1;<br /> color: var(--color-emphasized);<br /> }<br /> <br /> .card-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 20px;<br /> }<br /> <br /> .card-grid &gt; p {<br /> display: none;<br /> }<br /> <br /> .home-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> padding: 20px;<br /> min-height: 120px;<br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> }<br /> <br /> .home-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .home-card a {<br /> display: block;<br /> font-size: 1.2rem;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> <br /> .race-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> padding: 20px;<br /> min-height: 120px;<br /> <br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> <br /> text-align: center;<br /> }<br /> <br /> .race-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .race-card a {<br /> display: block;<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-decoration: none;<br /> <br /> margin-bottom: 12px;<br /> }<br /> <br /> .race-card img {<br /> width: 100%;<br /> height: auto;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .firstHeading {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> margin-top: 80px;<br /> font-size: 3rem;<br /> font-weight: 700;<br /> margin-bottom: 0;<br /> }<br /> <br /> .citizen-page-header {<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> padding-bottom: 20px;<br /> margin-bottom: 20px;<br /> }<br /> <br /> .citizen-page-sidebar {<br /> order: -1;<br /> }<br /> <br /> .divu-infobox {<br /> float: right;<br /> width: 350px;<br /> margin: 0 0 20px 20px;<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-collapse: separate;<br /> border-spacing: 0;<br /> border-radius: 12px;<br /> overflow: hidden;<br /> }<br /> <br /> .divu-infobox-image {<br /> padding: 0;<br /> }<br /> <br /> .divu-infobox-image img {<br /> display: block;<br /> width: 100%;<br /> }<br /> <br /> .divu-infobox-title {<br /> background: var(--color-surface-2);<br /> <br /> color: var(--color-progressive);<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-align: center;<br /> <br /> padding: 12px;<br /> }<br /> <br /> .divu-infobox th {<br /> width: 50%;<br /> <br /> color: var(--color-progressive);<br /> <br /> text-align: left;<br /> <br /> padding: 10px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .divu-infobox td {<br /> padding: 16px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> <br /> line-height: 1.4;<br /> }<br /> <br /> .divu-infobox td p {<br /> margin: 0;<br /> }<br /> <br /> .beast-summary {<br /> display: grid;<br /> grid-template-columns: 1fr 233px;<br /> <br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> margin-bottom: 32px;<br /> }<br /> <br /> .beast-title {<br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> <br /> padding: 8px 0px 8px 40px;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .beast-title p {<br /> margin: 0;<br /> }<br /> <br /> .beast-title a {<br /> text-decoration: none;<br /> }<br /> <br /> .beast-description {<br /> padding: 0 24px;<br /> }<br /> <br /> .beast-side {<br /> background: Transparent;<br /> <br /> border-left: var(--border-width-base) solid var(--border-color-base);<br /> <br /> padding: 16px;<br /> align-self: start;<br /> }<br /> <br /> .beast-side img {<br /> width: 100%;<br /> <br /> aspect-ratio: 2 / 3;<br /> object-fit: cover;<br /> <br /> border-radius: 6px;<br /> }<br /> <br /> .character-grid {<br /> display: grid;<br /> grid-template-columns: repeat(auto-fill, 200px);<br /> gap: 12px;<br /> justify-content: start;<br /> }<br /> <br /> .character-card {<br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> text-align: center;<br /> cursor: pointer;<br /> transition: 0.2s ease;<br /> }<br /> <br /> .character-card:hover {<br /> border-color: var(--border-color-hover);<br /> transform: translateY(-2px);<br /> }<br /> <br /> .character-card img {<br /> width: 100%;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .character-card-title {<br /> padding: 8px;<br /> <br /> font-size: 1.2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> }<br /> <br /> <br /> @media (max-width: 768px) {<br /> .card-grid {<br /> grid-template-columns: 1fr;<br /> gap: 20px;<br /> }<br /> <br /> .beast-summary {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .beast-side {<br /> order: 1;<br /> <br /> border-left: none;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> <br /> display: flex;<br /> justify-content: center;<br /> <br /> padding: 16px;<br /> }<br /> <br /> .beast-content {<br /> order: 2;<br /> }<br /> <br /> .beast-title {<br /> padding: 16px 24px;<br /> }<br /> <br /> .beast-description {<br /> padding: 24px;<br /> }<br /> <br /> .beast-side img {<br /> width: 200px;<br /> }<br /> .character-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> }<br /> }</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=Hern%C3%AD_Postavy&diff=295 2026-08-06T13:15:18Z

<p>Filip Roček: </p> <hr /> <div>{{Character grid|{{Card character|obrazek=Alistar.jpg|stranka=Alistar}}<br /> {{Card character|obrazek=Analýza Poměnka.jpg |stranka=Analýza Poměnka}}<br /> }}</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=Hern%C3%AD_Postavy&diff=294 2026-08-06T13:10:32Z

<p>Filip Roček: </p> <hr /> <div>[[Alistar]]<br /> <br /> [[Analýza Poměnka]]<br /> <br /> <br /> <br /> {{Character grid|{{Card character|obrazek=Alistar.jpg|stranka=Alistar}}<br /> {{Card character|obrazek=Alistar.jpg|stranka=Alistar}}<br /> {{Card character|obrazek=Alistar.jpg|stranka=Alistar}}<br /> {{Card character|obrazek=Alistar.jpg|stranka=Alistar}}<br /> {{Card character|obrazek=Alistar.jpg|stranka=Alistar}}<br /> {{Card character|obrazek=Alistar.jpg|stranka=Alistar}}<br /> {{Card character|obrazek=Alistar.jpg|stranka=Alistar}}<br /> {{Card character|obrazek=Alistar.jpg|stranka=Alistar}}<br /> {{Card character|obrazek=Alistar.jpg|stranka=Alistar}}}}</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=MediaWiki:Citizen.css&diff=293 2026-08-06T13:04:02Z

<p>Filip Roček: </p> <hr /> <div>/* All CSS here will be loaded for users of the Citizen skin */<br /> :root {<br /> --color-surface-0: #171615;<br /> --color-surface-1: #171615;<br /> --color-surface-2: #151413;<br /> <br /> --color-base: #d9d2c5;<br /> --color-base-dark: #22201e;<br /> --color-neutral: #d9d2c5;<br /> --color-emphasized: #5f7f64;<br /> --color-subtle: #8CAB82;<br /> <br /> --border-color-base: #3b3732;<br /> --border-color-hover: #6a8f4e;<br /> <br /> --color-progressive: #9b7d47;<br /> --color-progressive--hover: #9b7d47;<br /> --color-destructive: #b05545;<br /> --color-destructive--hover: #b05545;<br /> }<br /> <br /> #siteSub {<br /> display: none;<br /> }<br /> <br /> .citizen-preferences-dropdown {<br /> display: none !important;<br /> }<br /> <br /> .home-hero {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 16px;<br /> padding: 30px;<br /> margin-bottom: 30px;<br /> text-align: center;<br /> }<br /> <br /> .hero-title {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> font-weight: 700;<br /> font-size: clamp(3rem, 8vw, 6rem);<br /> letter-spacing: 0.03em;<br /> line-height: 1;<br /> color: var(--color-emphasized);<br /> }<br /> <br /> .card-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 20px;<br /> }<br /> <br /> .card-grid &gt; p {<br /> display: none;<br /> }<br /> <br /> .home-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> padding: 20px;<br /> min-height: 120px;<br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> }<br /> <br /> .home-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .home-card a {<br /> display: block;<br /> font-size: 1.2rem;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> <br /> .race-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> padding: 20px;<br /> min-height: 120px;<br /> <br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> <br /> text-align: center;<br /> }<br /> <br /> .race-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .race-card a {<br /> display: block;<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-decoration: none;<br /> <br /> margin-bottom: 12px;<br /> }<br /> <br /> .race-card img {<br /> width: 100%;<br /> height: auto;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .firstHeading {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> margin-top: 80px;<br /> font-size: 3rem;<br /> font-weight: 700;<br /> margin-bottom: 0;<br /> }<br /> <br /> .citizen-page-header {<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> padding-bottom: 20px;<br /> margin-bottom: 20px;<br /> }<br /> <br /> .citizen-page-sidebar {<br /> order: -1;<br /> }<br /> <br /> .divu-infobox {<br /> float: right;<br /> width: 350px;<br /> margin: 0 0 20px 20px;<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-collapse: separate;<br /> border-spacing: 0;<br /> border-radius: 12px;<br /> overflow: hidden;<br /> }<br /> <br /> .divu-infobox-image {<br /> padding: 0;<br /> }<br /> <br /> .divu-infobox-image img {<br /> display: block;<br /> width: 100%;<br /> }<br /> <br /> .divu-infobox-title {<br /> background: var(--color-surface-2);<br /> <br /> color: var(--color-progressive);<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-align: center;<br /> <br /> padding: 12px;<br /> }<br /> <br /> .divu-infobox th {<br /> width: 50%;<br /> <br /> color: var(--color-progressive);<br /> <br /> text-align: left;<br /> <br /> padding: 10px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .divu-infobox td {<br /> padding: 16px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> <br /> line-height: 1.4;<br /> }<br /> <br /> .divu-infobox td p {<br /> margin: 0;<br /> }<br /> <br /> .beast-summary {<br /> display: grid;<br /> grid-template-columns: 1fr 233px;<br /> <br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> margin-bottom: 32px;<br /> }<br /> <br /> .beast-title {<br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> <br /> padding: 8px 0px 8px 40px;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .beast-title p {<br /> margin: 0;<br /> }<br /> <br /> .beast-title a {<br /> text-decoration: none;<br /> }<br /> <br /> .beast-description {<br /> padding: 0 24px;<br /> }<br /> <br /> .beast-side {<br /> background: Transparent;<br /> <br /> border-left: var(--border-width-base) solid var(--border-color-base);<br /> <br /> padding: 16px;<br /> align-self: start;<br /> }<br /> <br /> .beast-side img {<br /> width: 100%;<br /> <br /> aspect-ratio: 2 / 3;<br /> object-fit: cover;<br /> <br /> border-radius: 6px;<br /> }<br /> <br /> .character-grid {<br /> display: grid;<br /> grid-template-columns: repeat(auto-fill, 200px);<br /> gap: 12px;<br /> justify-content: start;<br /> }<br /> <br /> .character-card {<br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> text-align: center;<br /> }<br /> <br /> .character-card img {<br /> width: 100%;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .character-card-title {<br /> padding: 8px;<br /> <br /> font-size: 1.2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> }<br /> <br /> <br /> @media (max-width: 768px) {<br /> .card-grid {<br /> grid-template-columns: 1fr;<br /> gap: 20px;<br /> }<br /> <br /> .beast-summary {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .beast-side {<br /> order: 1;<br /> <br /> border-left: none;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> <br /> display: flex;<br /> justify-content: center;<br /> <br /> padding: 16px;<br /> }<br /> <br /> .beast-content {<br /> order: 2;<br /> }<br /> <br /> .beast-title {<br /> padding: 16px 24px;<br /> }<br /> <br /> .beast-description {<br /> padding: 24px;<br /> }<br /> <br /> .beast-side img {<br /> width: 200px;<br /> }<br /> .character-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> }<br /> }</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=MediaWiki:Citizen.css&diff=292 2026-08-06T13:03:14Z

<p>Filip Roček: </p> <hr /> <div>/* All CSS here will be loaded for users of the Citizen skin */<br /> :root {<br /> --color-surface-0: #171615;<br /> --color-surface-1: #171615;<br /> --color-surface-2: #151413;<br /> <br /> --color-base: #d9d2c5;<br /> --color-base-dark: #22201e;<br /> --color-neutral: #d9d2c5;<br /> --color-emphasized: #5f7f64;<br /> --color-subtle: #8CAB82;<br /> <br /> --border-color-base: #3b3732;<br /> --border-color-hover: #6a8f4e;<br /> <br /> --color-progressive: #9b7d47;<br /> --color-progressive--hover: #9b7d47;<br /> --color-destructive: #b05545;<br /> --color-destructive--hover: #b05545;<br /> }<br /> <br /> #siteSub {<br /> display: none;<br /> }<br /> <br /> .citizen-preferences-dropdown {<br /> display: none !important;<br /> }<br /> <br /> .home-hero {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 16px;<br /> padding: 30px;<br /> margin-bottom: 30px;<br /> text-align: center;<br /> }<br /> <br /> .hero-title {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> font-weight: 700;<br /> font-size: clamp(3rem, 8vw, 6rem);<br /> letter-spacing: 0.03em;<br /> line-height: 1;<br /> color: var(--color-emphasized);<br /> }<br /> <br /> .card-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 20px;<br /> }<br /> <br /> .card-grid &gt; p {<br /> display: none;<br /> }<br /> <br /> .home-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> padding: 20px;<br /> min-height: 120px;<br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> }<br /> <br /> .home-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .home-card a {<br /> display: block;<br /> font-size: 1.2rem;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> <br /> .race-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> padding: 20px;<br /> min-height: 120px;<br /> <br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> <br /> text-align: center;<br /> }<br /> <br /> .race-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .race-card a {<br /> display: block;<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-decoration: none;<br /> <br /> margin-bottom: 12px;<br /> }<br /> <br /> .race-card img {<br /> width: 100%;<br /> height: auto;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .firstHeading {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> margin-top: 80px;<br /> font-size: 3rem;<br /> font-weight: 700;<br /> margin-bottom: 0;<br /> }<br /> <br /> .citizen-page-header {<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> padding-bottom: 20px;<br /> margin-bottom: 20px;<br /> }<br /> <br /> .citizen-page-sidebar {<br /> order: -1;<br /> }<br /> <br /> .divu-infobox {<br /> float: right;<br /> width: 350px;<br /> margin: 0 0 20px 20px;<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-collapse: separate;<br /> border-spacing: 0;<br /> border-radius: 12px;<br /> overflow: hidden;<br /> }<br /> <br /> .divu-infobox-image {<br /> padding: 0;<br /> }<br /> <br /> .divu-infobox-image img {<br /> display: block;<br /> width: 100%;<br /> }<br /> <br /> .divu-infobox-title {<br /> background: var(--color-surface-2);<br /> <br /> color: var(--color-progressive);<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-align: center;<br /> <br /> padding: 12px;<br /> }<br /> <br /> .divu-infobox th {<br /> width: 50%;<br /> <br /> color: var(--color-progressive);<br /> <br /> text-align: left;<br /> <br /> padding: 10px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .divu-infobox td {<br /> padding: 16px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> <br /> line-height: 1.4;<br /> }<br /> <br /> .divu-infobox td p {<br /> margin: 0;<br /> }<br /> <br /> .beast-summary {<br /> display: grid;<br /> grid-template-columns: 1fr 233px;<br /> <br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> margin-bottom: 32px;<br /> }<br /> <br /> .beast-title {<br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> <br /> padding: 8px 0px 8px 40px;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .beast-title p {<br /> margin: 0;<br /> }<br /> <br /> .beast-title a {<br /> text-decoration: none;<br /> }<br /> <br /> .beast-description {<br /> padding: 0 24px;<br /> }<br /> <br /> .beast-side {<br /> background: Transparent;<br /> <br /> border-left: var(--border-width-base) solid var(--border-color-base);<br /> <br /> padding: 16px;<br /> align-self: start;<br /> }<br /> <br /> .beast-side img {<br /> width: 100%;<br /> <br /> aspect-ratio: 2 / 3;<br /> object-fit: cover;<br /> <br /> border-radius: 6px;<br /> }<br /> <br /> .character-grid {<br /> display: grid;<br /> grid-template-columns: repeat(auto-fill, 200px);<br /> gap: 12px;<br /> }<br /> <br /> .character-card {<br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> text-align: center;<br /> }<br /> <br /> .character-card img {<br /> width: 100%;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .character-card-title {<br /> padding: 8px;<br /> <br /> font-size: 1.2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> }<br /> <br /> <br /> @media (max-width: 768px) {<br /> .card-grid {<br /> grid-template-columns: 1fr;<br /> gap: 20px;<br /> }<br /> <br /> .beast-summary {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .beast-side {<br /> order: 1;<br /> <br /> border-left: none;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> <br /> display: flex;<br /> justify-content: center;<br /> <br /> padding: 16px;<br /> }<br /> <br /> .beast-content {<br /> order: 2;<br /> }<br /> <br /> .beast-title {<br /> padding: 16px 24px;<br /> }<br /> <br /> .beast-description {<br /> padding: 24px;<br /> }<br /> <br /> .beast-side img {<br /> width: 200px;<br /> }<br /> .character-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> }<br /> }</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=MediaWiki:Citizen.css&diff=291 2026-08-06T13:02:49Z

<p>Filip Roček: </p> <hr /> <div>/* All CSS here will be loaded for users of the Citizen skin */<br /> :root {<br /> --color-surface-0: #171615;<br /> --color-surface-1: #171615;<br /> --color-surface-2: #151413;<br /> <br /> --color-base: #d9d2c5;<br /> --color-base-dark: #22201e;<br /> --color-neutral: #d9d2c5;<br /> --color-emphasized: #5f7f64;<br /> --color-subtle: #8CAB82;<br /> <br /> --border-color-base: #3b3732;<br /> --border-color-hover: #6a8f4e;<br /> <br /> --color-progressive: #9b7d47;<br /> --color-progressive--hover: #9b7d47;<br /> --color-destructive: #b05545;<br /> --color-destructive--hover: #b05545;<br /> }<br /> <br /> #siteSub {<br /> display: none;<br /> }<br /> <br /> .citizen-preferences-dropdown {<br /> display: none !important;<br /> }<br /> <br /> .home-hero {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 16px;<br /> padding: 30px;<br /> margin-bottom: 30px;<br /> text-align: center;<br /> }<br /> <br /> .hero-title {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> font-weight: 700;<br /> font-size: clamp(3rem, 8vw, 6rem);<br /> letter-spacing: 0.03em;<br /> line-height: 1;<br /> color: var(--color-emphasized);<br /> }<br /> <br /> .card-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 20px;<br /> }<br /> <br /> .card-grid &gt; p {<br /> display: none;<br /> }<br /> <br /> .home-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> padding: 20px;<br /> min-height: 120px;<br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> }<br /> <br /> .home-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .home-card a {<br /> display: block;<br /> font-size: 1.2rem;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> <br /> .race-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> padding: 20px;<br /> min-height: 120px;<br /> <br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> <br /> text-align: center;<br /> }<br /> <br /> .race-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .race-card a {<br /> display: block;<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-decoration: none;<br /> <br /> margin-bottom: 12px;<br /> }<br /> <br /> .race-card img {<br /> width: 100%;<br /> height: auto;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .firstHeading {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> margin-top: 80px;<br /> font-size: 3rem;<br /> font-weight: 700;<br /> margin-bottom: 0;<br /> }<br /> <br /> .citizen-page-header {<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> padding-bottom: 20px;<br /> margin-bottom: 20px;<br /> }<br /> <br /> .citizen-page-sidebar {<br /> order: -1;<br /> }<br /> <br /> .divu-infobox {<br /> float: right;<br /> width: 350px;<br /> margin: 0 0 20px 20px;<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-collapse: separate;<br /> border-spacing: 0;<br /> border-radius: 12px;<br /> overflow: hidden;<br /> }<br /> <br /> .divu-infobox-image {<br /> padding: 0;<br /> }<br /> <br /> .divu-infobox-image img {<br /> display: block;<br /> width: 100%;<br /> }<br /> <br /> .divu-infobox-title {<br /> background: var(--color-surface-2);<br /> <br /> color: var(--color-progressive);<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-align: center;<br /> <br /> padding: 12px;<br /> }<br /> <br /> .divu-infobox th {<br /> width: 50%;<br /> <br /> color: var(--color-progressive);<br /> <br /> text-align: left;<br /> <br /> padding: 10px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .divu-infobox td {<br /> padding: 16px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> <br /> line-height: 1.4;<br /> }<br /> <br /> .divu-infobox td p {<br /> margin: 0;<br /> }<br /> <br /> .beast-summary {<br /> display: grid;<br /> grid-template-columns: 1fr 233px;<br /> <br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> margin-bottom: 32px;<br /> }<br /> <br /> .beast-title {<br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> <br /> padding: 8px 0px 8px 40px;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .beast-title p {<br /> margin: 0;<br /> }<br /> <br /> .beast-title a {<br /> text-decoration: none;<br /> }<br /> <br /> .beast-description {<br /> padding: 0 24px;<br /> }<br /> <br /> .beast-side {<br /> background: Transparent;<br /> <br /> border-left: var(--border-width-base) solid var(--border-color-base);<br /> <br /> padding: 16px;<br /> align-self: start;<br /> }<br /> <br /> .beast-side img {<br /> width: 100%;<br /> <br /> aspect-ratio: 2 / 3;<br /> object-fit: cover;<br /> <br /> border-radius: 6px;<br /> }<br /> <br /> .character-grid {<br /> display: grid;<br /> grid-template-columns: repeat(5, 200px);<br /> gap: 12px;<br /> }<br /> <br /> .character-card {<br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> text-align: center;<br /> }<br /> <br /> .character-card img {<br /> width: 100%;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .character-card-title {<br /> padding: 8px;<br /> <br /> font-size: 1.2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> }<br /> <br /> <br /> @media (max-width: 768px) {<br /> .card-grid {<br /> grid-template-columns: 1fr;<br /> gap: 20px;<br /> }<br /> <br /> .beast-summary {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .beast-side {<br /> order: 1;<br /> <br /> border-left: none;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> <br /> display: flex;<br /> justify-content: center;<br /> <br /> padding: 16px;<br /> }<br /> <br /> .beast-content {<br /> order: 2;<br /> }<br /> <br /> .beast-title {<br /> padding: 16px 24px;<br /> }<br /> <br /> .beast-description {<br /> padding: 24px;<br /> }<br /> <br /> .beast-side img {<br /> width: 200px;<br /> }<br /> .character-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> }<br /> }</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=Hern%C3%AD_Postavy&diff=290 2026-08-06T13:01:12Z

<p>Filip Roček: </p> <hr /> <div>[[Alistar]]<br /> <br /> [[Analýza Poměnka]]<br /> <br /> <br /> <br /> {{Character grid|{{Card character|obrazek=Alistar.jpg|stranka=Alistar}}<br /> <br /> {{Card character|obrazek=Alistar.jpg|stranka=Alistar}}<br /> <br /> {{Card character|obrazek=Alistar.jpg|stranka=Alistar}}<br /> <br /> {{Card character|obrazek=Alistar.jpg|stranka=Alistar}}<br /> <br /> {{Card character|obrazek=Alistar.jpg|stranka=Alistar}}<br /> <br /> {{Card character|obrazek=Alistar.jpg|stranka=Alistar}}<br /> <br /> {{Card character|obrazek=Alistar.jpg|stranka=Alistar}}<br /> <br /> {{Card character|obrazek=Alistar.jpg|stranka=Alistar}}<br /> <br /> {{Card character|obrazek=Alistar.jpg|stranka=Alistar}}}}</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=%C5%A0ablona:Character_grid&diff=289 2026-08-06T13:00:48Z

<p>Filip Roček: </p> <hr /> <div>&lt;div class=&quot;character-grid&quot;&gt;<br /> <br /> {{{1|}}}<br /> <br /> &lt;/div&gt;</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=Hern%C3%AD_Postavy&diff=288 2026-08-06T12:59:52Z

<p>Filip Roček: </p> <hr /> <div>[[Alistar]]<br /> <br /> [[Analýza Poměnka]]<br /> <br /> <br /> <br /> {{Character grid}}</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=%C5%A0ablona:Character_grid&diff=287 2026-08-06T12:58:22Z

<p>Filip Roček: založena nová stránka s textem „&lt;div class=&quot;card-grid&quot;&gt; {{{1|}}} &lt;/div&gt;“</p> <hr /> <div>&lt;div class=&quot;card-grid&quot;&gt;<br /> <br /> {{{1|}}}<br /> <br /> &lt;/div&gt;</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=%C5%A0ablona:Card_character&diff=286 2026-08-06T12:57:17Z

<p>Filip Roček: </p> <hr /> <div>&lt;div class=&quot;character-card&quot;&gt;<br /> <br /> [[Soubor:{{{obrazek|placeholder-character.png}}}|center|200pixelů|link=]]<br /> <br /> &lt;div class=&quot;character-card-title&quot;&gt;<br /> [[{{{stranka}}}]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> &lt;noinclude&gt;<br /> &lt;templatedata&gt;<br /> {<br /> &quot;params&quot;: {<br /> &quot;obrazek&quot;: {<br /> &quot;label&quot;: &quot;Obrázek&quot;,<br /> &quot;type&quot;: &quot;wiki-file-name&quot;,<br /> &quot;required&quot;: true,<br /> &quot;autovalue&quot;: &quot;placeholder-character.png&quot;<br /> },<br /> &quot;stranka&quot;: {<br /> &quot;label&quot;: &quot;Stránka&quot;,<br /> &quot;type&quot;: &quot;wiki-page-name&quot;,<br /> &quot;required&quot;: true<br /> }<br /> },<br /> &quot;paramOrder&quot;: [<br /> &quot;obrazek&quot;,<br /> &quot;stranka&quot;<br /> ]<br /> }<br /> &lt;/templatedata&gt;<br /> &lt;/noinclude&gt;</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=%C5%A0ablona:Card_character&diff=285 2026-08-06T12:56:23Z

<p>Filip Roček: </p> <hr /> <div>&lt;div class=&quot;character-card&quot;&gt;<br /> <br /> [[Soubor:{{{obrazek}}}|link=]]<br /> <br /> &lt;div class=&quot;character-card-title&quot;&gt;<br /> [[{{{stranka}}}]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> &lt;noinclude&gt;<br /> &lt;templatedata&gt;<br /> {<br /> &quot;params&quot;: {<br /> &quot;obrazek&quot;: {<br /> &quot;label&quot;: &quot;Obrázek&quot;,<br /> &quot;type&quot;: &quot;wiki-file-name&quot;,<br /> &quot;required&quot;: true,<br /> &quot;autovalue&quot;: &quot;placeholder-character.png&quot;<br /> },<br /> &quot;stranka&quot;: {<br /> &quot;label&quot;: &quot;Stránka&quot;,<br /> &quot;type&quot;: &quot;wiki-page-name&quot;,<br /> &quot;required&quot;: true<br /> }<br /> },<br /> &quot;paramOrder&quot;: [<br /> &quot;obrazek&quot;,<br /> &quot;stranka&quot;<br /> ]<br /> }<br /> &lt;/templatedata&gt;<br /> &lt;/noinclude&gt;</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=%C5%A0ablona:Card_character&diff=284 2026-08-06T12:55:46Z

<p>Filip Roček: </p> <hr /> <div>&lt;div class=&quot;character-card&quot;&gt;<br /> <br /> [[Soubor:{{{obrazek}}}|link=]]<br /> <br /> &lt;div class=&quot;character-card-title&quot;&gt;<br /> [[{{{stranka}}}]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> &lt;noinclude&gt;<br /> &lt;templatedata&gt;<br /> {<br /> &quot;params&quot;: {<br /> &quot;obrazek&quot;: {<br /> &quot;label&quot;: &quot;Obrázek&quot;,<br /> &quot;type&quot;: &quot;wiki-file-name&quot;,<br /> &quot;default&quot;: &quot;placeholder-character.png&quot;,<br /> &quot;required&quot;: true<br /> },<br /> &quot;stranka&quot;: {<br /> &quot;label&quot;: &quot;Stránka&quot;,<br /> &quot;type&quot;: &quot;wiki-page-name&quot;,<br /> &quot;required&quot;: true<br /> }<br /> },<br /> &quot;paramOrder&quot;: [<br /> &quot;obrazek&quot;,<br /> &quot;stranka&quot;<br /> ]<br /> }<br /> &lt;/templatedata&gt;<br /> &lt;/noinclude&gt;</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=%C5%A0ablona:Card_character&diff=283 2026-08-06T12:53:42Z

<p>Filip Roček: založena nová stránka s textem „&lt;div class=&quot;character-card&quot;&gt; link= &lt;div class=&quot;character-card-title&quot;&gt; {{{jmeno}}} &lt;/div&gt; &lt;/div&gt;“</p> <hr /> <div>&lt;div class=&quot;character-card&quot;&gt;<br /> <br /> [[Soubor:{{{obrazek}}}|link=]]<br /> <br /> &lt;div class=&quot;character-card-title&quot;&gt;<br /> [[{{{stranka}}}|{{{jmeno}}}]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=MediaWiki:Citizen.css&diff=282 2026-08-06T12:52:41Z

<p>Filip Roček: </p> <hr /> <div>/* All CSS here will be loaded for users of the Citizen skin */<br /> :root {<br /> --color-surface-0: #171615;<br /> --color-surface-1: #171615;<br /> --color-surface-2: #151413;<br /> <br /> --color-base: #d9d2c5;<br /> --color-base-dark: #22201e;<br /> --color-neutral: #d9d2c5;<br /> --color-emphasized: #5f7f64;<br /> --color-subtle: #8CAB82;<br /> <br /> --border-color-base: #3b3732;<br /> --border-color-hover: #6a8f4e;<br /> <br /> --color-progressive: #9b7d47;<br /> --color-progressive--hover: #9b7d47;<br /> --color-destructive: #b05545;<br /> --color-destructive--hover: #b05545;<br /> }<br /> <br /> #siteSub {<br /> display: none;<br /> }<br /> <br /> .citizen-preferences-dropdown {<br /> display: none !important;<br /> }<br /> <br /> .home-hero {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 16px;<br /> padding: 30px;<br /> margin-bottom: 30px;<br /> text-align: center;<br /> }<br /> <br /> .hero-title {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> font-weight: 700;<br /> font-size: clamp(3rem, 8vw, 6rem);<br /> letter-spacing: 0.03em;<br /> line-height: 1;<br /> color: var(--color-emphasized);<br /> }<br /> <br /> .card-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 20px;<br /> }<br /> <br /> .card-grid &gt; p {<br /> display: none;<br /> }<br /> <br /> .home-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> padding: 20px;<br /> min-height: 120px;<br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> }<br /> <br /> .home-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .home-card a {<br /> display: block;<br /> font-size: 1.2rem;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> <br /> .race-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> padding: 20px;<br /> min-height: 120px;<br /> <br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> <br /> text-align: center;<br /> }<br /> <br /> .race-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .race-card a {<br /> display: block;<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-decoration: none;<br /> <br /> margin-bottom: 12px;<br /> }<br /> <br /> .race-card img {<br /> width: 100%;<br /> height: auto;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .firstHeading {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> margin-top: 80px;<br /> font-size: 3rem;<br /> font-weight: 700;<br /> margin-bottom: 0;<br /> }<br /> <br /> .citizen-page-header {<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> padding-bottom: 20px;<br /> margin-bottom: 20px;<br /> }<br /> <br /> .citizen-page-sidebar {<br /> order: -1;<br /> }<br /> <br /> .divu-infobox {<br /> float: right;<br /> width: 350px;<br /> margin: 0 0 20px 20px;<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-collapse: separate;<br /> border-spacing: 0;<br /> border-radius: 12px;<br /> overflow: hidden;<br /> }<br /> <br /> .divu-infobox-image {<br /> padding: 0;<br /> }<br /> <br /> .divu-infobox-image img {<br /> display: block;<br /> width: 100%;<br /> }<br /> <br /> .divu-infobox-title {<br /> background: var(--color-surface-2);<br /> <br /> color: var(--color-progressive);<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-align: center;<br /> <br /> padding: 12px;<br /> }<br /> <br /> .divu-infobox th {<br /> width: 50%;<br /> <br /> color: var(--color-progressive);<br /> <br /> text-align: left;<br /> <br /> padding: 10px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .divu-infobox td {<br /> padding: 16px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> <br /> line-height: 1.4;<br /> }<br /> <br /> .divu-infobox td p {<br /> margin: 0;<br /> }<br /> <br /> .beast-summary {<br /> display: grid;<br /> grid-template-columns: 1fr 233px;<br /> <br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> margin-bottom: 32px;<br /> }<br /> <br /> .beast-title {<br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> <br /> padding: 8px 0px 8px 40px;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .beast-title p {<br /> margin: 0;<br /> }<br /> <br /> .beast-title a {<br /> text-decoration: none;<br /> }<br /> <br /> .beast-description {<br /> padding: 0 24px;<br /> }<br /> <br /> .beast-side {<br /> background: Transparent;<br /> <br /> border-left: var(--border-width-base) solid var(--border-color-base);<br /> <br /> padding: 16px;<br /> align-self: start;<br /> }<br /> <br /> .beast-side img {<br /> width: 100%;<br /> <br /> aspect-ratio: 2 / 3;<br /> object-fit: cover;<br /> <br /> border-radius: 6px;<br /> }<br /> <br /> .character-grid {<br /> display: grid;<br /> grid-template-columns: repeat(5, 1fr);<br /> gap: 12px;<br /> }<br /> <br /> .character-card {<br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> text-align: center;<br /> }<br /> <br /> .character-card img {<br /> width: 100%;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .character-card-title {<br /> padding: 8px;<br /> <br /> font-size: 1.2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> }<br /> <br /> <br /> @media (max-width: 768px) {<br /> .card-grid {<br /> grid-template-columns: 1fr;<br /> gap: 20px;<br /> }<br /> <br /> .beast-summary {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .beast-side {<br /> order: 1;<br /> <br /> border-left: none;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> <br /> display: flex;<br /> justify-content: center;<br /> <br /> padding: 16px;<br /> }<br /> <br /> .beast-content {<br /> order: 2;<br /> }<br /> <br /> .beast-title {<br /> padding: 16px 24px;<br /> }<br /> <br /> .beast-description {<br /> padding: 24px;<br /> }<br /> <br /> .beast-side img {<br /> width: 200px;<br /> }<br /> .character-grid {<br /> grid-template-columns: repeat(2, 1fr);<br /> }<br /> }</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=Anal%C3%BDza_Pom%C4%9Bnka&diff=281 2026-08-06T12:48:50Z

<p>Filip Roček: </p> <hr /> <div>{{Infobox player|obrazek=Analýza Poměnka.jpg|jmeno=Analýza Poměnka|rasa=[[Hobiti|Hobit]]|stav=Mrtvý|naposledy_spatren=Ruiny Obelisku|vyskyt=1. Ročník|povolani=[[Magie Podsvětí]]<br /> [[Mystik]]&lt;br&gt;<br /> [[Průzkumník]]}}<br /> <br /> Analýza Poměnka, celým jménem Analýza Evžénie Irenka Olivka Uršula Poměnka.<br /> <br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vel nibh molestie, vestibulum dolor et, auctor nulla. Pellentesque vel faucibus mauris, ut vulputate nunc. Etiam convallis egestas maximus. Nunc id orci dapibus, ultricies tellus non, interdum tellus. Etiam ac metus ornare, pulvinar nunc et, vehicula urna. Nullam fringilla orci in neque mollis pretium. Quisque ac augue dignissim, fermentum dui ut, posuere sem. Vivamus dignissim vitae eros eu feugiat. Proin a iaculis ex. Vestibulum accumsan auctor nulla, eget consectetur dui gravida et.<br /> <br /> Donec tempor, ligula quis sollicitudin commodo, nibh sem suscipit lacus, pretium malesuada nisl lacus at magna. Mauris eleifend nec diam at facilisis. Suspendisse condimentum convallis urna sit amet mattis. Phasellus nec urna dui. Nullam suscipit purus sem. Pellentesque eros velit, hendrerit eu porttitor non, ornare efficitur tortor. Ut maximus odio justo, sit amet vehicula felis porta ut. Nunc mattis sem id mauris volutpat, vel ultricies libero scelerisque. Donec condimentum nunc id magna porta pulvinar. Pellentesque vel neque a dolor facilisis rutrum ut in lectus. Praesent dignissim eu turpis et pellentesque. In aliquet quam magna, id ultrices orci suscipit ut. Pellentesque quis scelerisque massa. Maecenas consectetur tortor ut tellus ornare, in vehicula nibh blandit.<br /> <br /> Donec ultricies aliquet tortor vel consectetur. Vestibulum libero tortor, porta in leo et, faucibus fermentum lectus. Curabitur varius orci molestie, eleifend nunc quis, rutrum nisi. Donec molestie urna tellus, vitae accumsan eros pellentesque sed. Nulla tincidunt, risus vitae condimentum vestibulum, nunc lorem suscipit felis, in cursus nisi risus id purus. Cras vulputate accumsan dolor et maximus. Vivamus molestie, nulla ac gravida volutpat, nisi neque vehicula leo, id viverra odio sem eget lorem. Sed aliquet elementum purus at ultrices. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque vestibulum dictum libero, sed congue ligula lobortis quis. Pellentesque a euismod metus. Nunc vulputate pretium mi ac interdum. Suspendisse ac turpis non ex luctus hendrerit. Cras varius tristique lorem. Morbi ut velit sit amet libero auctor tincidunt aliquet id dui. In sit amet malesuada lorem.<br /> <br /> Aenean sollicitudin ligula mi, id imperdiet ante semper at. Suspendisse vel ex facilisis, sodales arcu vel, laoreet risus. Donec lacinia posuere turpis, at tincidunt mi facilisis rutrum. Phasellus eros sem, efficitur fringilla erat non, ultricies condimentum lacus. In odio urna, condimentum vehicula ullamcorper et, fermentum eget quam. Aenean ante mauris, vestibulum eu elit ut, interdum maximus justo. Phasellus in accumsan leo.<br /> <br /> Sed vitae orci ut enim fermentum laoreet ac id quam. Mauris tristique massa sit amet ipsum dictum egestas. Sed augue ligula, tempus ut scelerisque in, sodales non lacus. Praesent neque mauris, faucibus non vestibulum sit amet, lobortis a libero. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Cras lacus metus, vulputate nec est eu, accumsan ornare purus. Vivamus ac tincidunt mauris. Mauris viverra nisl sit amet sollicitudin molestie. Cras non rutrum nisi. Nulla vehicula vehicula ipsum feugiat venenatis. Vestibulum scelerisque urna eget nulla aliquam suscipit. Nunc ultrices viverra nisl, sit amet porttitor massa vehicula eu. Vestibulum sem lorem, commodo id venenatis in, imperdiet dictum ligula. Curabitur convallis varius eros sit amet pharetra.<br /> [[Kategorie:Herní Postavy]]</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=Alistar&diff=280 2026-08-06T12:48:26Z

<p>Filip Roček: </p> <hr /> <div>{{Infobox player|obrazek=Alistar.jpg|jmeno=Alistar|rasa=[[Noxijci|Noxijec]]|povolani=[[Průzkumník]]<br /> [[Rytíř]]&lt;br&gt;<br /> [[Řemeslník]]|stav=Živý|naposledy_spatren=Ruiny Obelisku|vyskyt=1. Ročník}}Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vel nibh molestie, vestibulum dolor et, auctor nulla. Pellentesque vel faucibus mauris, ut vulputate nunc. Etiam convallis egestas maximus. Nunc id orci dapibus, ultricies tellus non, interdum tellus. Etiam ac metus ornare, pulvinar nunc et, vehicula urna. Nullam fringilla orci in neque mollis pretium. Quisque ac augue dignissim, fermentum dui ut, posuere sem. Vivamus dignissim vitae eros eu feugiat. Proin a iaculis ex. Vestibulum accumsan auctor nulla, eget consectetur dui gravida et.<br /> <br /> Donec tempor, ligula quis sollicitudin commodo, nibh sem suscipit lacus, pretium malesuada nisl lacus at magna. Mauris eleifend nec diam at facilisis. Suspendisse condimentum convallis urna sit amet mattis. Phasellus nec urna dui. Nullam suscipit purus sem. Pellentesque eros velit, hendrerit eu porttitor non, ornare efficitur tortor. Ut maximus odio justo, sit amet vehicula felis porta ut. Nunc mattis sem id mauris volutpat, vel ultricies libero scelerisque. Donec condimentum nunc id magna porta pulvinar. Pellentesque vel neque a dolor facilisis rutrum ut in lectus. Praesent dignissim eu turpis et pellentesque. In aliquet quam magna, id ultrices orci suscipit ut. Pellentesque quis scelerisque massa. Maecenas consectetur tortor ut tellus ornare, in vehicula nibh blandit.<br /> <br /> Donec ultricies aliquet tortor vel consectetur. Vestibulum libero tortor, porta in leo et, faucibus fermentum lectus. Curabitur varius orci molestie, eleifend nunc quis, rutrum nisi. Donec molestie urna tellus, vitae accumsan eros pellentesque sed. Nulla tincidunt, risus vitae condimentum vestibulum, nunc lorem suscipit felis, in cursus nisi risus id purus. Cras vulputate accumsan dolor et maximus. Vivamus molestie, nulla ac gravida volutpat, nisi neque vehicula leo, id viverra odio sem eget lorem. Sed aliquet elementum purus at ultrices. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque vestibulum dictum libero, sed congue ligula lobortis quis. Pellentesque a euismod metus. Nunc vulputate pretium mi ac interdum. Suspendisse ac turpis non ex luctus hendrerit. Cras varius tristique lorem. Morbi ut velit sit amet libero auctor tincidunt aliquet id dui. In sit amet malesuada lorem.<br /> <br /> Aenean sollicitudin ligula mi, id imperdiet ante semper at. Suspendisse vel ex facilisis, sodales arcu vel, laoreet risus. Donec lacinia posuere turpis, at tincidunt mi facilisis rutrum. Phasellus eros sem, efficitur fringilla erat non, ultricies condimentum lacus. In odio urna, condimentum vehicula ullamcorper et, fermentum eget quam. Aenean ante mauris, vestibulum eu elit ut, interdum maximus justo. Phasellus in accumsan leo.<br /> <br /> Sed vitae orci ut enim fermentum laoreet ac id quam. Mauris tristique massa sit amet ipsum dictum egestas. Sed augue ligula, tempus ut scelerisque in, sodales non lacus. Praesent neque mauris, faucibus non vestibulum sit amet, lobortis a libero. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Cras lacus metus, vulputate nec est eu, accumsan ornare purus. Vivamus ac tincidunt mauris. Mauris viverra nisl sit amet sollicitudin molestie. Cras non rutrum nisi. Nulla vehicula vehicula ipsum feugiat venenatis. Vestibulum scelerisque urna eget nulla aliquam suscipit. Nunc ultrices viverra nisl, sit amet porttitor massa vehicula eu. Vestibulum sem lorem, commodo id venenatis in, imperdiet dictum ligula. Curabitur convallis varius eros sit amet pharetra.<br /> [[Kategorie:Herní Postavy]]</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=MediaWiki:Citizen.css&diff=279 2026-08-04T14:01:57Z

<p>Filip Roček: </p> <hr /> <div>/* All CSS here will be loaded for users of the Citizen skin */<br /> :root {<br /> --color-surface-0: #171615;<br /> --color-surface-1: #171615;<br /> --color-surface-2: #151413;<br /> <br /> --color-base: #d9d2c5;<br /> --color-base-dark: #22201e;<br /> --color-neutral: #d9d2c5;<br /> --color-emphasized: #5f7f64;<br /> --color-subtle: #8CAB82;<br /> <br /> --border-color-base: #3b3732;<br /> --border-color-hover: #6a8f4e;<br /> <br /> --color-progressive: #9b7d47;<br /> --color-progressive--hover: #9b7d47;<br /> --color-destructive: #b05545;<br /> --color-destructive--hover: #b05545;<br /> }<br /> <br /> #siteSub {<br /> display: none;<br /> }<br /> <br /> .citizen-preferences-dropdown {<br /> display: none !important;<br /> }<br /> <br /> .home-hero {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 16px;<br /> padding: 30px;<br /> margin-bottom: 30px;<br /> text-align: center;<br /> }<br /> <br /> .hero-title {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> font-weight: 700;<br /> font-size: clamp(3rem, 8vw, 6rem);<br /> letter-spacing: 0.03em;<br /> line-height: 1;<br /> color: var(--color-emphasized);<br /> }<br /> <br /> .card-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 20px;<br /> }<br /> <br /> .card-grid &gt; p {<br /> display: none;<br /> }<br /> <br /> .home-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> padding: 20px;<br /> min-height: 120px;<br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> }<br /> <br /> .home-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .home-card a {<br /> display: block;<br /> font-size: 1.2rem;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> <br /> .race-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> padding: 20px;<br /> min-height: 120px;<br /> <br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> <br /> text-align: center;<br /> }<br /> <br /> .race-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .race-card a {<br /> display: block;<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-decoration: none;<br /> <br /> margin-bottom: 12px;<br /> }<br /> <br /> .race-card img {<br /> width: 100%;<br /> height: auto;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .firstHeading {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> margin-top: 80px;<br /> font-size: 3rem;<br /> font-weight: 700;<br /> margin-bottom: 0;<br /> }<br /> <br /> .citizen-page-header {<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> padding-bottom: 20px;<br /> margin-bottom: 20px;<br /> }<br /> <br /> .citizen-page-sidebar {<br /> order: -1;<br /> }<br /> <br /> .divu-infobox {<br /> float: right;<br /> width: 350px;<br /> margin: 0 0 20px 20px;<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-collapse: separate;<br /> border-spacing: 0;<br /> border-radius: 12px;<br /> overflow: hidden;<br /> }<br /> <br /> .divu-infobox-image {<br /> padding: 0;<br /> }<br /> <br /> .divu-infobox-image img {<br /> display: block;<br /> width: 100%;<br /> }<br /> <br /> .divu-infobox-title {<br /> background: var(--color-surface-2);<br /> <br /> color: var(--color-progressive);<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-align: center;<br /> <br /> padding: 12px;<br /> }<br /> <br /> .divu-infobox th {<br /> width: 50%;<br /> <br /> color: var(--color-progressive);<br /> <br /> text-align: left;<br /> <br /> padding: 10px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .divu-infobox td {<br /> padding: 16px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> <br /> line-height: 1.4;<br /> }<br /> <br /> .divu-infobox td p {<br /> margin: 0;<br /> }<br /> <br /> .beast-summary {<br /> display: grid;<br /> grid-template-columns: 1fr 233px;<br /> <br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> margin-bottom: 32px;<br /> }<br /> <br /> .beast-title {<br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> <br /> padding: 8px 0px 8px 40px;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .beast-title p {<br /> margin: 0;<br /> }<br /> <br /> .beast-title a {<br /> text-decoration: none;<br /> }<br /> <br /> .beast-description {<br /> padding: 0 24px;<br /> }<br /> <br /> .beast-side {<br /> background: Transparent;<br /> <br /> border-left: var(--border-width-base) solid var(--border-color-base);<br /> <br /> padding: 16px;<br /> align-self: start;<br /> }<br /> <br /> .beast-side img {<br /> width: 100%;<br /> <br /> aspect-ratio: 2 / 3;<br /> object-fit: cover;<br /> <br /> border-radius: 6px;<br /> }<br /> <br /> <br /> @media (max-width: 768px) {<br /> .card-grid {<br /> grid-template-columns: 1fr;<br /> gap: 20px;<br /> }<br /> <br /> .beast-summary {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .beast-side {<br /> order: 1;<br /> <br /> border-left: none;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> <br /> display: flex;<br /> justify-content: center;<br /> <br /> padding: 16px;<br /> }<br /> <br /> .beast-content {<br /> order: 2;<br /> }<br /> <br /> .beast-title {<br /> padding: 16px 24px;<br /> }<br /> <br /> .beast-description {<br /> padding: 24px;<br /> }<br /> <br /> .beast-side img {<br /> width: 200px;<br /> }<br /> }</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=MediaWiki:Citizen.css&diff=278 2026-08-04T14:01:36Z

<p>Filip Roček: </p> <hr /> <div>/* All CSS here will be loaded for users of the Citizen skin */<br /> :root {<br /> --color-surface-0: #171615;<br /> --color-surface-1: #171615;<br /> --color-surface-2: #151413;<br /> <br /> --color-base: #d9d2c5;<br /> --color-base-dark: #22201e;<br /> --color-neutral: #d9d2c5;<br /> --color-emphasized: #5f7f64;<br /> --color-subtle: #8CAB82;<br /> <br /> --border-color-base: #3b3732;<br /> --border-color-hover: #6a8f4e;<br /> <br /> --color-progressive: #9b7d47;<br /> --color-progressive--hover: #9b7d47;<br /> --color-destructive: #b05545;<br /> --color-destructive--hover: #b05545;<br /> }<br /> <br /> #siteSub {<br /> display: none;<br /> }<br /> <br /> .citizen-preferences-dropdown {<br /> display: none !important;<br /> }<br /> <br /> .home-hero {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 16px;<br /> padding: 30px;<br /> margin-bottom: 30px;<br /> text-align: center;<br /> }<br /> <br /> .hero-title {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> font-weight: 700;<br /> font-size: clamp(3rem, 8vw, 6rem);<br /> letter-spacing: 0.03em;<br /> line-height: 1;<br /> color: var(--color-progressive);<br /> }<br /> <br /> .card-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 20px;<br /> }<br /> <br /> .card-grid &gt; p {<br /> display: none;<br /> }<br /> <br /> .home-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> padding: 20px;<br /> min-height: 120px;<br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> }<br /> <br /> .home-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .home-card a {<br /> display: block;<br /> font-size: 1.2rem;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> <br /> .race-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> padding: 20px;<br /> min-height: 120px;<br /> <br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> <br /> text-align: center;<br /> }<br /> <br /> .race-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .race-card a {<br /> display: block;<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-decoration: none;<br /> <br /> margin-bottom: 12px;<br /> }<br /> <br /> .race-card img {<br /> width: 100%;<br /> height: auto;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .firstHeading {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> margin-top: 80px;<br /> font-size: 3rem;<br /> font-weight: 700;<br /> margin-bottom: 0;<br /> }<br /> <br /> .citizen-page-header {<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> padding-bottom: 20px;<br /> margin-bottom: 20px;<br /> }<br /> <br /> .citizen-page-sidebar {<br /> order: -1;<br /> }<br /> <br /> .divu-infobox {<br /> float: right;<br /> width: 350px;<br /> margin: 0 0 20px 20px;<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-collapse: separate;<br /> border-spacing: 0;<br /> border-radius: 12px;<br /> overflow: hidden;<br /> }<br /> <br /> .divu-infobox-image {<br /> padding: 0;<br /> }<br /> <br /> .divu-infobox-image img {<br /> display: block;<br /> width: 100%;<br /> }<br /> <br /> .divu-infobox-title {<br /> background: var(--color-surface-2);<br /> <br /> color: var(--color-progressive);<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-align: center;<br /> <br /> padding: 12px;<br /> }<br /> <br /> .divu-infobox th {<br /> width: 50%;<br /> <br /> color: var(--color-progressive);<br /> <br /> text-align: left;<br /> <br /> padding: 10px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .divu-infobox td {<br /> padding: 16px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> <br /> line-height: 1.4;<br /> }<br /> <br /> .divu-infobox td p {<br /> margin: 0;<br /> }<br /> <br /> .beast-summary {<br /> display: grid;<br /> grid-template-columns: 1fr 233px;<br /> <br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> margin-bottom: 32px;<br /> }<br /> <br /> .beast-title {<br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> <br /> padding: 8px 0px 8px 40px;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .beast-title p {<br /> margin: 0;<br /> }<br /> <br /> .beast-title a {<br /> text-decoration: none;<br /> }<br /> <br /> .beast-description {<br /> padding: 0 24px;<br /> }<br /> <br /> .beast-side {<br /> background: Transparent;<br /> <br /> border-left: var(--border-width-base) solid var(--border-color-base);<br /> <br /> padding: 16px;<br /> align-self: start;<br /> }<br /> <br /> .beast-side img {<br /> width: 100%;<br /> <br /> aspect-ratio: 2 / 3;<br /> object-fit: cover;<br /> <br /> border-radius: 6px;<br /> }<br /> <br /> <br /> @media (max-width: 768px) {<br /> .card-grid {<br /> grid-template-columns: 1fr;<br /> gap: 20px;<br /> }<br /> <br /> .beast-summary {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .beast-side {<br /> order: 1;<br /> <br /> border-left: none;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> <br /> display: flex;<br /> justify-content: center;<br /> <br /> padding: 16px;<br /> }<br /> <br /> .beast-content {<br /> order: 2;<br /> }<br /> <br /> .beast-title {<br /> padding: 16px 24px;<br /> }<br /> <br /> .beast-description {<br /> padding: 24px;<br /> }<br /> <br /> .beast-side img {<br /> width: 200px;<br /> }<br /> }</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=MediaWiki:Citizen.css&diff=277 2026-08-04T14:00:59Z

<p>Filip Roček: </p> <hr /> <div>/* All CSS here will be loaded for users of the Citizen skin */<br /> :root {<br /> --color-surface-0: #171615;<br /> --color-surface-1: #171615;<br /> --color-surface-2: #151413;<br /> <br /> --color-base: #d9d2c5;<br /> --color-base-dark: #22201e;<br /> --color-neutral: #d9d2c5;<br /> --color-emphasized: #5f7f64;<br /> --color-subtle: #8CAB82;<br /> <br /> --border-color-base: #3b3732;<br /> --border-color-hover: #6a8f4e;<br /> <br /> --color-progressive: #9b7d47;<br /> --color-progressive--hover: #9b7d47;<br /> --color-destructive: #b05545;<br /> --color-destructive--hover: #b05545;<br /> }<br /> <br /> #siteSub {<br /> display: none;<br /> }<br /> <br /> .citizen-preferences-dropdown {<br /> display: none !important;<br /> }<br /> <br /> .home-hero {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 16px;<br /> padding: 30px;<br /> margin-bottom: 30px;<br /> text-align: center;<br /> }<br /> <br /> .hero-title {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> font-weight: 700;<br /> font-size: clamp(3rem, 8vw, 6rem);<br /> letter-spacing: 0.03em;<br /> line-height: 1;<br /> }<br /> <br /> .card-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 20px;<br /> }<br /> <br /> .card-grid &gt; p {<br /> display: none;<br /> }<br /> <br /> .home-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> padding: 20px;<br /> min-height: 120px;<br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> }<br /> <br /> .home-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .home-card a {<br /> display: block;<br /> font-size: 1.2rem;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> <br /> .race-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> padding: 20px;<br /> min-height: 120px;<br /> <br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> <br /> text-align: center;<br /> }<br /> <br /> .race-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .race-card a {<br /> display: block;<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-decoration: none;<br /> <br /> margin-bottom: 12px;<br /> }<br /> <br /> .race-card img {<br /> width: 100%;<br /> height: auto;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .firstHeading {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> margin-top: 80px;<br /> font-size: 3rem;<br /> font-weight: 700;<br /> margin-bottom: 0;<br /> }<br /> <br /> .citizen-page-header {<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> padding-bottom: 20px;<br /> margin-bottom: 20px;<br /> }<br /> <br /> .citizen-page-sidebar {<br /> order: -1;<br /> }<br /> <br /> .divu-infobox {<br /> float: right;<br /> width: 350px;<br /> margin: 0 0 20px 20px;<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-collapse: separate;<br /> border-spacing: 0;<br /> border-radius: 12px;<br /> overflow: hidden;<br /> }<br /> <br /> .divu-infobox-image {<br /> padding: 0;<br /> }<br /> <br /> .divu-infobox-image img {<br /> display: block;<br /> width: 100%;<br /> }<br /> <br /> .divu-infobox-title {<br /> background: var(--color-surface-2);<br /> <br /> color: var(--color-progressive);<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-align: center;<br /> <br /> padding: 12px;<br /> }<br /> <br /> .divu-infobox th {<br /> width: 50%;<br /> <br /> color: var(--color-progressive);<br /> <br /> text-align: left;<br /> <br /> padding: 10px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .divu-infobox td {<br /> padding: 16px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> <br /> line-height: 1.4;<br /> }<br /> <br /> .divu-infobox td p {<br /> margin: 0;<br /> }<br /> <br /> .beast-summary {<br /> display: grid;<br /> grid-template-columns: 1fr 233px;<br /> <br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> margin-bottom: 32px;<br /> }<br /> <br /> .beast-title {<br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> <br /> padding: 8px 0px 8px 40px;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .beast-title p {<br /> margin: 0;<br /> }<br /> <br /> .beast-title a {<br /> text-decoration: none;<br /> }<br /> <br /> .beast-description {<br /> padding: 0 24px;<br /> }<br /> <br /> .beast-side {<br /> background: Transparent;<br /> <br /> border-left: var(--border-width-base) solid var(--border-color-base);<br /> <br /> padding: 16px;<br /> align-self: start;<br /> }<br /> <br /> .beast-side img {<br /> width: 100%;<br /> <br /> aspect-ratio: 2 / 3;<br /> object-fit: cover;<br /> <br /> border-radius: 6px;<br /> }<br /> <br /> <br /> @media (max-width: 768px) {<br /> .card-grid {<br /> grid-template-columns: 1fr;<br /> gap: 20px;<br /> }<br /> <br /> .beast-summary {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .beast-side {<br /> order: 1;<br /> <br /> border-left: none;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> <br /> display: flex;<br /> justify-content: center;<br /> <br /> padding: 16px;<br /> }<br /> <br /> .beast-content {<br /> order: 2;<br /> }<br /> <br /> .beast-title {<br /> padding: 16px 24px;<br /> }<br /> <br /> .beast-description {<br /> padding: 24px;<br /> }<br /> <br /> .beast-side img {<br /> width: 200px;<br /> }<br /> }</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=Hlavn%C3%AD_strana&diff=276 2026-08-04T14:00:28Z

<p>Filip Roček: /* Divupedia */</p> <hr /> <div>&lt;div class=&quot;home-hero&quot;&gt;<br /> <br /> &lt;div class=&quot;hero-title&quot;&gt; Divupedia &lt;/div&gt;<br /> <br /> Vítejte na wiki světa Divukraje.<br /> <br /> Zde naleznete informace o postavách, rasách, frakcích, historii a dalších částech světa.<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;card-grid&quot;&gt;<br /> <br /> &lt;div class=&quot;home-card&quot;&gt;<br /> '''[[Postavy]]'''<br /> <br /> Všechny důležité postavy.<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-card&quot;&gt;<br /> '''[[Svět]]'''<br /> <br /> Lokace, města a regiony.<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-card&quot;&gt;<br /> '''[[Příběhy]]'''<br /> <br /> Příběhy, události a historie.<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-card&quot;&gt;<br /> '''[[Bestiář]]'''<br /> <br /> Monstra a ostatní tvorové.<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-card&quot;&gt;<br /> '''[[Frakce]]'''<br /> <br /> Království, cechy a organizace.<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;home-card&quot;&gt;<br /> '''[[Rasy]]'''<br /> <br /> Hobiti, orkové, noxijci a další.<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=%C5%A0ablona:Card_bestiary&diff=275 2026-08-04T13:58:32Z

<p>Filip Roček: </p> <hr /> <div>&lt;div class=&quot;beast-summary&quot;&gt;<br /> <br /> &lt;div class=&quot;beast-content&quot;&gt;<br /> <br /> &lt;div class=&quot;beast-title&quot;&gt;<br /> [[{{{jmeno|}}}]]<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;beast-description&quot;&gt;<br /> {{{popis|}}}<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;beast-side&quot;&gt;<br /> <br /> [[Soubor:{{{obrazek|placeholder-bestiary.png}}}|center|200pixelů|link=]]<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> &lt;noinclude&gt;<br /> &lt;templatedata&gt;<br /> {<br /> &quot;params&quot;: {<br /> &quot;jmeno&quot;: {<br /> &quot;label&quot;: &quot;Název&quot;,<br /> &quot;description&quot;: &quot;Název bestie odkazující na její stránku&quot;,<br /> &quot;type&quot;: &quot;wiki-page-name&quot;,<br /> &quot;required&quot;: true<br /> },<br /> &quot;popis&quot;: {<br /> &quot;label&quot;: &quot;Popis&quot;,<br /> &quot;description&quot;: &quot;Základní popis bestie - nejdůležitější info&quot;,<br /> &quot;type&quot;: &quot;string&quot;,<br /> &quot;required&quot;: true<br /> },<br /> &quot;obrazek&quot;: {<br /> &quot;label&quot;: &quot;Obrázek&quot;,<br /> &quot;description&quot;: &quot;Obrázek bestie&quot;,<br /> &quot;type&quot;: &quot;wiki-file-name&quot;,<br /> &quot;autovalue&quot;: &quot;placeholder-bestiary.png&quot;,<br /> &quot;required&quot;: true<br /> }<br /> }<br /> }<br /> &lt;/templatedata&gt;<br /> &lt;/noinclude&gt;</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=%C5%A0ablona:Card_bestiary&diff=274 2026-08-04T13:57:02Z

<p>Filip Roček: </p> <hr /> <div>&lt;div class=&quot;beast-summary&quot;&gt;<br /> <br /> &lt;div class=&quot;beast-content&quot;&gt;<br /> <br /> &lt;div class=&quot;beast-title&quot;&gt;<br /> ==[[{{{jmeno|}}}]]==<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;beast-description&quot;&gt;<br /> {{{popis|}}}<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;beast-side&quot;&gt;<br /> <br /> [[Soubor:{{{obrazek|placeholder-bestiary.png}}}|center|200pixelů|link=]]<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> &lt;noinclude&gt;<br /> &lt;templatedata&gt;<br /> {<br /> &quot;params&quot;: {<br /> &quot;jmeno&quot;: {<br /> &quot;label&quot;: &quot;Název&quot;,<br /> &quot;description&quot;: &quot;Název bestie odkazující na její stránku&quot;,<br /> &quot;type&quot;: &quot;wiki-page-name&quot;,<br /> &quot;required&quot;: true<br /> },<br /> &quot;popis&quot;: {<br /> &quot;label&quot;: &quot;Popis&quot;,<br /> &quot;description&quot;: &quot;Základní popis bestie - nejdůležitější info&quot;,<br /> &quot;type&quot;: &quot;string&quot;,<br /> &quot;required&quot;: true<br /> },<br /> &quot;obrazek&quot;: {<br /> &quot;label&quot;: &quot;Obrázek&quot;,<br /> &quot;description&quot;: &quot;Obrázek bestie&quot;,<br /> &quot;type&quot;: &quot;wiki-file-name&quot;,<br /> &quot;autovalue&quot;: &quot;placeholder-bestiary.png&quot;,<br /> &quot;required&quot;: true<br /> }<br /> }<br /> }<br /> &lt;/templatedata&gt;<br /> &lt;/noinclude&gt;</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=MediaWiki:Citizen.css&diff=273 2026-08-04T13:55:34Z

<p>Filip Roček: </p> <hr /> <div>/* All CSS here will be loaded for users of the Citizen skin */<br /> :root {<br /> --color-surface-0: #171615;<br /> --color-surface-1: #171615;<br /> --color-surface-2: #151413;<br /> <br /> --color-base: #d9d2c5;<br /> --color-base-dark: #22201e;<br /> --color-neutral: #d9d2c5;<br /> --color-emphasized: #5f7f64;<br /> --color-subtle: #8CAB82;<br /> <br /> --border-color-base: #3b3732;<br /> --border-color-hover: #6a8f4e;<br /> <br /> --color-progressive: #9b7d47;<br /> --color-progressive--hover: #9b7d47;<br /> --color-destructive: #b05545;<br /> --color-destructive--hover: #b05545;<br /> }<br /> <br /> #siteSub {<br /> display: none;<br /> }<br /> <br /> .citizen-preferences-dropdown {<br /> display: none !important;<br /> }<br /> <br /> .home-hero {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 16px;<br /> padding: 30px;<br /> margin-bottom: 30px;<br /> text-align: center;<br /> }<br /> <br /> .home-hero h1 {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> font-weight: 700;<br /> font-size: clamp(3rem, 8vw, 6rem);<br /> letter-spacing: 0.03em;<br /> line-height: 1;<br /> }<br /> <br /> .card-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 20px;<br /> }<br /> <br /> .card-grid &gt; p {<br /> display: none;<br /> }<br /> <br /> .home-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> padding: 20px;<br /> min-height: 120px;<br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> }<br /> <br /> .home-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .home-card a {<br /> display: block;<br /> font-size: 1.2rem;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> <br /> .race-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> padding: 20px;<br /> min-height: 120px;<br /> <br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> <br /> text-align: center;<br /> }<br /> <br /> .race-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .race-card a {<br /> display: block;<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-decoration: none;<br /> <br /> margin-bottom: 12px;<br /> }<br /> <br /> .race-card img {<br /> width: 100%;<br /> height: auto;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .firstHeading {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> margin-top: 80px;<br /> font-size: 3rem;<br /> font-weight: 700;<br /> margin-bottom: 0;<br /> }<br /> <br /> .citizen-page-header {<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> padding-bottom: 20px;<br /> margin-bottom: 20px;<br /> }<br /> <br /> .citizen-page-sidebar {<br /> order: -1;<br /> }<br /> <br /> .divu-infobox {<br /> float: right;<br /> width: 350px;<br /> margin: 0 0 20px 20px;<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-collapse: separate;<br /> border-spacing: 0;<br /> border-radius: 12px;<br /> overflow: hidden;<br /> }<br /> <br /> .divu-infobox-image {<br /> padding: 0;<br /> }<br /> <br /> .divu-infobox-image img {<br /> display: block;<br /> width: 100%;<br /> }<br /> <br /> .divu-infobox-title {<br /> background: var(--color-surface-2);<br /> <br /> color: var(--color-progressive);<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-align: center;<br /> <br /> padding: 12px;<br /> }<br /> <br /> .divu-infobox th {<br /> width: 50%;<br /> <br /> color: var(--color-progressive);<br /> <br /> text-align: left;<br /> <br /> padding: 10px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .divu-infobox td {<br /> padding: 16px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> <br /> line-height: 1.4;<br /> }<br /> <br /> .divu-infobox td p {<br /> margin: 0;<br /> }<br /> <br /> .beast-summary {<br /> display: grid;<br /> grid-template-columns: 1fr 233px;<br /> <br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> margin-bottom: 32px;<br /> }<br /> <br /> .beast-title {<br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> <br /> padding: 8px 0px 8px 40px;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .beast-title p {<br /> margin: 0;<br /> }<br /> <br /> .beast-title a {<br /> text-decoration: none;<br /> }<br /> <br /> .beast-description {<br /> padding: 0 24px;<br /> }<br /> <br /> .beast-side {<br /> background: Transparent;<br /> <br /> border-left: var(--border-width-base) solid var(--border-color-base);<br /> <br /> padding: 16px;<br /> align-self: start;<br /> }<br /> <br /> .beast-side img {<br /> width: 100%;<br /> <br /> aspect-ratio: 2 / 3;<br /> object-fit: cover;<br /> <br /> border-radius: 6px;<br /> }<br /> <br /> <br /> @media (max-width: 768px) {<br /> .card-grid {<br /> grid-template-columns: 1fr;<br /> gap: 20px;<br /> }<br /> <br /> .beast-summary {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .beast-side {<br /> order: 1;<br /> <br /> border-left: none;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> <br /> display: flex;<br /> justify-content: center;<br /> <br /> padding: 16px;<br /> }<br /> <br /> .beast-content {<br /> order: 2;<br /> }<br /> <br /> .beast-title {<br /> padding: 16px 24px;<br /> }<br /> <br /> .beast-description {<br /> padding: 24px;<br /> }<br /> <br /> .beast-side img {<br /> width: 200px;<br /> }<br /> }</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=MediaWiki:Citizen.css&diff=272 2026-08-04T13:55:18Z

<p>Filip Roček: </p> <hr /> <div>/* All CSS here will be loaded for users of the Citizen skin */<br /> :root {<br /> --color-surface-0: #171615;<br /> --color-surface-1: #171615;<br /> --color-surface-2: #151413;<br /> <br /> --color-base: #d9d2c5;<br /> --color-base-dark: #22201e;<br /> --color-neutral: #d9d2c5;<br /> --color-emphasized: #5f7f64;<br /> --color-subtle: #8CAB82;<br /> <br /> --border-color-base: #3b3732;<br /> --border-color-hover: #6a8f4e;<br /> <br /> --color-progressive: #9b7d47;<br /> --color-progressive--hover: #9b7d47;<br /> --color-destructive: #b05545;<br /> --color-destructive--hover: #b05545;<br /> }<br /> <br /> #siteSub {<br /> display: none;<br /> }<br /> <br /> .citizen-preferences-dropdown {<br /> display: none !important;<br /> }<br /> <br /> .home-hero {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 16px;<br /> padding: 30px;<br /> margin-bottom: 30px;<br /> text-align: center;<br /> }<br /> <br /> .home-hero h1 {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> font-weight: 700;<br /> font-size: clamp(3rem, 8vw, 6rem);<br /> letter-spacing: 0.03em;<br /> line-height: 1;<br /> }<br /> <br /> .card-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 20px;<br /> }<br /> <br /> .card-grid &gt; p {<br /> display: none;<br /> }<br /> <br /> .home-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> padding: 20px;<br /> min-height: 120px;<br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> }<br /> <br /> .home-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .home-card a {<br /> display: block;<br /> font-size: 1.2rem;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> <br /> .race-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> padding: 20px;<br /> min-height: 120px;<br /> <br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> <br /> text-align: center;<br /> }<br /> <br /> .race-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .race-card a {<br /> display: block;<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-decoration: none;<br /> <br /> margin-bottom: 12px;<br /> }<br /> <br /> .race-card img {<br /> width: 100%;<br /> height: auto;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .firstHeading {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> margin-top: 80px;<br /> font-size: 3rem;<br /> font-weight: 700;<br /> margin-bottom: 0;<br /> }<br /> <br /> .citizen-page-header {<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> padding-bottom: 20px;<br /> margin-bottom: 20px;<br /> }<br /> <br /> .citizen-page-sidebar {<br /> order: -1;<br /> }<br /> <br /> .divu-infobox {<br /> float: right;<br /> width: 350px;<br /> margin: 0 0 20px 20px;<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-collapse: separate;<br /> border-spacing: 0;<br /> border-radius: 12px;<br /> overflow: hidden;<br /> }<br /> <br /> .divu-infobox-image {<br /> padding: 0;<br /> }<br /> <br /> .divu-infobox-image img {<br /> display: block;<br /> width: 100%;<br /> }<br /> <br /> .divu-infobox-title {<br /> background: var(--color-surface-2);<br /> <br /> color: var(--color-progressive);<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-align: center;<br /> <br /> padding: 12px;<br /> }<br /> <br /> .divu-infobox th {<br /> width: 50%;<br /> <br /> color: var(--color-progressive);<br /> <br /> text-align: left;<br /> <br /> padding: 10px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .divu-infobox td {<br /> padding: 16px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> <br /> line-height: 1.4;<br /> }<br /> <br /> .divu-infobox td p {<br /> margin: 0;<br /> }<br /> <br /> .beast-summary {<br /> display: grid;<br /> grid-template-columns: 1fr 250px;<br /> <br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> margin-bottom: 32px;<br /> }<br /> <br /> .beast-title {<br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> <br /> padding: 8px 0px 8px 40px;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .beast-title p {<br /> margin: 0;<br /> }<br /> <br /> .beast-title a {<br /> text-decoration: none;<br /> }<br /> <br /> .beast-description {<br /> padding: 0 24px;<br /> }<br /> <br /> .beast-side {<br /> background: Transparent;<br /> <br /> border-left: var(--border-width-base) solid var(--border-color-base);<br /> <br /> padding: 16px;<br /> align-self: start;<br /> }<br /> <br /> .beast-side img {<br /> width: 100%;<br /> <br /> aspect-ratio: 2 / 3;<br /> object-fit: cover;<br /> <br /> border-radius: 6px;<br /> }<br /> <br /> <br /> @media (max-width: 768px) {<br /> .card-grid {<br /> grid-template-columns: 1fr;<br /> gap: 20px;<br /> }<br /> <br /> .beast-summary {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .beast-side {<br /> order: 1;<br /> <br /> border-left: none;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> <br /> display: flex;<br /> justify-content: center;<br /> <br /> padding: 16px;<br /> }<br /> <br /> .beast-content {<br /> order: 2;<br /> }<br /> <br /> .beast-title {<br /> padding: 16px 24px;<br /> }<br /> <br /> .beast-description {<br /> padding: 24px;<br /> }<br /> <br /> .beast-side img {<br /> width: 200px;<br /> }<br /> }</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=MediaWiki:Citizen.css&diff=271 2026-08-04T13:54:29Z

<p>Filip Roček: </p> <hr /> <div>/* All CSS here will be loaded for users of the Citizen skin */<br /> :root {<br /> --color-surface-0: #171615;<br /> --color-surface-1: #171615;<br /> --color-surface-2: #151413;<br /> <br /> --color-base: #d9d2c5;<br /> --color-base-dark: #22201e;<br /> --color-neutral: #d9d2c5;<br /> --color-emphasized: #5f7f64;<br /> --color-subtle: #8CAB82;<br /> <br /> --border-color-base: #3b3732;<br /> --border-color-hover: #6a8f4e;<br /> <br /> --color-progressive: #9b7d47;<br /> --color-progressive--hover: #9b7d47;<br /> --color-destructive: #b05545;<br /> --color-destructive--hover: #b05545;<br /> }<br /> <br /> #siteSub {<br /> display: none;<br /> }<br /> <br /> .citizen-preferences-dropdown {<br /> display: none !important;<br /> }<br /> <br /> .home-hero {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 16px;<br /> padding: 30px;<br /> margin-bottom: 30px;<br /> text-align: center;<br /> }<br /> <br /> .home-hero h1 {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> font-weight: 700;<br /> font-size: clamp(3rem, 8vw, 6rem);<br /> letter-spacing: 0.03em;<br /> line-height: 1;<br /> }<br /> <br /> .card-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 20px;<br /> }<br /> <br /> .card-grid &gt; p {<br /> display: none;<br /> }<br /> <br /> .home-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> padding: 20px;<br /> min-height: 120px;<br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> }<br /> <br /> .home-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .home-card a {<br /> display: block;<br /> font-size: 1.2rem;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> <br /> .race-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> padding: 20px;<br /> min-height: 120px;<br /> <br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> <br /> text-align: center;<br /> }<br /> <br /> .race-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .race-card a {<br /> display: block;<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-decoration: none;<br /> <br /> margin-bottom: 12px;<br /> }<br /> <br /> .race-card img {<br /> width: 100%;<br /> height: auto;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .firstHeading {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> margin-top: 80px;<br /> font-size: 3rem;<br /> font-weight: 700;<br /> margin-bottom: 0;<br /> }<br /> <br /> .citizen-page-header {<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> padding-bottom: 20px;<br /> margin-bottom: 20px;<br /> }<br /> <br /> .citizen-page-sidebar {<br /> order: -1;<br /> }<br /> <br /> .divu-infobox {<br /> float: right;<br /> width: 350px;<br /> margin: 0 0 20px 20px;<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-collapse: separate;<br /> border-spacing: 0;<br /> border-radius: 12px;<br /> overflow: hidden;<br /> }<br /> <br /> .divu-infobox-image {<br /> padding: 0;<br /> }<br /> <br /> .divu-infobox-image img {<br /> display: block;<br /> width: 100%;<br /> }<br /> <br /> .divu-infobox-title {<br /> background: var(--color-surface-2);<br /> <br /> color: var(--color-progressive);<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-align: center;<br /> <br /> padding: 12px;<br /> }<br /> <br /> .divu-infobox th {<br /> width: 50%;<br /> <br /> color: var(--color-progressive);<br /> <br /> text-align: left;<br /> <br /> padding: 10px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .divu-infobox td {<br /> padding: 16px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> <br /> line-height: 1.4;<br /> }<br /> <br /> .divu-infobox td p {<br /> margin: 0;<br /> }<br /> <br /> .beast-summary {<br /> display: grid;<br /> grid-template-columns: 1fr 232px;<br /> <br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> margin-bottom: 32px;<br /> }<br /> <br /> .beast-title {<br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> <br /> padding: 8px 0px 8px 40px;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .beast-title p {<br /> margin: 0;<br /> }<br /> <br /> .beast-title a {<br /> text-decoration: none;<br /> }<br /> <br /> .beast-description {<br /> padding: 0 24px;<br /> }<br /> <br /> .beast-side {<br /> background: Transparent;<br /> <br /> border-left: var(--border-width-base) solid var(--border-color-base);<br /> <br /> padding: 16px;<br /> align-self: start;<br /> }<br /> <br /> .beast-side img {<br /> width: 100%;<br /> <br /> aspect-ratio: 2 / 3;<br /> object-fit: cover;<br /> <br /> border-radius: 6px;<br /> }<br /> <br /> <br /> @media (max-width: 768px) {<br /> .card-grid {<br /> grid-template-columns: 1fr;<br /> gap: 20px;<br /> }<br /> <br /> .beast-summary {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .beast-side {<br /> order: 1;<br /> <br /> border-left: none;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> <br /> display: flex;<br /> justify-content: center;<br /> <br /> padding: 16px;<br /> }<br /> <br /> .beast-content {<br /> order: 2;<br /> }<br /> <br /> .beast-title {<br /> padding: 16px 24px;<br /> }<br /> <br /> .beast-description {<br /> padding: 24px;<br /> }<br /> <br /> .beast-side img {<br /> width: 200px;<br /> }<br /> }</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=MediaWiki:Citizen.css&diff=270 2026-08-04T13:49:38Z

<p>Filip Roček: </p> <hr /> <div>/* All CSS here will be loaded for users of the Citizen skin */<br /> :root {<br /> --color-surface-0: #171615;<br /> --color-surface-1: #171615;<br /> --color-surface-2: #151413;<br /> <br /> --color-base: #d9d2c5;<br /> --color-base-dark: #22201e;<br /> --color-neutral: #d9d2c5;<br /> --color-emphasized: #5f7f64;<br /> --color-subtle: #8CAB82;<br /> <br /> --border-color-base: #3b3732;<br /> --border-color-hover: #6a8f4e;<br /> <br /> --color-progressive: #9b7d47;<br /> --color-progressive--hover: #9b7d47;<br /> --color-destructive: #b05545;<br /> --color-destructive--hover: #b05545;<br /> }<br /> <br /> #siteSub {<br /> display: none;<br /> }<br /> <br /> .citizen-preferences-dropdown {<br /> display: none !important;<br /> }<br /> <br /> .home-hero {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 16px;<br /> padding: 30px;<br /> margin-bottom: 30px;<br /> text-align: center;<br /> }<br /> <br /> .home-hero h1 {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> font-weight: 700;<br /> font-size: clamp(3rem, 8vw, 6rem);<br /> letter-spacing: 0.03em;<br /> line-height: 1;<br /> }<br /> <br /> .card-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 20px;<br /> }<br /> <br /> .card-grid &gt; p {<br /> display: none;<br /> }<br /> <br /> .home-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> padding: 20px;<br /> min-height: 120px;<br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> }<br /> <br /> .home-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .home-card a {<br /> display: block;<br /> font-size: 1.2rem;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> <br /> .race-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> padding: 20px;<br /> min-height: 120px;<br /> <br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> <br /> text-align: center;<br /> }<br /> <br /> .race-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .race-card a {<br /> display: block;<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-decoration: none;<br /> <br /> margin-bottom: 12px;<br /> }<br /> <br /> .race-card img {<br /> width: 100%;<br /> height: auto;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .firstHeading {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> margin-top: 80px;<br /> font-size: 3rem;<br /> font-weight: 700;<br /> margin-bottom: 0;<br /> }<br /> <br /> .citizen-page-header {<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> padding-bottom: 20px;<br /> margin-bottom: 20px;<br /> }<br /> <br /> .citizen-page-sidebar {<br /> order: -1;<br /> }<br /> <br /> .divu-infobox {<br /> float: right;<br /> width: 350px;<br /> margin: 0 0 20px 20px;<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-collapse: separate;<br /> border-spacing: 0;<br /> border-radius: 12px;<br /> overflow: hidden;<br /> }<br /> <br /> .divu-infobox-image {<br /> padding: 0;<br /> }<br /> <br /> .divu-infobox-image img {<br /> display: block;<br /> width: 100%;<br /> }<br /> <br /> .divu-infobox-title {<br /> background: var(--color-surface-2);<br /> <br /> color: var(--color-progressive);<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-align: center;<br /> <br /> padding: 12px;<br /> }<br /> <br /> .divu-infobox th {<br /> width: 50%;<br /> <br /> color: var(--color-progressive);<br /> <br /> text-align: left;<br /> <br /> padding: 10px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .divu-infobox td {<br /> padding: 16px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> <br /> line-height: 1.4;<br /> }<br /> <br /> .divu-infobox td p {<br /> margin: 0;<br /> }<br /> <br /> .beast-summary {<br /> display: grid;<br /> grid-template-columns: 1fr 200px;<br /> <br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> margin-bottom: 32px;<br /> }<br /> <br /> .beast-title {<br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> <br /> padding: 8px 0px 8px 40px;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .beast-title p {<br /> margin: 0;<br /> }<br /> <br /> .beast-title a {<br /> text-decoration: none;<br /> }<br /> <br /> .beast-description {<br /> padding: 0 24px;<br /> }<br /> <br /> .beast-side {<br /> background: Transparent;<br /> <br /> border-left: var(--border-width-base) solid var(--border-color-base);<br /> <br /> padding: 16px;<br /> align-self: start;<br /> }<br /> <br /> .beast-side img {<br /> width: 100%;<br /> <br /> aspect-ratio: 2 / 3;<br /> object-fit: cover;<br /> <br /> border-radius: 6px;<br /> }<br /> <br /> <br /> @media (max-width: 768px) {<br /> .card-grid {<br /> grid-template-columns: 1fr;<br /> gap: 20px;<br /> }<br /> <br /> .beast-summary {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .beast-side {<br /> order: 1;<br /> <br /> border-left: none;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> <br /> display: flex;<br /> justify-content: center;<br /> <br /> padding: 16px;<br /> }<br /> <br /> .beast-content {<br /> order: 2;<br /> }<br /> <br /> .beast-title {<br /> padding: 16px 24px;<br /> }<br /> <br /> .beast-description {<br /> padding: 24px;<br /> }<br /> <br /> .beast-side img {<br /> width: 200px;<br /> }<br /> }</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=MediaWiki:Citizen.css&diff=269 2026-08-04T13:47:10Z

<p>Filip Roček: </p> <hr /> <div>/* All CSS here will be loaded for users of the Citizen skin */<br /> :root {<br /> --color-surface-0: #171615;<br /> --color-surface-1: #171615;<br /> --color-surface-2: #151413;<br /> <br /> --color-base: #d9d2c5;<br /> --color-base-dark: #22201e;<br /> --color-neutral: #d9d2c5;<br /> --color-emphasized: #5f7f64;<br /> --color-subtle: #8CAB82;<br /> <br /> --border-color-base: #3b3732;<br /> --border-color-hover: #6a8f4e;<br /> <br /> --color-progressive: #9b7d47;<br /> --color-progressive--hover: #9b7d47;<br /> --color-destructive: #b05545;<br /> --color-destructive--hover: #b05545;<br /> }<br /> <br /> #siteSub {<br /> display: none;<br /> }<br /> <br /> .citizen-preferences-dropdown {<br /> display: none !important;<br /> }<br /> <br /> .home-hero {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 16px;<br /> padding: 30px;<br /> margin-bottom: 30px;<br /> text-align: center;<br /> }<br /> <br /> .home-hero h1 {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> font-weight: 700;<br /> font-size: clamp(3rem, 8vw, 6rem);<br /> letter-spacing: 0.03em;<br /> line-height: 1;<br /> }<br /> <br /> .card-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 20px;<br /> }<br /> <br /> .card-grid &gt; p {<br /> display: none;<br /> }<br /> <br /> .home-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> padding: 20px;<br /> min-height: 120px;<br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> }<br /> <br /> .home-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .home-card a {<br /> display: block;<br /> font-size: 1.2rem;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> <br /> .race-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> padding: 20px;<br /> min-height: 120px;<br /> <br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> <br /> text-align: center;<br /> }<br /> <br /> .race-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .race-card a {<br /> display: block;<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-decoration: none;<br /> <br /> margin-bottom: 12px;<br /> }<br /> <br /> .race-card img {<br /> width: 100%;<br /> height: auto;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .firstHeading {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> margin-top: 80px;<br /> font-size: 3rem;<br /> font-weight: 700;<br /> margin-bottom: 0;<br /> }<br /> <br /> .citizen-page-header {<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> padding-bottom: 20px;<br /> margin-bottom: 20px;<br /> }<br /> <br /> .citizen-page-sidebar {<br /> order: -1;<br /> }<br /> <br /> .divu-infobox {<br /> float: right;<br /> width: 350px;<br /> margin: 0 0 20px 20px;<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-collapse: separate;<br /> border-spacing: 0;<br /> border-radius: 12px;<br /> overflow: hidden;<br /> }<br /> <br /> .divu-infobox-image {<br /> padding: 0;<br /> }<br /> <br /> .divu-infobox-image img {<br /> display: block;<br /> width: 100%;<br /> }<br /> <br /> .divu-infobox-title {<br /> background: var(--color-surface-2);<br /> <br /> color: var(--color-progressive);<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-align: center;<br /> <br /> padding: 12px;<br /> }<br /> <br /> .divu-infobox th {<br /> width: 50%;<br /> <br /> color: var(--color-progressive);<br /> <br /> text-align: left;<br /> <br /> padding: 10px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .divu-infobox td {<br /> padding: 16px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> <br /> line-height: 1.4;<br /> }<br /> <br /> .divu-infobox td p {<br /> margin: 0;<br /> }<br /> <br /> .beast-summary {<br /> display: grid;<br /> grid-template-columns: 1fr 200px;<br /> <br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> margin-bottom: 32px;<br /> }<br /> <br /> .beast-title {<br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> <br /> padding: 8px 0px 8px 40px;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .beast-title p {<br /> margin: 0;<br /> }<br /> <br /> .beast-title a {<br /> text-decoration: none;<br /> }<br /> <br /> .beast-description {<br /> padding: 0 24px;<br /> }<br /> <br /> .beast-side {<br /> background: Transparent;<br /> <br /> border-left: var(--border-width-base) solid var(--border-color-base);<br /> <br /> padding: 16px;<br /> align-self: start;<br /> }<br /> <br /> .beast-side img {<br /> width: 100%;<br /> <br /> aspect-ratio: 2 / 3;<br /> object-fit: cover;<br /> <br /> border-radius: 6px;<br /> }<br /> <br /> <br /> @media (max-width: 768px) {<br /> .card-grid {<br /> grid-template-columns: 1fr;<br /> gap: 20px;<br /> }<br /> }</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=MediaWiki:Citizen.css&diff=268 2026-08-04T13:45:53Z

<p>Filip Roček: </p> <hr /> <div>/* All CSS here will be loaded for users of the Citizen skin */<br /> :root {<br /> --color-surface-0: #171615;<br /> --color-surface-1: #171615;<br /> --color-surface-2: #151413;<br /> <br /> --color-base: #d9d2c5;<br /> --color-base-dark: #22201e;<br /> --color-neutral: #d9d2c5;<br /> --color-emphasized: #5f7f64;<br /> --color-subtle: #8CAB82;<br /> <br /> --border-color-base: #3b3732;<br /> --border-color-hover: #6a8f4e;<br /> <br /> --color-progressive: #9b7d47;<br /> --color-progressive--hover: #9b7d47;<br /> --color-destructive: #b05545;<br /> --color-destructive--hover: #b05545;<br /> }<br /> <br /> #siteSub {<br /> display: none;<br /> }<br /> <br /> .citizen-preferences-dropdown {<br /> display: none !important;<br /> }<br /> <br /> .home-hero {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 16px;<br /> padding: 30px;<br /> margin-bottom: 30px;<br /> text-align: center;<br /> }<br /> <br /> .home-hero h1 {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> font-weight: 700;<br /> font-size: clamp(3rem, 8vw, 6rem);<br /> letter-spacing: 0.03em;<br /> line-height: 1;<br /> }<br /> <br /> .card-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 20px;<br /> }<br /> <br /> .card-grid &gt; p {<br /> display: none;<br /> }<br /> <br /> .home-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> padding: 20px;<br /> min-height: 120px;<br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> }<br /> <br /> .home-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .home-card a {<br /> display: block;<br /> font-size: 1.2rem;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> <br /> .race-card {<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> padding: 20px;<br /> min-height: 120px;<br /> <br /> transition: 0.2s ease;<br /> cursor: pointer;<br /> <br /> text-align: center;<br /> }<br /> <br /> .race-card:hover {<br /> transform: translateY(-2px);<br /> border-color: var(--border-color-hover);<br /> }<br /> <br /> .race-card a {<br /> display: block;<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-decoration: none;<br /> <br /> margin-bottom: 12px;<br /> }<br /> <br /> .race-card img {<br /> width: 100%;<br /> height: auto;<br /> aspect-ratio: 2 / 3;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> .firstHeading {<br /> font-family: &quot;Montserrat&quot;, sans-serif;<br /> margin-top: 80px;<br /> font-size: 3rem;<br /> font-weight: 700;<br /> margin-bottom: 0;<br /> }<br /> <br /> .citizen-page-header {<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> padding-bottom: 20px;<br /> margin-bottom: 20px;<br /> }<br /> <br /> .citizen-page-sidebar {<br /> order: -1;<br /> }<br /> <br /> .divu-infobox {<br /> float: right;<br /> width: 350px;<br /> margin: 0 0 20px 20px;<br /> background: var(--color-base-dark);<br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-collapse: separate;<br /> border-spacing: 0;<br /> border-radius: 12px;<br /> overflow: hidden;<br /> }<br /> <br /> .divu-infobox-image {<br /> padding: 0;<br /> }<br /> <br /> .divu-infobox-image img {<br /> display: block;<br /> width: 100%;<br /> }<br /> <br /> .divu-infobox-title {<br /> background: var(--color-surface-2);<br /> <br /> color: var(--color-progressive);<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> text-align: center;<br /> <br /> padding: 12px;<br /> }<br /> <br /> .divu-infobox th {<br /> width: 50%;<br /> <br /> color: var(--color-progressive);<br /> <br /> text-align: left;<br /> <br /> padding: 10px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .divu-infobox td {<br /> padding: 16px;<br /> <br /> border-top: var(--border-width-base) solid var(--border-color-base);<br /> <br /> line-height: 1.4;<br /> }<br /> <br /> .divu-infobox td p {<br /> margin: 0;<br /> }<br /> <br /> .beast-summary {<br /> display: grid;<br /> grid-template-columns: 1fr 200px;<br /> <br /> background: var(--color-base-dark);<br /> <br /> border: var(--border-width-base) solid var(--border-color-base);<br /> border-radius: 12px;<br /> <br /> overflow: hidden;<br /> <br /> margin-bottom: 32px;<br /> }<br /> <br /> .beast-title {<br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> color: var(--color-progressive);<br /> <br /> padding: 8px 0px 8px 40px;<br /> border-bottom: var(--border-width-base) solid var(--border-color-base);<br /> }<br /> <br /> .beast-title p {<br /> margin: 0;<br /> }<br /> <br /> .beast-title a {<br /> display: block;<br /> text-decoration: none;<br /> }<br /> <br /> .beast-description {<br /> padding: 0 24px;<br /> }<br /> <br /> .beast-side {<br /> background: Transparent;<br /> <br /> border-left: var(--border-width-base) solid var(--border-color-base);<br /> <br /> padding: 16px;<br /> align-self: start;<br /> }<br /> <br /> .beast-side img {<br /> width: 100%;<br /> <br /> aspect-ratio: 2 / 3;<br /> object-fit: cover;<br /> <br /> border-radius: 6px;<br /> }<br /> <br /> <br /> @media (max-width: 768px) {<br /> .card-grid {<br /> grid-template-columns: 1fr;<br /> gap: 20px;<br /> }<br /> }</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=Zv%C3%AD%C5%99ata&diff=267 2026-08-04T13:44:40Z

<p>Filip Roček: </p> <hr /> <div><br /> {{Card bestiary|jmeno=Test|popis=Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam et arcu vel mi mollis accumsan ut et justo. Nullam et eros efficitur, ullamcorper lorem nec, tristique nibh. Suspendisse tempor non nulla sed lacinia. Curabitur nibh risus, tincidunt quis massa eget, porttitor tempus libero. Suspendisse nec erat ante. Phasellus nec nisi sed sem pellentesque placerat nec et orci. Curabitur auctor et mauris sed auctor. Mauris tellus risus, vestibulum nec porta ut, accumsan luctus quam. Quisque ut porta justo, non tristique lectus. Vestibulum facilisis massa ut lorem pretium, eu pretium metus tincidunt. Sed sollicitudin nisl eu hendrerit sodales. Maecenas augue eros, accumsan non pellentesque at, ultrices in urna.|obrazek=Placeholder-bestiary.png}}{{Card bestiary|jmeno=Jelen|popis=(PH) Jelen je běžný býložravý tvor vyskytující se v lesích a na rozlehlých loukách Divukraje. Je známý svou plachostí, rychlostí a impozantním parožím. Přestože se většinou vyhýbá ostatním obyvatelům světa, bývá považován za symbol divoké přírody a svobody.|obrazek=placeholder-bestiary.png}}{{Card bestiary|jmeno=Divoká Kočka|popis=(PH) Divoká kočka je nenápadný lovec obývající husté lesy, skalnaté stráně a opuštěná zákoutí Divukraje. Díky svému tichému pohybu a výbornému zraku dokáže nepozorovaně sledovat kořist i na značnou vzdálenost. Většinu času tráví o samotě a lidským sídlům se zpravidla vyhýbá.<br /> <br /> Přestože svou velikostí nepřevyšuje běžné domácí kočky, její síla, obratnost a lovecké instinkty z ní činí nebezpečného predátora drobných zvířat. Mezi lovci a poutníky je známá především svou schopností zmizet v podrostu během několika okamžiků. Setkání s divokou kočkou bývá vzácné a často je považováno za znamení, že člověk vstoupil hluboko do nedotčené divočiny.|obrazek=Placeholder-bestiary.png}}</div>

Filip Roček https://wiki.tabordivukraj.cz/index.php?title=Zv%C3%AD%C5%99ata&diff=266 2026-08-04T13:44:02Z

<p>Filip Roček: </p> <hr /> <div><br /> {{Card bestiary|jmeno=Test|popis=Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam et arcu vel mi mollis accumsan ut et justo. Nullam et eros efficitur, ullamcorper lorem nec, tristique nibh. Suspendisse tempor non nulla sed lacinia. Curabitur nibh risus, tincidunt quis massa eget, porttitor tempus libero. Suspendisse nec erat ante. Phasellus nec nisi sed sem pellentesque placerat nec et orci. Curabitur auctor et mauris sed auctor. Mauris tellus risus, vestibulum nec porta ut, accumsan luctus quam. Quisque ut porta justo, non tristique lectus. Vestibulum facilisis massa ut lorem pretium, eu pretium metus tincidunt. Sed sollicitudin nisl eu hendrerit sodales. Maecenas augue eros, accumsan non pellentesque at, ultrices in urna.|obrazek=Placeholder-bestiary.png}}{{Card bestiary|jmeno=Jelen|popis=Jelen je běžný býložravý tvor vyskytující se v lesích a na rozlehlých loukách Divukraje. Je známý svou plachostí, rychlostí a impozantním parožím. Přestože se většinou vyhýbá ostatním obyvatelům světa, bývá považován za symbol divoké přírody a svobody.|obrazek=placeholder-bestiary.png}}{{Card bestiary|jmeno=Divoká Kočka|popis=Divoká kočka je nenápadný lovec obývající husté lesy, skalnaté stráně a opuštěná zákoutí Divukraje. Díky svému tichému pohybu a výbornému zraku dokáže nepozorovaně sledovat kořist i na značnou vzdálenost. Většinu času tráví o samotě a lidským sídlům se zpravidla vyhýbá.<br /> <br /> Přestože svou velikostí nepřevyšuje běžné domácí kočky, její síla, obratnost a lovecké instinkty z ní činí nebezpečného predátora drobných zvířat. Mezi lovci a poutníky je známá především svou schopností zmizet v podrostu během několika okamžiků. Setkání s divokou kočkou bývá vzácné a často je považováno za znamení, že člověk vstoupil hluboko do nedotčené divočiny.|obrazek=Placeholder-bestiary.png}}</div>

Filip Roček