|
značky: vyprázdnění revertováno |
| Řádek 1: |
Řádek 1: |
| /*WikiEditor solving issue */
| |
|
| |
|
| .wikiEditor-ui-toolbar {
| |
| height: fit-content;
| |
| }
| |
|
| |
| /* Zde uvedené CSS bude ovlivňovat všechny vzhledy */
| |
|
| |
| :root {
| |
| /* --width-layout: 1080px; Slightly wider content */
| |
| }
| |
|
| |
| body {
| |
| background: var(--background-color-dp-6);
| |
| }
| |
|
| |
| pre {
| |
| white-space:pre-line;
| |
| }
| |
|
| |
| .float-right {
| |
| float:right;
| |
| margin-left:20px;
| |
| }
| |
|
| |
| .shadow {
| |
| box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
| |
| }
| |
|
| |
| /* wikitable */
| |
|
| |
| table.wikitable tr th, table.wikitable tr td {
| |
| /* padding:7px 20px 7px 0;*/
| |
| }
| |
|
| |
| table.wikitable pre {
| |
| padding: 0.3rem;
| |
| border-radius:var(--border-radius--medium);
| |
| }
| |
|
| |
| /* Odstranění ikony u externích odkazů */
| |
| .mw-parser-output a.external {
| |
| background-image:none;
| |
| padding-right:0;
| |
| }
| |
|
| |
| .wikitableBackground {
| |
| background:var(--color-surface-2);
| |
| }
| |
|
| |
| /* wikitable freeze */
| |
|
| |
| .wikitable-freeze {
| |
| margin:var(--space-md) 0;
| |
| font-size:var(--font-size-small);
| |
| border-spacing:0;
| |
| border:1px solid var(--border-color-base);
| |
| border-radius:var(--border-radius--medium);
| |
| }
| |
|
| |
| .wikitable-free tr:first-child {
| |
| position:sticky;
| |
| top:0;
| |
| z-index:1;
| |
| }
| |
|
| |
| .wikitable-freeze th {
| |
| font-weight:var(--font-weight-normal);
| |
| color:var(--color-base--subtle);
| |
| text-align:start;
| |
| letter-spacing:0.05em;
| |
| background:var(--color-surface-2);
| |
| }
| |
|
| |
| .wikitable-freeze tbody tr:hover {
| |
| background-color: var(--background-color-quiet--hover);
| |
| }
| |
|
| |
| .wikitable-freeze tr td {
| |
| border-top:1px solid var(--border-color-base);
| |
| }
| |
|
| |
| .wikitable-freeze tr td:nth-child(n+2) {
| |
| border-top:1px solid var(--border-color-base);
| |
| text-align:center;
| |
| }
| |
|
| |
| .wikitable-freeze th, td {
| |
| padding:var(--space-xs) var(--space-sm);
| |
| }
| |
|
| |
| .wikitable-freeze tr:first-of-type th:last-child, .wikitable-freeze tr:first-of-type td:last-child {
| |
| border-bottom-left-radius:var(--border-radius--medium);
| |
| }
| |
|
| |
| .wikitable-freeze tr:first-of-type th:first-child, .wikitable-freeze tr:first-of-type td:first-child {
| |
| border-top-left-radius:var(--border-radius--medium);
| |
| }
| |
|
| |
| .wikitable-freeze tr:last-of-type th:first-child, .wikitable-freeze tr:last-of-type td:first-child {
| |
| border-bottom-left-radius:var(--border-radius--medium);
| |
| }
| |
|
| |
| .wikitable-freeze tr:last-of-type th:last-child, .wikitable-freeze tr:last-of-type td:last-child {
| |
| border-bottom-right-radius:var(--border-radius--medium);
| |
| }
| |
|
| |
| .wikitable-freeze th:nth-child(n+2) {
| |
| transform:rotate(180deg);
| |
| -webkit-transform:rotate(180deg);
| |
| line-height:1;
| |
| position:relative;
| |
| -webkit-writing-mode:vertical-rl;
| |
| vertical-align:middle;
| |
| }
| |
|
| |
| .wikitable-freeze tr>th:first-child, .wikitable-freeze tr>td:first-child {
| |
| position: sticky;
| |
| left: 0;
| |
| background:var(--color-surface-2);
| |
| z-index:2;
| |
| }
| |
|
| |
| /* Šablona: Karty */
| |
|
| |
| ul.kartyList {
| |
| display:flex;
| |
| flex-wrap:wrap;
| |
| list-style:none;
| |
| margin:var(--space-md) 0 var(--space-md) 0;
| |
| justify-content: space-between;
| |
| }
| |
|
| |
| .karty {
| |
| width: 100%;
| |
| height: 100%;
| |
| /* max-width: 400px; */
| |
| border-spacing: 0;
| |
| border-radius: var(--border-radius--large);
| |
| background: var(--color-surface-2);
| |
| font-size: var(--font-size-x-small);
| |
| font-weight:300;
| |
| text-align: left;
| |
| box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
| |
| /* V případě, že tooltip překročí boundary */
| |
| overflow: visible;
| |
| }
| |
|
| |
| .karty tbody {
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| justify-content: space-between;
| |
| }
| |
|
| |
| .karty tr {
| |
| padding: 0 5px;
| |
| display: flex;
| |
| flex-direction: column;
| |
| box-sizing: border-box;
| |
| }
| |
|
| |
| .karty tr:last-child {
| |
| margin-top: 10px;
| |
| margin-bottom: 10px;
| |
| }
| |
|
| |
| .karty th,
| |
| .karty td {
| |
| padding: 0 5px;
| |
| }
| |
|
| |
| .karty .karty-image {
| |
| margin-top: 0;
| |
| padding: 0;
| |
| border-radius: 12px 12px 0 0;
| |
| overflow: hidden;
| |
| }
| |
|
| |
| .karty-image td {
| |
| padding: 0;
| |
| }
| |
|
| |
| .karty-image--dark .image {
| |
| background: #2b2f36;
| |
| }
| |
|
| |
| .karty-image /*.image*/ img {
| |
| max-width: 100%;
| |
| display: block;
| |
| background: var(--background-color-quiet--hover);
| |
| height: auto;
| |
| }
| |
|
| |
| .kartyNadpis {
| |
| border-bottom:1px solid var(--color-base);
| |
| width:100%;
| |
| margin-top:0;
| |
| height:35px;
| |
| justify-content: center;
| |
| font-weight: 500;
| |
| font-size: var(--font-size-small);
| |
| }
| |
|
| |
| .dveKarty .citizen-overflow-wrapper, .triKarty .citizen-overflow-wrapper, .ctyriKarty .citizen-overflow-wrapper, .petKarty .citizen-overflow-wrapper {
| |
| overflow-x: hidden;
| |
| height: 100%;
| |
| }
| |
|
| |
| .dveKarty {
| |
| max-width:calc(50% - 10px);
| |
| }
| |
|
| |
| .triKarty {
| |
| max-width:calc(33.3% - 10px);
| |
| }
| |
|
| |
| .ctyriKarty {
| |
| max-width:calc(25% - 10px);
| |
| }
| |
|
| |
| .petKarty {
| |
| max-width:calc(20% - 7px);
| |
| }
| |
|
| |
| @media only screen and (max-width: 880px) {
| |
| .ctyriKarty, .petKarty {
| |
| max-width:calc(33.3% - 5px);
| |
| margin-bottom: 10px;
| |
| }
| |
| }
| |
|
| |
| @media only screen and (max-width: 720px) {
| |
| .triKarty, .ctyriKarty, .petKarty {
| |
| max-width:calc(50% - 5px);
| |
| margin-bottom: 10px;
| |
| }
| |
| }
| |
|
| |
| /* Infoboxy */
| |
|
| |
|
| |
|
| |
| .infobox {
| |
| width: 100%;
| |
| max-width: 400px;
| |
| margin-top: 0.8rem;
| |
| margin-bottom: 0.4em;
| |
| border-spacing: 0;
| |
| border-radius: var(--border-radius--large);
| |
| background: var(--color-surface-2);
| |
| font-size: 0.875rem;
| |
| text-align: left;
| |
| box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
| |
| /* V případě, že tooltip překročí boundary */
| |
| overflow: visible;
| |
| }
| |
|
| |
| .infobox tbody {
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| justify-content: space-between;
| |
| padding-bottom: 20px;
| |
| }
| |
|
| |
| .infobox tr {
| |
| margin-top: 10px;
| |
| padding: 0 8px;
| |
| display: flex;
| |
| flex-direction: column;
| |
| box-sizing: border-box;
| |
| }
| |
|
| |
| .infobox th,
| |
| .infobox td {
| |
| padding: 0 10px;
| |
| }
| |
|
| |
| .infobox .infobox-col1 {
| |
| width: 100%;
| |
| }
| |
|
| |
| .infobox .infobox-col2 {
| |
| width: 50%;
| |
| }
| |
|
| |
| .infobox .infobox-col2-3 {
| |
| width: calc(200% / 3);
| |
| }
| |
|
| |
| .infobox .infobox-col3 {
| |
| width: calc(100% / 3);
| |
| }
| |
|
| |
| .infobox .infobox-col4 {
| |
| width: 25%;
| |
| }
| |
|
| |
| .infobox .infobox-title {
| |
| margin-top: 20px;
| |
| margin-bottom: 5px;
| |
| width: 100%;
| |
| color: var(--color-base--emphasized);
| |
| font-size: 1.4rem;
| |
| line-height: 1.4;
| |
| }
| |
|
| |
| .infobox .infobox-subTitle {
| |
| margin-top: 0px;
| |
| margin-bottom: 20px;
| |
| width: 100%;
| |
| color: var(--color-base--subtle);
| |
| font-size: 1.1rem;
| |
| line-height: 0.7;
| |
| }
| |
|
| |
| .infobox .infobox-header {
| |
| margin-top: 15px;
| |
| padding-top: 15px;
| |
| width: 100%;
| |
| color: var(--color-base--emphasized);
| |
| border-top: 1px solid;
| |
| border-color: var(--border-color-base);
| |
| font-size: 1rem;
| |
| }
| |
|
| |
| /* Infobox titulkový obrázek */
| |
| .infobox .infobox-image {
| |
| margin-top: 0;
| |
| padding: 0;
| |
| border-radius: 12px 12px 0 0;
| |
| overflow: hidden;
| |
| }
| |
|
| |
| .infobox-image td {
| |
| padding: 0;
| |
| }
| |
|
| |
| .infobox-image--dark .image {
| |
| background: #2b2f36;
| |
| }
| |
|
| |
| .infobox-image .image img {
| |
| max-width: 100%;
| |
| display: block;
| |
| background: var(--background-color-quiet--hover);
| |
| }
| |
|
| |
| /* Infobox hodnoty */
| |
| .infobox-data th {
| |
| color: var(--color-base--subtle);
| |
| font-weight: normal;
| |
| font-size: 0.8125rem;
| |
| letter-spacing: .75px;
| |
| }
| |
|
| |
| .infobox-data td {
| |
| font-weight: 500;
| |
| }
| |
|
| |
| .infobox-data ul,
| |
| .infobox-data ol {
| |
| margin-top: 0;
| |
| }
| |
|
| |
| @media only screen and (max-width: 720px) {
| |
| .infobox {
| |
| margin-left: auto;
| |
| margin-right: auto;
| |
| }
| |
|
| |
| .float-right {
| |
| float:none;
| |
| }
| |
|
| |
| .infobox tr:first-of-type .mw-collapsible-toggle {
| |
| display: block;
| |
| }
| |
| }
| |
|
| |
| /* Spoiler box template*/
| |
| div.spoilerbox {
| |
| margin-top: 0.6rem;
| |
| border-radius: 8px;
| |
| color: var(--color-base--subtle);
| |
| background: var(--color-surface-2);
| |
| font-size: 0.875rem;
| |
| line-height: 1.4;
| |
| overflow: hidden;
| |
| }
| |
|
| |
| .spoilerbox-header {
| |
| padding: 10px 15px;
| |
| background-color: var(--border-color-base);
| |
| letter-spacing: .75px;
| |
| transition: background 0.2s ease;
| |
| }
| |
|
| |
| .spoilerbox.mw-collapsed .spoilerbox-header {
| |
| background: transparent;
| |
| }
| |
|
| |
| .spoilerbox-content {
| |
| padding: 10px 15px;
| |
| }
| |
|
| |
| .spoilerbox .mw-collapsible-toggle:before,
| |
| .spoilerbox .mw-collapsible-toggle:after {
| |
| content: none;
| |
| }
| |
|
| |
| .spoilerbox .mw-collapsible-text {
| |
| display: block;
| |
| padding: 10px 15px;
| |
| color: var(--color-base--subtle);
| |
| background: var(--border-color-base);
| |
| }
| |
|
| |
| .spoilerbox .mw-collapsible-text:hover {
| |
| background: var(--background-color-quiet--hover);
| |
| }
| |
|
| |
| .spoilerbox .mw-collapsible-text:active {
| |
| background: var(--background-color-quiet--active);
| |
| }
| |
|
| |
|
| |
| /* dočasně Pride Month ze Starcitizen.tools */
| |
| .mw-logo-wordmark {
| |
| display: flex;
| |
| align-items: center;
| |
| gap: var(--space-sm);
| |
| }
| |
|
| |
| .mw-logo-wordmark::after {
| |
| content: "";
| |
| width: 1em;
| |
| height: 1em;
| |
| background-image:url(https://media.starcitizen.tools/5/5f/SCW-Verified.svg);
| |
| }
| |
|
| |
| /* šablona Specifikace */
| |
|
| |
| .spec-main {
| |
| width:100%;
| |
| display:flex;
| |
| }
| |
|
| |
| .spec-main tbody {
| |
| }
| |
|
| |
| .spec-main .spec-col {
| |
| /*width: 45%;*/
| |
| max-width:450px;
| |
| display:inline-grid;
| |
| margin:0 10px;
| |
| }
| |
|
| |
| .spec-main .spec-inner {
| |
| line-height:1.6;
| |
| font-size:14px;
| |
| margin:0;
| |
| padding: 15px;
| |
| min-width:400px;
| |
| border-radius: var(--border-radius--large);
| |
| background: var(--color-surface-2);
| |
| box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
| |
| display: inline-table;
| |
| }
| |
|
| |
| .spec-main .spec-inner td {
| |
| display: flex;
| |
| align-items: center;
| |
| justify-content: space-between;
| |
| padding:0;
| |
| }
| |
|
| |
| .specOznac {
| |
| color:#d5603a; /*d77c36*/
| |
| display:contents;
| |
| }
| |
|
| |
| .spec-inner .spec-header {
| |
| width: 100%;
| |
| color: var(--color-base--emphasized);
| |
| font-size: 1rem;
| |
| }
| |
|
| |
| @media only screen and (max-width: 900px) {
| |
|
| |
| .spec-main {
| |
| width:100%;
| |
| display:table-caption;
| |
| }
| |
| .spec-main .spec-col {
| |
| width: 100%;
| |
| margin:10px 0;
| |
| }
| |
| }
| |
|
| |
|
| |
|
| |
|
| |
| /* Užitečné odkazy, šablona Odkazy ZASTARALÉ */
| |
|
| |
| table.odkazy {
| |
| width: 100%;
| |
| margin-top: 0.8rem;
| |
| border-spacing: 0;
| |
| border-radius: var(--border-radius--large);
| |
| /*background: var(--background-color-dp-02);*/
| |
| text-align: left;
| |
| /*box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);*/
| |
| }
| |
|
| |
| .odkazy tr {
| |
| margin-top: 10px;
| |
| padding: 0 8px;
| |
| box-sizing: border-box;
| |
| }
| |
|
| |
| .odkazy td {
| |
| padding:0;
| |
| }
| |
|
| |
| /* používá šablona Infoboxů */
| |
| ul.odkazy-urlSeznam {
| |
| list-style:none;
| |
| display:flex;
| |
| flex-wrap:wrap;
| |
| margin:0;
| |
| padding:0;
| |
| }
| |
|
| |
| ul.odkazy-urlSeznam a.external {
| |
| padding:5px 10px;
| |
| border-radius:4px;
| |
| }
| |
|
| |
| ul.odkazy-urlSeznam a.external:hover {
| |
| padding:5px 10px;
| |
| border-radius:4px;
| |
| background-color:var(--background-color-quiet--hover);
| |
| }
| |
|
| |
| /* Specifikace pro lodě a vozidla */
| |
| .vehicle-spec {
| |
| background: var(--color-surface-2);
| |
| margin: 5px 0 5px 0;
| |
| padding: 5px;
| |
| border-radius: var(--border-radius--small);
| |
| max-width:none;
| |
| }
| |
|
| |
| .vehicle-spec td {
| |
| display:flex;
| |
| align-items:center;
| |
| }
| |
|
| |
| .vehicle-spec-size {
| |
| border:1px solid #616161;
| |
| padding:0px;
| |
| width:18px;
| |
| height:18px;
| |
| border-radius:4px;
| |
| font-size:12px;
| |
| font-weight:300;
| |
| text-align:center;
| |
| color: #d5603a;
| |
| vertical-align:middle;
| |
| line-height:1.6;
| |
| margin-right: 5px;
| |
| }
| |
|
| |
| .vehicle-spec img {
| |
| margin-right: 5px;
| |
| }
| |
|
| |
| .vehicle-spec-name {
| |
| margin-right:5px;
| |
| }
| |
|
| |
| .vehicle-spec-quantity {
| |
| color:#d5603a;
| |
| min-width:25px;
| |
| }
| |
|
| |
| .vehicle-spec-type {
| |
| font-size:0.65rem;
| |
| color:#6b6b6b;
| |
| margin-left:10px;
| |
| }
| |
|
| |
| /* Tabulka porovnání lodí ze série */
| |
|
| |
| .serie-spec-td {
| |
| padding:0;
| |
| vertical-align:top;
| |
| border-right:1px solid var(--border-color-base);
| |
| }
| |
|
| |
| .serie-spec-td-posledni {
| |
| padding:0;
| |
| vertical-align:top;
| |
| }
| |
|
| |
| table.serie {
| |
| /*line-height:1.2;*/
| |
| font-size:14px;
| |
| margin:0;
| |
| padding: 0;
| |
| }
| |
|
| |
| table.serie tbody {
| |
| vertical-align:top;
| |
| }
| |
|
| |
| table.serie td {
| |
| /* display: flex; */
| |
| /*align-items: center;*/
| |
| /*justify-content: space-between;*/
| |
| padding:0 3px;
| |
| width:345px;
| |
| }
| |
|
| |
| .serie-zbrane-header {
| |
| font-size:1.02em;
| |
| padding:5px 0 5px 0;
| |
| font-weight:200;
| |
| }
| |
|
| |
| /* Specifikace pro lodě a vozidla na stránce série*/
| |
|
| |
| table.komponenty-serie {
| |
| background: none;
| |
| margin:0;
| |
| padding: 0;
| |
| width:-webkit-fill-available;
| |
| }*
| |
|
| |
| table.komponenty-serie tr td {
| |
| border-bottom: 0;
| |
| padding:0;
| |
| display:block;
| |
| }
| |
|
| |
| .komponenty-serie td {
| |
| display:flex;
| |
| align-items:center;
| |
| }
| |
|
| |
| .komponenty-serie-size {
| |
| border:1px solid #616161;
| |
| padding:0;
| |
| width:18px;
| |
| height:18px;
| |
| border-radius:4px;
| |
| font-size:12px;
| |
| font-weight:300;
| |
| text-align:center;
| |
| color: #d77c36;
| |
| vertical-align:middle;
| |
| line-height:1.6;
| |
| margin-right: 5px;
| |
| }
| |
|
| |
| .komponenty-serie img {
| |
| margin-right: 5px;
| |
| }
| |
|
| |
| .komponenty-serie-name {
| |
| margin-right:5px;
| |
| }
| |
|
| |
| .komponenty-serie-quantity {
| |
| color:#d77c36;
| |
| min-width:25px;
| |
| }
| |
|
| |
| .komponenty-serie-type {
| |
| font-size:0.65rem;
| |
| color:#6b6b6b;
| |
| margin-left:10px;
| |
| }
| |
|
| |
| /* šablona Specifikace série*/
| |
|
| |
| .parametrOrange {
| |
| color:#ff8645; /*#d77c36*/
| |
| font-size:10px;
| |
| display:contents;
| |
| /*text-transform: uppercase;*/
| |
| }
| |
|
| |
| .orange {
| |
| color:#ff8645; /*#d77c36*/
| |
| }
| |
|
| |
| .spec-serie-inner {
| |
| line-height:1.6;
| |
| width:-webkit-fill-available;
| |
| }
| |
|
| |
| /*.spec-inner {
| |
| line-height:1.6;
| |
| font-size:14px;
| |
| margin:0;
| |
| padding: 15px;
| |
| min-width:400px;
| |
| border-radius: var(--border-radius--large);
| |
| background: var(--background-color-dp-02);
| |
| box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
| |
| }*/
| |
|
| |
| .spec-serie-inner td {
| |
| display: flex;
| |
| align-items: center;
| |
| justify-content: space-between;
| |
| padding:0;
| |
| }
| |
|
| |
| .spec-serie-inner .spec-serie-header {
| |
| width: 100%;
| |
| color: var(--color-base--emphasized);
| |
| font-size: 1.02em;
| |
| font-weight:200;
| |
| }
| |
|
| |
| /* Šablona Pohledy na loď */
| |
|
| |
|
| |
| .pohledyNaLod tbody {
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| justify-content: space-between;
| |
| padding-bottom: 20px;
| |
| }
| |
|
| |
| .pohledyNaLod tr {
| |
| margin-top: 0;
| |
| padding: 0;
| |
| display: flex;
| |
| flex-direction: column;
| |
| box-sizing: border-box;
| |
| }
| |
|
| |
| .pohledyNaLod td {
| |
| padding: 0;
| |
| }
| |
|
| |
| .pohledyNaLod .image img {
| |
| max-width: 100%;
| |
| display: block;
| |
| background: var(--background-color-quiet--hover);
| |
| height: auto;
| |
| }
| |
|
| |
| .pohledyNaLod .pohledyNaLod-col2 {
| |
| max-width: 50%;
| |
| }
| |
|
| |
| .pohledyNaLod .pohledyNaLod-col4 {
| |
| max-width: 25%;
| |
| }
| |
|
| |
| @media only screen and (max-width: 720px) {
| |
| .pohledyNaLod .pohledyNaLod-col2 {
| |
| max-width: 100%;
| |
| }
| |
|
| |
| .pohledyNaLod .pohledyNaLod-col4 {
| |
| max-width: 50%;
| |
| }
| |
| }
| |
|
| |
| /* Šablona ObrSeznam2 */
| |
|
| |
| .obrSeznam1-top {
| |
| font-size:var(--font-size-small);
| |
| display:flow-root;
| |
| margin-bottom: 15px;
| |
| }
| |
|
| |
| .obrSeznam1-top .obrSeznam1-row {
| |
| display:inline-flex;
| |
| }
| |
|
| |
| .obrSeznam1-top .obrSeznam1-img {
| |
| padding:var(--space-xs) var(--space-sm);
| |
| }
| |
|
| |
| .obrSeznam1-top .obrSeznam1-img img {
| |
| width:127px;
| |
| height:auto;
| |
| }
| |
|
| |
| .obrSeznam1-top .obrSeznam1-text {
| |
| padding:var(--space-xs) var(--space-sm);
| |
| }
| |
|
| |
| .obrSeznam2-top {
| |
| font-size:var(--font-size-small);
| |
| display:flow-root;
| |
| margin-bottom: 15px;
| |
| }
| |
|
| |
| .obrSeznam2-top .obrSeznam2-row {
| |
| display:inline-flex;
| |
| }
| |
|
| |
| .obrSeznam2-top .obrSeznam2-img {
| |
| padding:var(--space-xs) var(--space-sm);
| |
| }
| |
|
| |
| .obrSeznam2-top .obrSeznam2-img img {
| |
| width:270px;
| |
| height:auto;
| |
| }
| |
|
| |
| .obrSeznam2-top .obrSeznam2-text {
| |
| padding:var(--space-xs) var(--space-sm);
| |
| }
| |
|
| |
| .ObrSeznam2 .obrSeznam250-image {
| |
| max-width: 50%;
| |
| }
| |
|
| |
| .ObrSeznam2 .obrSeznam250-text {
| |
| max-width: 50%;
| |
| font-size: var(--font-size-small);
| |
| }
| |
|
| |
| @media only screen and (max-width: 720px) {
| |
|
| |
| .obrSeznam1-top .obrSeznam1-row {
| |
| display:grid;
| |
| align-items:center;
| |
| justify-items:center;
| |
| }
| |
|
| |
| .obrSeznam1-top .obrSeznam1-img img {
| |
| width:100%;
| |
| height:auto;
| |
| }
| |
|
| |
| .obrSeznam2-top .obrSeznam2-row {
| |
| display:grid;
| |
| align-items:center;
| |
| justify-items:center;
| |
| }
| |
|
| |
| .obrSeznam2-top .obrSeznam2-img img {
| |
| width:100%;
| |
| height:auto;
| |
| }
| |
| }
| |
|
| |
|
| |
| /* Šablona: Obrázek max */
| |
|
| |
| .obrMax {
| |
| width: 100%;
| |
| }
| |
|
| |
| .obrMax img {
| |
| width:100%;
| |
| height:auto;
| |
| -moz-box-shadow:0 1px 3px #000;
| |
| -webkit-box-shadow:0 1px 3px #000;
| |
| box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
| |
| }
| |
|
| |
| /* Šablona: Obrázky flex wrap */
| |
|
| |
| .imgListDiv {
| |
| background:var(--color-surface-2);
| |
| border-radius:4px;
| |
| box-shadow:0 3px 6px rgb(0 0 0 / 20%), 0 3px 6px rgb(0 0 0 / 20%);
| |
| margin:2px;
| |
| }
| |
|
| |
| .imgListDiv a.image {
| |
| max-width:100%;
| |
| }
| |
|
| |
| .imgListNazev {
| |
| display:block;
| |
| padding:6px 0 6px 8px;
| |
| font-size:0.8em;
| |
| font-weight:300;
| |
| }
| |
|
| |
| /* Blockquote */
| |
|
| |
| blockquote {
| |
| font-family: var(--font-family-base);
| |
| font-size: 1rem;
| |
| font-style: italic;
| |
| }
| |
|
| |
| /* YouTube šablony */
| |
|
| |
| .youtube2main {
| |
| display:flex;
| |
| }
| |
|
| |
| .youtube2marginR {
| |
| margin-right: 10px;
| |
| }
| |
|
| |
| .youtube2marginL {
| |
| margin-left: 10px;
| |
| }
| |
|
| |
| @media only screen and (max-width: 720px) {
| |
|
| |
| .youtube2main {
| |
| display:inline;
| |
| }
| |
|
| |
| .youtube2marginR {
| |
| margin-right: 0;
| |
| }
| |
|
| |
| .youtube2marginL {
| |
| margin-left: 0;
| |
| }
| |
|
| |
| }
| |
|
| |
| /* univerzální classy */
| |
|
| |
| .sirka50-100 {
| |
| width: 50%;
| |
| }
| |
|
| |
| @media only screen and (max-width: 720px) {
| |
|
| |
| .sirka50-100 {
| |
| width: 100%;
| |
| }
| |
| }
| |
|
| |
| /* Tabulka s otočenou hlavičkou */
| |
|
| |
| .verticalHeader {
| |
| transform:rotate(180deg);
| |
| -webkit-transform:rotate(180deg);
| |
| line-height:1;
| |
| position:relative;
| |
| whtie-space:nowrap;
| |
| writing-mode:vertical-rl;
| |
| -webkit-writing-mode:vertical-rl;
| |
| vertical-align:bottom;
| |
| }
| |
|
| |
| .tabTHvertical {
| |
| vertical-align:bottom;
| |
| }
| |
|
| |
| .tabTHhoriz {
| |
| text-align:right;
| |
| }
| |
|
| |
| /* Specifické formáty */
| |
| /* Formáty */
| |
|
| |
| .darkGreyBG {
| |
| background-color:#101010;
| |
| }
| |
|
| |
| .lightGreyBG {
| |
| background-color:#191919;
| |
| }
| |
|
| |
| .veryLightGreyBG {
| |
| background-color:#2f2f2f;
| |
| }
| |
|
| |
| .textCentr {
| |
| text-align:center;
| |
| line-height: normal;
| |
| }
| |
|
| |
| .fontSize10 {
| |
| font-size: 10px;
| |
| }
| |
|
| |
| .padding5 {
| |
| padding: 5px;
| |
| }
| |
|
| |
| .borderB2pxdarkGrey {
| |
| border-bottom:2px solid #191919;
| |
| }
| |
|
| |
| .borderR2pxdarkGrey {
| |
| border-right:2px solid #191919;
| |
| }
| |
|
| |
| .borderB1pxBlue {
| |
| border-bottom:solid 1px #24a3ff;
| |
| }
| |
|
| |
| /* Šablona: Hlavní článek */
| |
| .linkNaHlavniClanek {
| |
| width: -webkit-fill-available;
| |
| border-radius: var(--border-radius--large);
| |
| background: var(--color-surface-2);
| |
| box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
| |
| /* V případě, že tooltip překročí boundary */
| |
| overflow: visible;
| |
| padding:var(--space-sm)var(--space-md);
| |
| }
| |
|
| |
| /* zarovnání sloupce v tabulce */
| |
| table.col-1-center td:nth-child(1) { text-align: center; }
| |
| table.col-2-center td:nth-child(2) { text-align: center; }
| |
| table.col-3-center td:nth-child(3) { text-align: center; }
| |
| table.col-4-center td:nth-child(4) { text-align: center; }
| |
| table.col-5-center td:nth-child(5) { text-align: center; }
| |
| table.col-6-center td:nth-child(6) { text-align: center; }
| |
| table.col-7-center td:nth-child(7) { text-align: center; }
| |
| table.col-8-center td:nth-child(8) { text-align: center; }
| |
| table.col-9-center td:nth-child(9) { text-align: center; }
| |
|
| |
| table.col-1-right td:nth-child(1) { text-align: right; }
| |
| table.col-2-right td:nth-child(2) { text-align: right; }
| |
| table.col-3-right td:nth-child(3) { text-align: right; }
| |
| table.col-4-right td:nth-child(4) { text-align: right; }
| |
| table.col-5-right td:nth-child(5) { text-align: right; }
| |
| table.col-6-right td:nth-child(6) { text-align: right; }
| |
| table.col-7-right td:nth-child(7) { text-align: right; }
| |
| table.col-8-right td:nth-child(8) { text-align: right; }
| |
| table.col-9-right td:nth-child(9) { text-align: right; }
| |
|
| |
| table.col-1-color td:nth-child(1) { background-color: blue; }
| |
| table.col-2-color td:nth-child(2) { background-color: blue; }
| |
| table.col-3-color td:nth-child(3) { background-color: blue; }
| |
|
| |
| /* Refinery Stanton šablona */
| |
|
| |
| table.col-1-refinery td:nth-child(1) { text-align: right; }
| |
| table.col-2-refinery td:nth-child(2) { text-align: right; color: var(--color-text-success); }
| |
| table.col-3-refinery td:nth-child(3) { text-align: right; color: var(--color-text-success); }
| |
| table.col-4-refinery td:nth-child(4) { text-align: right; color: var(--color-text-success); }
| |
| table.col-5-refinery td:nth-child(5) { text-align: right; color: var(--color-text-success); }
| |
| table.col-6-refinery td:nth-child(6) { text-align: right; color: var(--color-text-success); }
| |
| table.col-7-refinery td:nth-child(7) { text-align: right; color: var(--color-text-success); }
| |
| table.col-8-refinery td:nth-child(8) { text-align: right; color: var(--color-text-success); }
| |
| table.col-9-refinery td:nth-child(9) { text-align: right; color: var(--color-text-success); }
| |
| table.col-10-refinery td:nth-child(10) { text-align: right; color: var(--color-text-success); }
| |
| table.col-11-refinery td:nth-child(11) { text-align: right; color: var(--color-text-success); }
| |
| table.col-12-refinery td:nth-child(12) { text-align: right; color: var(--color-text-success); }
| |
|
| |
| table.col-2-refineryS td:nth-child(2) { background-color:var(--color-surface-2); }
| |
| table.col-3-refineryS td:nth-child(3) { background-color:var(--color-surface-2); }
| |
| table.col-4-refineryS td:nth-child(4) { background-color:var(--color-surface-2); }
| |
| table.col-5-refineryS td:nth-child(5) { background-color:var(--color-surface-2); }
| |
| table.col-6-refineryS td:nth-child(6) { background-color:var(--color-surface-2); }
| |
| table.col-7-refineryS td:nth-child(7) { background-color:var(--color-surface-2); }
| |
| table.col-8-refineryS td:nth-child(8) { background-color:var(--color-surface-2); }
| |
| table.col-9-refineryS td:nth-child(9) { background-color:var(--color-surface-2); }
| |
| table.col-10-refineryS td:nth-child(10) { background-color:var(--color-surface-2); }
| |
| table.col-11-refineryS td:nth-child(11) { background-color:var(--color-surface-2); }
| |
| table.col-12-refineryS td:nth-child(12) { background-color:var(--color-surface-2); }
| |
|
| |
| /* Refinery Stanton šablona -> header format */
| |
| table.wikitable th.refineryH { padding:7px 10px 7px 10px; }
| |
| table.wikitable th.refineryHS { padding:7px 10px 7px 10px; background-color:var(--color-surface-2); }
| |
|
| |
| /* Refinery Stanton šablona -> negativní hodnota */
| |
| table.wikitable td.neg { color:var(--color-text-error); }
| |
|
| |
| /* šablona Zvýraznit, */
| |
| span.zvyraznit2 {
| |
| margin:0 0.1rem;
| |
| padding:0.1rem 0.4rem;
| |
| border-radius:4px;
| |
| font-weight:500;
| |
| }
| |
|
| |
| span.zvyraznit2zaklad {
| |
| background:#ffcc33;
| |
| color:black;
| |
| }
| |
|
| |
| span.blu-cyan {
| |
| background:#3a8d9f;
| |
| color:white;
| |
| }
| |
|
| |
| span.surface4 {
| |
| background:var(--color-surface-4);
| |
| color:white;
| |
| }
| |
|
| |
| /* SVG */
| |
|
| |
| img.blu {
| |
| filter: invert(43%) sepia(86%) saturate(293%) hue-rotate(143deg) brightness(97%) contrast(91%);
| |
| }
| |
|
| |
| img.white {
| |
| filter: invert(93%) sepia(7%) saturate(0%) hue-rotate(69deg) brightness(106%) contrast(107%);
| |
| }
| |
|
| |
|
| |
| /* Hlavní strana */
| |
|
| |
| #home-content {
| |
| margin-top: var(--space-lg);
| |
| }
| |
|
| |
| .home-grid {
| |
| display: grid;
| |
| grid: auto-flow dense/repeat(auto-fit,minmax(9.375rem,1fr));
| |
| grid: minmax(3rem,auto);
| |
| grid-gap: var(--space-xs);
| |
| }
| |
|
| |
| .home-card {
| |
| position: relative;
| |
| padding: var(--space-md);
| |
| background: var(--color-surface-1);
| |
| border-radius: var(--border-radius--medium);
| |
| font-size: var(--font-size-small);
| |
| }
| |
|
| |
| .home-card.home-card--button {
| |
| overflow: hidden;
| |
| padding: 0;
| |
| background: #242a31;
| |
| border: 01
| |
| }
| |
|
| |
| .home-card--button a {
| |
| display:flex;
| |
| height: 100%;
| |
| justify-content: center;
| |
| align-items: center;
| |
| /*padding: 0 var(--space-md);*/
| |
| background: transparent;
| |
| color: #fff;
| |
| font-weight: var(--font-weight-medium);
| |
| }
| |
|
| |
| .home-card--row3 {
| |
| grid-row: span 3;
| |
| }
| |
|
| |
| .home-card--col2 {
| |
| grid-column: 2;
| |
| }
| |
|
| |
| .home-card--button {
| |
| overflow: hidden;
| |
| padding: 0;
| |
| background: #242a31;
| |
| border: 0;
| |
| }
| |
|
| |
| .home-card__background {
| |
| position: absolute;
| |
| top: 0;
| |
| right: 0;
| |
| bottom: 0;
| |
| left: 0;
| |
| background: #242a31;
| |
| border-radius: 8px;
| |
| justify-content: center;
| |
| gap: var(--space-xxs);
| |
| line-height: var(--line-height-xs);
| |
| pointer-events: none;
| |
| }
| |
|
| |
|
| |
| /* .home-card__foreground {
| |
| position: absolute;
| |
| top: 0;
| |
| bottom: 0;
| |
| left: 0;
| |
| right: 0;
| |
| padding: var(--space-md);
| |
| display: flex;
| |
| flex-direction: column;
| |
|
| |
| } */
| |
|
| |
| .home-card__badge {
| |
| padding: var(--space-xxs)var(--space-xs);
| |
| border-radius: var(--border-radius--small);
| |
| background: var(--color-surface-2);
| |
| }
| |
|
| |
| .home-card__badge, .home-card__label {
| |
| color: var(--color-base--subtle);
| |
| font-size: var(--font-size-x-small);
| |
| letter-spacing: 0.05em;
| |
| }
| |
|
| |
| .home-card__header {
| |
| color: var(--color-base--emphasized);
| |
| font-size: 1rem;
| |
| font-weight: var(--font-weight-semibold);
| |
| line-height: var(--line-height-xs);
| |
| }
| |
|
| |
| .home-card__foreground .home-card__badge {
| |
| position: absolute;
| |
| top: 0;
| |
| right: 0;
| |
| border-top-left-radius: 0;
| |
| border-bottom-right-radius: 0;
| |
| }
| |
|
| |
| .home-card__foreground .home-card__label {
| |
| color: #bababa;
| |
| }
| |
|
| |
| .home-link {
| |
| display: grid;
| |
| margin-top: var(--space-xs);
| |
| font-size: var(--font-size-small);
| |
| font-weight: var(--font-weight-medium);
| |
| grid-gap: var(--space-xs);
| |
| text-align: center;
| |
| }
| |
|
| |
| .home-link__button {
| |
| display: flex;
| |
| }
| |
|
| |
| .home-link__button a {
| |
| flex-grow: 1;
| |
| padding: var(--space-xs);
| |
| border: 1px solid var(--border-color-base);
| |
| background: var(--color-surface-2);
| |
| border-radius: var(--border-radius--medium);
| |
| color: var(--color-base--emphasized)!important;
| |
| line-height: var(--line-height-xs);
| |
| text-decoration: none!important;
| |
| }
| |
|
| |
| #home-gamestatus {
| |
| padding: 0;
| |
| display: flex;
| |
| }
| |
|
| |
| .home-badge {
| |
| display: flex;
| |
| gap: var(--space-xxs);
| |
| font-size: var(--font-size-x-small);
| |
| padding: var(--space-xxs) var(--space-xs);
| |
| background: var(--color-surface-2);
| |
| color: var(--color-base);
| |
| border-radius: var(--border-radius--small);
| |
| font-weight: var(--font-weight-normal);
| |
| letter-spacing: 0.025em;
| |
| line-height:var(--line-height-xs);
| |
| }
| |
|
| |
| .home-gamestatus-patches,
| |
| .home-gamestatus-links {
| |
| padding: var(--space-md);
| |
| }
| |
|
| |
| .home-gamestatus-patches {
| |
| background: var(--color-surface-2);
| |
| border-top-left-radius: var(--border-radius--medium);
| |
| border-bottom-left-radius: var(--border-radius--medium);
| |
| display: flex;
| |
| flex-direction: column;
| |
| gap: var(--space-sm);
| |
| }
| |
|
| |
| .home-gamestatus-links {
| |
| flex-grow: 1;
| |
| }
| |
|
| |
| .home-badge.home-gamestatus-patch__type {
| |
| background: var(--color-surface-3);
| |
| }
| |
|
| |
| .home-badge.home-gamestatus-patch__type::before {
| |
| content: '🗓';
| |
| }
| |
| .home-badge.home-gamestatus-patch__type--live {
| |
| background: var( --background-color-success );
| |
| color: var( --color-text-success );
| |
| }
| |
|
| |
| .home-badge.home-gamestatus-patch__type--live::before {
| |
| content: '🎉 ';
| |
| }
| |
|
| |
| .home-badge.home-gamestatus-patch__type--evo {
| |
| background: var( --background-color-destructive );
| |
| color: var( --color-text-error );
| |
| }
| |
|
| |
| .home-badge.home-gamestatus-patch__type--evo::before {
| |
| content: '🚨 ';
| |
| }
| |
|
| |
| .home-badge.home-gamestatus-patch__type[ class*="ptu" ] {
| |
| background: var( --background-color-warning );
| |
| color: var( --color-text-warning );
| |
| }
| |
|
| |
| .home-badge.home-gamebuild-patch__type[ class*="ptu" ]::before {
| |
| content: '🧪 ';
| |
| }
| |
|
| |
| .home-gamestatus-patch {
| |
| display: flex;
| |
| flex-direction: column;
| |
| align-items: flex-start;
| |
| line-height: 1;
| |
| gap: var(--space-xs);
| |
| }
| |
|
| |
| .home-gamestatus-patches__divider {
| |
| height: 1px;
| |
| background: var(--border-color-base);
| |
| }
| |
|
| |
| .home-gamestatus-patch__name {
| |
| font-size: var(--font-size-xxx-large);
| |
| font-weight: var(--font-weight-medium);
| |
| }
| |
|
| |
| .home-gamestatus-links .home-link {
| |
| margin-top: 0;
| |
| }
| |
|
| |
| #home-featured {
| |
| overflow: hidden;
| |
| }
| |
|
| |
| #home-featured .home-card__background a {
| |
| display: block;
| |
| height: 100%;
| |
| }
| |
|
| |
| #home-featured .home-card__background:after {
| |
| top: unset;
| |
| height: 60%;
| |
| background: linear-gradient( to top, #000, transparent );
| |
| }
| |
|
| |
| #home-featured .home-card__foreground {
| |
| justify-content: flex-end;
| |
| }
| |
|
| |
| /* Ikonky služeb - Infobox lokalita */
| |
|
| |
| .sekceIkon {
| |
| display: ruby;
| |
| }
| |
|
| |
| .ikonaSluzeb {
| |
| background: #3a8d9f /*var(--color-surface-4)*/;
| |
| border-radius:var(--border-radius--small);
| |
| display:flex;
| |
| justify-content:center;
| |
| margin-right: 5px;
| |
| }
| |
|
| |
| .ikonaSluzebRed {
| |
| background: var(--color-surface-4);
| |
| border-radius:var(--border-radius--small);
| |
| display:flex;
| |
| justify-content:center;
| |
| margin-right: 5px;
| |
| }
| |
|
| |
| .ikonaSluzebRed img {
| |
| filter: invert(23%) sepia(51%) saturate(0%) hue-rotate(355deg) brightness(98%) contrast(78%);
| |
| }
| |
|
| |
| .ikonaSluzeb:last-child {
| |
| margin-right:0;
| |
| }
| |
|
| |
| .sluzbaLokalityNeni {
| |
| color:var(--color-surface-4);
| |
| }
| |
|
| |
| .sluzbaLokalityNeni img {
| |
| opacity:0.2;
| |
| }
| |
|
| |
| #home-card-discord {
| |
| background: #5865f2;
| |
| }
| |
|
| |
|
| |
| /* Šablona: Q&A */
| |
|
| |
| .otazka {
| |
| display: flex;
| |
| width: fit-content;
| |
| margin-top: 0.8rem;
| |
| margin-bottom: 3em;
| |
| border-spacing: 0;
| |
| border-radius: var(--border-radius--large);
| |
| background: var(--color-surface-2);
| |
| font-size: 0.875rem;
| |
| text-align: left;
| |
| box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
| |
| /* V případě, že tooltip překročí boundary */
| |
| overflow: visible;
| |
| }
| |
|
| |
| .otazka tbody {
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| justify-content: space-between;
| |
| }
| |
|
| |
| .otazka tr {
| |
| margin-top: 10px;
| |
| padding: 0 8px;
| |
| display: flex;
| |
| flex-direction: column;
| |
| box-sizing: border-box;
| |
| }
| |
|
| |
| .otazka th,
| |
| .otazka td {
| |
| padding: 0 10px;
| |
| }
| |
|
| |
| .otazka .otazka-col1 {
| |
| width: 100%;
| |
| }
| |
|
| |
| .otazka .datumAzdroj {
| |
|
| |
| }
| |
|
| |
| .otazka .tagy {
| |
| text-align:right;
| |
| }
| |
|
| |
| .otazka .odpoved {
| |
| padding-bottom: 20px;
| |
| padding-top: 10px;
| |
| border-bottom-left-radius: var(--border-radius--large);
| |
| border-bottom-right-radius: var(--border-radius--large);
| |
| background: var(--color-surface-4);
| |
| }
| |
|
| |
| /* Šablona: Kategorie */
| |
|
| |
| span.kategorieTagy {
| |
| margin:0 0.1rem;
| |
| padding:0.1rem 0.4rem;
| |
| border-radius:4px;
| |
| font-weight:500;
| |
| background: #3d6c62;
| |
| }
| |
|
| |
| /* Šablona: PrevNext */
| |
|
| |
| .prevNext {
| |
| margin:var(--space-md)0;
| |
| padding:var(--space-xxs);
| |
| background-color:var(--color-surface-2);
| |
| border-radius:var(--border-radius--medium);
| |
| font-size:var(--font-size-small);
| |
| line-height:var(--line-height-sm);
| |
| display:grid;
| |
| grid-template-areas:"prev now next";
| |
| grid-template-columns:minmax(max-content,1fr) minmax(max-content,1fr) minmax(max-content,1fr);
| |
| }
| |
|
| |
| .prevNext__prev, .prevNext__now, .prevNext__next {
| |
| padding:var(--space-xs);
| |
| }
| |
|
| |
| .prevNext__prev, .prevNext__next {
| |
| position:relative;
| |
| gap:var(--space-sm);
| |
| }
| |
|
| |
| .prevNext__prev {
| |
| display:flex;
| |
| grid-area:prev;
| |
| }
| |
|
| |
| .prevNext__now {
| |
| grid-area:now;
| |
| text-align:center;
| |
| justify-self:center;
| |
| }
| |
|
| |
| .prevNext__next {
| |
| display:flex;
| |
| grid-area:next;
| |
| justify-content:flex-end;
| |
| text-align:end;
| |
| }
| |
|
| |
| .prevNext__patchStatus--released {
| |
| color:var(--color-text-success);
| |
| }
| |
|
| |
| .prevNext__patchStatus--upcoming {
| |
| color:var(--color-warning);
| |
| }
| |
|
| |
| .prevNext__datum {
| |
| color:var(--color-base--subtle);
| |
| font-size:var(--font-size-x-small);
| |
| }
| |
|
| |
| @media only screen and (max-width: 720px) {
| |
| .prevNext {
| |
| grid-template-areas:
| |
| "now now"
| |
| "prev next";
| |
| grid-template-columns:auto;
| |
| }
| |
| }
| |
|
| |
| /* TEST GRID */
| |
|
| |
| .home-gridT {
| |
| display:grid;
| |
| grid-template-columns: 1fr 1fr 1fr;
| |
| grid-gap: var(--space-xs);
| |
| }
| |
|
| |
| @media only screen and (max-width: 720px) {
| |
| .home-gridT {
| |
| grid-template-columns: 1fr;
| |
| }
| |
| }
| |
|
| |
| .home-cardT {
| |
| position: relative;
| |
| padding: var(--space-md);
| |
| background: var(--color-surface-1);
| |
| border-radius: var(--border-radius--medium);
| |
| font-size: var(--font-size-small);
| |
| }
| |
|
| |
| #home-gs {
| |
| padding: 0;
| |
| display: flex;
| |
| }
| |
|
| |
| .home-gs-patchesT {
| |
| background: var(--color-surface-2);
| |
| border-top-left-radius: var(--border-radius--medium);
| |
| border-bottom-left-radius: var(--border-radius--medium);
| |
| display: flex;
| |
| flex-direction: column;
| |
| gap: var(--space-sm);
| |
| }
| |
|
| |
| .home-gs-patchesT,
| |
| .home-gs-linksT {
| |
| padding: var(--space-md);
| |
| }
| |
|
| |
| .home-gs-patchT {
| |
| display: flex;
| |
| flex-direction: column;
| |
| align-items: flex-start;
| |
| line-height: 1;
| |
| gap: var(--space-xs);
| |
| }
| |
|
| |
| .home-badge.home-gs-patchT__type {
| |
| background: var(--color-surface-3);
| |
| }
| |
|
| |
| .home-badge.home-gs-patchT__type::before {
| |
| content: '🗓';
| |
| }
| |
| .home-badge.home-gs-patchT__type--live {
| |
| background: var( --background-color-success );
| |
| color: var( --color-text-success );
| |
| }
| |
|
| |
| .home-badge.home-gs-patchT__type--live::before {
| |
| content: '🎉 ';
| |
| }
| |
|
| |
| .home-badge.home-gs-patchT__type--evo {
| |
| background: var( --background-color-destructive );
| |
| color: var( --color-text-error );
| |
| }
| |
|
| |
| .home-badge.home-gs-patchT__type--evo::before {
| |
| content: '🚨 ';
| |
| }
| |
|
| |
| .home-badge.home-gs-patchT__type--ptu {
| |
| background: var( --background-color-warning );
| |
| color: var( --color-text-warning );
| |
| }
| |
|
| |
| .home-badge.home-gs-patchT__type--ptu::before {
| |
| content: '🧪 ';
| |
| }
| |
|
| |
| .home-gs-patchT__name {
| |
| font-size: var(--font-size-xxx-large);
| |
| font-weight: var(--font-weight-medium);
| |
| }
| |
|
| |
| .home-gs-patch__divider {
| |
| height: 1px;
| |
| background: var(--border-color-base);
| |
| }
| |
|
| |
| .home-gs-linksT {
| |
|
| |
| }
| |
|
| |
| .item-2 {
| |
| background-color: yellow;
| |
| }
| |
|
| |
| .item-3 {
| |
| background-color: orange;
| |
| }
| |
