Aylong (обсуждение | вклад) Нет описания правки Метка: отменено |
Aylong (обсуждение | вклад) мНет описания правки |
||
| (не показано 75 промежуточных версий этого же участника) | |||
| Строка 1: | Строка 1: | ||
/* | /* Hide noscript only elements */ | ||
.client-js *.noscript { | |||
display: none; | |||
} | } | ||
/* Disable blur */ | |||
.blurless { | |||
backdrop-filter: blur(0) !important; | |||
} | } | ||
. | /* Fill */ | ||
.fill { | |||
position: absolute; | |||
top: 0; | |||
bottom: 0; | |||
left: 0; | |||
right: 0; | |||
z-index: var(--index-low); | |||
} | } | ||
/** | |||
* MARK: MainPage/Content | |||
*/ | |||
.wiki-mainpage { | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: 0.75em; | |||
} | } | ||
. | .wiki-mainpage-column { | ||
display: flex; | |||
flex-direction: column; | |||
flex: 1; | |||
gap: 0.75em; | |||
} | } | ||
/** | |||
* MARK: MainPage/Splash | |||
*/ | |||
.tg-logo { | |||
display: flex; | |||
flex-direction: column; | |||
align-items: center; | |||
max-width: 900px; | |||
padding: 2em 1.5em 0; | |||
background-color: var(--color-bg-section-light); | |||
border: var(--border-classic); | |||
border-radius: var(--border-radius-large); | |||
backdrop-filter: var(--blur-default); | |||
} | } | ||
a | .tg-logo a img { | ||
width: 100%; | |||
height: auto; | |||
} | } | ||
.tg-welcome { | |||
display: inline-flex; | |||
text-align: center; | |||
font-weight: bold; | |||
padding: 0 1em; | |||
margin: 1em 0.5em 0.5em 0.5em; | |||
background-color: var(--color-primary); | |||
color: var(--color-white); | |||
border-radius: var(--border-radius-large); | |||
} | } | ||
.tg-info { | |||
display: flex; | |||
flex-direction: column; | |||
align-items: center; | |||
text-align: center; | |||
} | } | ||
.tg-info-string { | |||
overflow: hidden; | |||
display: flex; | |||
max-width: 90%; | |||
margin-bottom: 0.25em; | |||
background-color: var(--color-bg-section-light); | |||
border: var(--border-classic); | |||
border-top: 0; | |||
border-radius: 0 0 var(--border-radius-large) var(--border-radius-large); | |||
box-shadow: inset 0px 5px 5px -5px rgba(0, 0, 0, 0.2); | |||
backdrop-filter: var(--blur-default); | |||
} | } | ||
.tg-info-string span:not([class]) { | |||
padding: 0.5em 0.75em; | |||
border-right: var(--border-classic); | |||
border-left: var(--border-classic); | |||
@media (max-width: 719px) { | |||
display: none; | |||
} | |||
} | |||
} | } | ||
.tg-info-string .tg-info-link { | |||
min-width: 3em; | |||
@media (max-width: 719px) { | |||
min-width: 10em; | |||
height: 2.5em; | |||
} | |||
} | } | ||
. | .tg-info-string .tg-info-link:first-of-type { | ||
@media (max-width: 719px) { | |||
border-right: var(--border-classic); | |||
} | |||
} | } | ||
.tg-info-string .tg-info-link a { | |||
display: inline-flex; | |||
align-items: center; | |||
justify-content: center; | |||
width: 100%; | |||
height: 100%; | |||
color: var(--color-text-semi-translucent) !important; | |||
transition: color var(--transition-time), background-color var(--transition-time); | |||
} | } | ||
. | .tg-info-string .tg-info-link a:hover { | ||
background-color: var(--color-bg-hover); | |||
color: var(--color-text) !important; | |||
} | } | ||
. | .tg-info-string .tg-info-link a:after { | ||
content: ""; | |||
font: unset; | |||
@media (min-width: 720px) { | |||
display: none; | |||
} | |||
} | |||
} | } | ||
. | .tg-info-string .tg-info-link:first-of-type a:after { | ||
@media (max-width: 719px) { | |||
content: "Discord"; | |||
margin-left: 1em; | |||
} | |||
} | } | ||
. | .tg-info-string .tg-info-link:last-of-type a:before { | ||
@media (max-width: 719px) { | |||
content: "GitHub"; | |||
. | |||
margin-right: 1em; | margin-right: 1em; | ||
} | |||
} | } | ||
. | .tg-info-string .tg-info-link a i { | ||
font-size: 1.25em; | |||
} | } | ||
. | /** | ||
* MARK: MainPage/Buttons | |||
*/ | |||
.pagebutton-container { | |||
user-select: none; | |||
display: inline-flex; | |||
flex-direction: column; | |||
overflow: hidden; | |||
position: relative; | |||
margin: 0.25em; | |||
outline: 1px outset var(--color-border); | |||
border-radius: var(--border-radius-small); | |||
transition: box-shadow var(--transition-time), transform var(--transition-time); | |||
} | } | ||
.pagebutton-container:hover { | |||
. | box-shadow: 0 0.25em 0.5em 0; | ||
transform: translateY(-0.3em); | |||
z-index: 1; | |||
} | } | ||
. | .pagebutton-container:hover:focus-within { | ||
box-shadow: 0 0.25em 0.5em 0, inset 0 0 0.5em; | |||
} | } | ||
. | .pagebutton-text a { | ||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
font-weight: bold; | |||
min-height: 21px; | |||
background-color: var(--color-bg-focus); | |||
color: var(--color-white) !important; | |||
border-top: var(--border-classic); | |||
-webkit-user-drag: none; | |||
} | } | ||
. | .pagebutton-image a img { | ||
display: flex; | |||
margin: 0 auto; | |||
padding: 0.5em; | |||
} | } | ||
. | .pageframe-container { | ||
backdrop-filter: var(--blur-default); | |||
} | } | ||
. | /** | ||
* MARK: NavBar/Tabs | |||
*/ | |||
.department-tabs { | |||
display: flex; | |||
flex-wrap: wrap; | |||
flex-grow: 1; | |||
overflow: auto; | |||
} | } | ||
. | .department-tabs-tab { | ||
position: relative; | |||
display: inline-flex; | |||
flex-grow: 1; | |||
flex-basis: 5%; | |||
} | } | ||
. | .department-tabs-tab a { | ||
padding: 0.4em 1em; | |||
flex-grow: 1; | |||
text-align: center; | |||
font-weight: bold; | |||
transition-property: background-color, color; | |||
} | } | ||
. | .department-tabs-tab a, | ||
.department-tabs-tab a:active { | |||
color: var(--color-text-gray); | |||
} | } | ||
.department-tabs-tab a:hover, | |||
. | .department-tabs-tab a:active:hover { | ||
background-color: var(--color-bg-hover); | |||
color: var(--color-text-darker); | |||
} | } | ||
.department-tabs-tab a.mw-selflink { | |||
background-color: var(--color-bg-focus) !important; | |||
color: var(--color-text) !important; | |||
box-shadow: var(--shadow-template--medium); | |||
z-index: var(--index-fore); | |||
} | } | ||
. | /** | ||
* MARK: NavBar/Buttons | |||
*/ | |||
.navbar-button a { | |||
display: flex; | |||
width: 100%; | |||
height: 100%; | |||
justify-content: center; | |||
align-items: center; | |||
font-weight: bold; | |||
color: var(--color-text-darker) !important; | |||
transition-property: background-color, color; | |||
} | } | ||
. | .navbar-button a:hover { | ||
background-color: var(--color-bg-hover); | |||
} | } | ||
. | /** | ||
* MARK: TGUI Buttons | |||
*/ | |||
.custom-link { | |||
display: inline-flex; | |||
} | } | ||
. | .custom-link a { | ||
display: inline-flex; | |||
align-items: center; | |||
text-align: center; | |||
min-height: 1.5em; | |||
line-height: 1rem; | |||
background-color: var(--color-primary); | |||
color: var(--color-white) !important; | |||
padding: 0 0.5em; | |||
border-radius: var(--border-radius-small); | |||
transition: background-color var(--transition-time); | |||
} | } | ||
. | .custom-link a:hover { | ||
background-color: var(--color-primary-light); | |||
} | } | ||
. | .custom-link i { | ||
margin-right: 0.33em; | |||
} | } | ||
. | /** | ||
* MARK: Template/Notice | |||
*/ | |||
.notice-wrapper { | |||
overflow: hidden; | |||
position: relative; | |||
width: 100%; | |||
border-radius: var(--border-radius-large); | |||
box-shadow: var(--shadow-template--small); | |||
} | } | ||
. | .notice-lines { | ||
flex: 1; | |||
min-width: 10%; | |||
height: 40px; | |||
box-shadow: var(--shadow-template--medium); | |||
z-index: var(--index-base); | |||
} | } | ||
. | .notice-title { | ||
overflow: hidden; | |||
position: relative; | |||
padding: 0.25em; | |||
min-width: 50%; | |||
border-radius: 0 0 var(--border-radius-large) var(--border-radius-large); | |||
box-shadow: var(--shadow-template--medium); | |||
z-index: var(--index-fore); | |||
} | } | ||
. | .notice-title-text { | ||
display: flex; | |||
justify-content: space-between; | |||
align-items: center; | |||
font-size: 1.2rem; | |||
font-family: "Comic Sans MS"; | |||
text-align: center; | |||
color: var(--color-white); | |||
} | } | ||
.notice-content { | |||
display: flex; | |||
align-items: center; | |||
flex-direction: column; | |||
margin: 1em; | |||
} | } | ||
.notice-content-text { | |||
font-size: 0.85rem; | |||
font-family: "Comic Sans MS"; | |||
text-align: center; | |||
color: var(--color-text); | |||
} | } | ||
/* Palette Preview */ | |||
.palette-preview { | |||
flex: 1 14em; | |||
text-align: center; | |||
margin: 0.25em; | |||
} | } | ||
/** | |||
* MARK: Типы урона | |||
*/ | |||
.brute { | |||
color: var(--color-red); | |||
font-weight: bold; | |||
} | } | ||
.burn { | |||
: | color: var(--color-orange); | ||
font-weight: bold; | |||
} | } | ||
: | .oxygen { | ||
color: var(--color-blue); | |||
font-weight: bold; | |||
} | } | ||
: | .toxic { | ||
color: var(--color-green); | |||
font-weight: bold; | |||
} | } | ||
.gene { | |||
color: var(--color-purple); | |||
font-weight: bold; | |||
} | } | ||
.electric { | |||
color: var(--color-teal); | |||
font-weight: bold; | |||
} | } | ||
. | /** | ||
* MARK: Template/Rules | |||
*/ | |||
.rule-template { | |||
cursor: default; | |||
overflow: hidden; | |||
position: relative; | |||
margin-bottom: 0.75rem; | |||
border-radius: var(--border-radius-medium); | |||
box-shadow: 0 0 0.5rem -0.1rem, inset 0 0 0.25rem 0rem; | |||
transition: box-shadow var(--transition-time); | |||
} | } | ||
. | .rule-template:hover { | ||
box-shadow: 0 0 0.75rem 0, inset 0 0 0.25rem 0.1rem; | |||
} | } | ||
. | .rule-template:last-child { | ||
margin-bottom: 0; | |||
} | } | ||
. | .rule-template .rule-template { | ||
margin: 0.5rem 0 0; | |||
box-shadow: none; | |||
transition: none; | |||
} | } | ||
. | .rule-template .rule-template:first-child { | ||
margin: 0.75rem 0 0.1rem; | |||
. | |||
} | } | ||
.rule-title h3, | |||
.rule-title h4 { | |||
margin: 0; | |||
padding: 0; | |||
line-height: 1.4; | |||
} | } | ||
. | .rule-number { | ||
display: inline-flex; | |||
justify-content: center; | |||
align-items: center; | |||
white-space: nowrap; | |||
padding: 0.33rem 0.75rem 0.15rem; | |||
width: 3.75em; | |||
} | } | ||
. | .rule-hidden { | ||
display: none; | |||
} | } | ||
. | .rule-name { | ||
padding: 0.33rem 0.75rem 0.15rem; | |||
} | } | ||
. | .rule-content { | ||
padding: 0.33rem 0.5rem; | |||
text-align: left; | |||
} | } | ||
. | /** | ||
* MARK: Space Law Template | |||
*/ | |||
.flexbox-container { | |||
position: relative; | |||
display: flex; | |||
flex: 1 0 30rem; | |||
flex-direction: column; | |||
border-radius: var(--border-radius-medium); | |||
@media (max-width: 719px) { | |||
flex: 1 0 100%; | |||
} | |||
} | } | ||
. | .flexbox-container .tgui-blur { | ||
border-radius: var(--border-radius-medium); | |||
} | } | ||
. | .flexbox-title { | ||
display: flex; | |||
align-items: center; | |||
min-height: 1.75rem; | |||
font-size: 1.1rem; | |||
font-weight: bold; | |||
border-bottom: 2px solid; | |||
border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0; | |||
} | } | ||
. | .flexbox-title .flexbox-name { | ||
flex: 1 !important; | |||
margin: 0 !important; | |||
padding: 0.25rem 0.5rem !important; | |||
font-size: 0.95rem !important; | |||
line-height: 0.95rem !important; | |||
} | } | ||
. | .flexbox-subtitle { | ||
min-width: 2.6rem; | |||
height: 100%; | |||
padding: 0 0.33em; | |||
text-align: center; | |||
align-content: center; | |||
color: var(--color-white); | |||
border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0; | |||
} | } | ||
.flexbox-content { | |||
display: flex; | |||
flex: 1; | |||
} | } | ||
.flexbox-image { | |||
overflow: hidden; | |||
display: flex; | |||
align-items: center; | |||
border: 2px solid; | |||
border-top: 0; | |||
border-radius: 0 0 0 var(--border-radius-medium); | |||
} | } | ||
. | .flexbox-container__text { | ||
display: flex; | |||
flex-direction: column; | |||
justify-content: space-between; | |||
flex: 1; | |||
border-style: solid; | |||
border-width: 0 1px 1px 0; | |||
border-radius: 0 0 var(--border-radius-medium) 0; | |||
} | } | ||
.flexbox-desc { | |||
flex: 1; | |||
padding: 0.33rem; | |||
line-height: 1.125rem; | |||
} | } | ||
. | /** | ||
* MARK: JSLink | |||
*/ | |||
.jslink { | |||
cursor: pointer; | |||
user-select: none; | |||
font-size: 0.66em; | |||
padding: 0.25em 0.5em; | |||
margin-left: 0.5em; | |||
background-color: var(--color-primary); | |||
color: var(--color-white) !important; | |||
border-radius: var(--border-radius-small); | |||
transition: background-color var(--transition-time); | |||
} | } | ||
.jslink:hover { | |||
background-color: var(--color-primary-light); | |||
} | } | ||
/* | /** | ||
. | * MARK: Item Template | ||
*/ | |||
.item-template { | |||
position: relative; | |||
overflow: auto; | |||
display: inline-flex; | |||
flex-direction: column; | |||
border-radius: var(--border-radius-medium); | |||
} | } | ||
. | .item-template-item { | ||
display: flex; | |||
} | } | ||
.item-template-desc { | |||
padding: 0.25em 0.5em; | |||
white-space: break-spaces; | |||
} | } | ||
.item-template-desc p { | |||
display: inline-block; | |||
width: 100%; | |||
} | } | ||
.item-template-desc ul { | |||
. | white-space: normal; | ||
} | } | ||
. | .item-template-desc br { | ||
display: none; | |||
} | } | ||
. | .item-template-storage { | ||
display: flex; | |||
flex-direction: column; | |||
flex: 1; | |||
} | } | ||
. | /** | ||
* MARK: Construction Template | |||
*/ | |||
.construction-container { | |||
overflow: auto; | |||
display: inline-flex; | |||
position: relative; | |||
width: 50%; | |||
max-height: 100% !important; | |||
margin-bottom: 0.75em; | |||
border-radius: var(--border-radius-medium); | |||
box-shadow: var(--shadow-template--small); | |||
} | } | ||
. | .construcion-object { | ||
display: flex; | |||
flex-direction: column; | |||
width: 20%; | |||
box-shadow: var(--shadow-template--medium); | |||
z-index: var(--index-fore); | |||
min-width: 150px; | |||
} | } | ||
. | .construction-tools { | ||
display: flex; | |||
justify-content: center; | |||
align-content: center; | |||
align-items: center; | |||
flex-wrap: wrap; | |||
flex: 1; | |||
padding: 0.25em | |||
} | } | ||
. | .construction-steps { | ||
display: flex; | |||
flex-direction: column; | |||
flex: 1; | |||
min-width: 250px; | |||
} | } | ||
. | .construction-steps ol { | ||
margin: 0 0 0 1.75em; | |||
} | } | ||
. | .construction-info-header { | ||
padding: 0.25em 0.5em; | |||
text-align: center; | |||
font-weight: bold; | |||
color: var(--color-white); | |||
} | } | ||
. | /* Таблица контрабанды */ | ||
.ContrabandItemList { | |||
backdrop-filter: var(--blur-intensity); | |||
} | } | ||
. | .ContrabandItemCore { | ||
display: flex; | |||
flex-flow: row wrap; | |||
gap: 0.5rem; | |||
padding: 0.5rem; | |||
} | } | ||
. | .ContrabandItem { | ||
hyphens: auto; | |||
text-align: center; | |||
background-color: var(--color-bg-section); | |||
border: var(--border-classic); | |||
border-radius: var(--border-radius-medium); | |||
padding: 0.25em; | |||
flex: 1 0 12em; | |||
justify-content: center; | |||
} | } | ||
Текущая версия от 06:40, 12 декабря 2024
/* Hide noscript only elements */
.client-js *.noscript {
display: none;
}
/* Disable blur */
.blurless {
backdrop-filter: blur(0) !important;
}
/* Fill */
.fill {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: var(--index-low);
}
/**
* MARK: MainPage/Content
*/
.wiki-mainpage {
display: flex;
flex-wrap: wrap;
gap: 0.75em;
}
.wiki-mainpage-column {
display: flex;
flex-direction: column;
flex: 1;
gap: 0.75em;
}
/**
* MARK: MainPage/Splash
*/
.tg-logo {
display: flex;
flex-direction: column;
align-items: center;
max-width: 900px;
padding: 2em 1.5em 0;
background-color: var(--color-bg-section-light);
border: var(--border-classic);
border-radius: var(--border-radius-large);
backdrop-filter: var(--blur-default);
}
.tg-logo a img {
width: 100%;
height: auto;
}
.tg-welcome {
display: inline-flex;
text-align: center;
font-weight: bold;
padding: 0 1em;
margin: 1em 0.5em 0.5em 0.5em;
background-color: var(--color-primary);
color: var(--color-white);
border-radius: var(--border-radius-large);
}
.tg-info {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.tg-info-string {
overflow: hidden;
display: flex;
max-width: 90%;
margin-bottom: 0.25em;
background-color: var(--color-bg-section-light);
border: var(--border-classic);
border-top: 0;
border-radius: 0 0 var(--border-radius-large) var(--border-radius-large);
box-shadow: inset 0px 5px 5px -5px rgba(0, 0, 0, 0.2);
backdrop-filter: var(--blur-default);
}
.tg-info-string span:not([class]) {
padding: 0.5em 0.75em;
border-right: var(--border-classic);
border-left: var(--border-classic);
@media (max-width: 719px) {
display: none;
}
}
.tg-info-string .tg-info-link {
min-width: 3em;
@media (max-width: 719px) {
min-width: 10em;
height: 2.5em;
}
}
.tg-info-string .tg-info-link:first-of-type {
@media (max-width: 719px) {
border-right: var(--border-classic);
}
}
.tg-info-string .tg-info-link a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
color: var(--color-text-semi-translucent) !important;
transition: color var(--transition-time), background-color var(--transition-time);
}
.tg-info-string .tg-info-link a:hover {
background-color: var(--color-bg-hover);
color: var(--color-text) !important;
}
.tg-info-string .tg-info-link a:after {
content: "";
font: unset;
@media (min-width: 720px) {
display: none;
}
}
.tg-info-string .tg-info-link:first-of-type a:after {
@media (max-width: 719px) {
content: "Discord";
margin-left: 1em;
}
}
.tg-info-string .tg-info-link:last-of-type a:before {
@media (max-width: 719px) {
content: "GitHub";
margin-right: 1em;
}
}
.tg-info-string .tg-info-link a i {
font-size: 1.25em;
}
/**
* MARK: MainPage/Buttons
*/
.pagebutton-container {
user-select: none;
display: inline-flex;
flex-direction: column;
overflow: hidden;
position: relative;
margin: 0.25em;
outline: 1px outset var(--color-border);
border-radius: var(--border-radius-small);
transition: box-shadow var(--transition-time), transform var(--transition-time);
}
.pagebutton-container:hover {
box-shadow: 0 0.25em 0.5em 0;
transform: translateY(-0.3em);
z-index: 1;
}
.pagebutton-container:hover:focus-within {
box-shadow: 0 0.25em 0.5em 0, inset 0 0 0.5em;
}
.pagebutton-text a {
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
min-height: 21px;
background-color: var(--color-bg-focus);
color: var(--color-white) !important;
border-top: var(--border-classic);
-webkit-user-drag: none;
}
.pagebutton-image a img {
display: flex;
margin: 0 auto;
padding: 0.5em;
}
.pageframe-container {
backdrop-filter: var(--blur-default);
}
/**
* MARK: NavBar/Tabs
*/
.department-tabs {
display: flex;
flex-wrap: wrap;
flex-grow: 1;
overflow: auto;
}
.department-tabs-tab {
position: relative;
display: inline-flex;
flex-grow: 1;
flex-basis: 5%;
}
.department-tabs-tab a {
padding: 0.4em 1em;
flex-grow: 1;
text-align: center;
font-weight: bold;
transition-property: background-color, color;
}
.department-tabs-tab a,
.department-tabs-tab a:active {
color: var(--color-text-gray);
}
.department-tabs-tab a:hover,
.department-tabs-tab a:active:hover {
background-color: var(--color-bg-hover);
color: var(--color-text-darker);
}
.department-tabs-tab a.mw-selflink {
background-color: var(--color-bg-focus) !important;
color: var(--color-text) !important;
box-shadow: var(--shadow-template--medium);
z-index: var(--index-fore);
}
/**
* MARK: NavBar/Buttons
*/
.navbar-button a {
display: flex;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
font-weight: bold;
color: var(--color-text-darker) !important;
transition-property: background-color, color;
}
.navbar-button a:hover {
background-color: var(--color-bg-hover);
}
/**
* MARK: TGUI Buttons
*/
.custom-link {
display: inline-flex;
}
.custom-link a {
display: inline-flex;
align-items: center;
text-align: center;
min-height: 1.5em;
line-height: 1rem;
background-color: var(--color-primary);
color: var(--color-white) !important;
padding: 0 0.5em;
border-radius: var(--border-radius-small);
transition: background-color var(--transition-time);
}
.custom-link a:hover {
background-color: var(--color-primary-light);
}
.custom-link i {
margin-right: 0.33em;
}
/**
* MARK: Template/Notice
*/
.notice-wrapper {
overflow: hidden;
position: relative;
width: 100%;
border-radius: var(--border-radius-large);
box-shadow: var(--shadow-template--small);
}
.notice-lines {
flex: 1;
min-width: 10%;
height: 40px;
box-shadow: var(--shadow-template--medium);
z-index: var(--index-base);
}
.notice-title {
overflow: hidden;
position: relative;
padding: 0.25em;
min-width: 50%;
border-radius: 0 0 var(--border-radius-large) var(--border-radius-large);
box-shadow: var(--shadow-template--medium);
z-index: var(--index-fore);
}
.notice-title-text {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 1.2rem;
font-family: "Comic Sans MS";
text-align: center;
color: var(--color-white);
}
.notice-content {
display: flex;
align-items: center;
flex-direction: column;
margin: 1em;
}
.notice-content-text {
font-size: 0.85rem;
font-family: "Comic Sans MS";
text-align: center;
color: var(--color-text);
}
/* Palette Preview */
.palette-preview {
flex: 1 14em;
text-align: center;
margin: 0.25em;
}
/**
* MARK: Типы урона
*/
.brute {
color: var(--color-red);
font-weight: bold;
}
.burn {
color: var(--color-orange);
font-weight: bold;
}
.oxygen {
color: var(--color-blue);
font-weight: bold;
}
.toxic {
color: var(--color-green);
font-weight: bold;
}
.gene {
color: var(--color-purple);
font-weight: bold;
}
.electric {
color: var(--color-teal);
font-weight: bold;
}
/**
* MARK: Template/Rules
*/
.rule-template {
cursor: default;
overflow: hidden;
position: relative;
margin-bottom: 0.75rem;
border-radius: var(--border-radius-medium);
box-shadow: 0 0 0.5rem -0.1rem, inset 0 0 0.25rem 0rem;
transition: box-shadow var(--transition-time);
}
.rule-template:hover {
box-shadow: 0 0 0.75rem 0, inset 0 0 0.25rem 0.1rem;
}
.rule-template:last-child {
margin-bottom: 0;
}
.rule-template .rule-template {
margin: 0.5rem 0 0;
box-shadow: none;
transition: none;
}
.rule-template .rule-template:first-child {
margin: 0.75rem 0 0.1rem;
}
.rule-title h3,
.rule-title h4 {
margin: 0;
padding: 0;
line-height: 1.4;
}
.rule-number {
display: inline-flex;
justify-content: center;
align-items: center;
white-space: nowrap;
padding: 0.33rem 0.75rem 0.15rem;
width: 3.75em;
}
.rule-hidden {
display: none;
}
.rule-name {
padding: 0.33rem 0.75rem 0.15rem;
}
.rule-content {
padding: 0.33rem 0.5rem;
text-align: left;
}
/**
* MARK: Space Law Template
*/
.flexbox-container {
position: relative;
display: flex;
flex: 1 0 30rem;
flex-direction: column;
border-radius: var(--border-radius-medium);
@media (max-width: 719px) {
flex: 1 0 100%;
}
}
.flexbox-container .tgui-blur {
border-radius: var(--border-radius-medium);
}
.flexbox-title {
display: flex;
align-items: center;
min-height: 1.75rem;
font-size: 1.1rem;
font-weight: bold;
border-bottom: 2px solid;
border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0;
}
.flexbox-title .flexbox-name {
flex: 1 !important;
margin: 0 !important;
padding: 0.25rem 0.5rem !important;
font-size: 0.95rem !important;
line-height: 0.95rem !important;
}
.flexbox-subtitle {
min-width: 2.6rem;
height: 100%;
padding: 0 0.33em;
text-align: center;
align-content: center;
color: var(--color-white);
border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0;
}
.flexbox-content {
display: flex;
flex: 1;
}
.flexbox-image {
overflow: hidden;
display: flex;
align-items: center;
border: 2px solid;
border-top: 0;
border-radius: 0 0 0 var(--border-radius-medium);
}
.flexbox-container__text {
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 1;
border-style: solid;
border-width: 0 1px 1px 0;
border-radius: 0 0 var(--border-radius-medium) 0;
}
.flexbox-desc {
flex: 1;
padding: 0.33rem;
line-height: 1.125rem;
}
/**
* MARK: JSLink
*/
.jslink {
cursor: pointer;
user-select: none;
font-size: 0.66em;
padding: 0.25em 0.5em;
margin-left: 0.5em;
background-color: var(--color-primary);
color: var(--color-white) !important;
border-radius: var(--border-radius-small);
transition: background-color var(--transition-time);
}
.jslink:hover {
background-color: var(--color-primary-light);
}
/**
* MARK: Item Template
*/
.item-template {
position: relative;
overflow: auto;
display: inline-flex;
flex-direction: column;
border-radius: var(--border-radius-medium);
}
.item-template-item {
display: flex;
}
.item-template-desc {
padding: 0.25em 0.5em;
white-space: break-spaces;
}
.item-template-desc p {
display: inline-block;
width: 100%;
}
.item-template-desc ul {
white-space: normal;
}
.item-template-desc br {
display: none;
}
.item-template-storage {
display: flex;
flex-direction: column;
flex: 1;
}
/**
* MARK: Construction Template
*/
.construction-container {
overflow: auto;
display: inline-flex;
position: relative;
width: 50%;
max-height: 100% !important;
margin-bottom: 0.75em;
border-radius: var(--border-radius-medium);
box-shadow: var(--shadow-template--small);
}
.construcion-object {
display: flex;
flex-direction: column;
width: 20%;
box-shadow: var(--shadow-template--medium);
z-index: var(--index-fore);
min-width: 150px;
}
.construction-tools {
display: flex;
justify-content: center;
align-content: center;
align-items: center;
flex-wrap: wrap;
flex: 1;
padding: 0.25em
}
.construction-steps {
display: flex;
flex-direction: column;
flex: 1;
min-width: 250px;
}
.construction-steps ol {
margin: 0 0 0 1.75em;
}
.construction-info-header {
padding: 0.25em 0.5em;
text-align: center;
font-weight: bold;
color: var(--color-white);
}
/* Таблица контрабанды */
.ContrabandItemList {
backdrop-filter: var(--blur-intensity);
}
.ContrabandItemCore {
display: flex;
flex-flow: row wrap;
gap: 0.5rem;
padding: 0.5rem;
}
.ContrabandItem {
hyphens: auto;
text-align: center;
background-color: var(--color-bg-section);
border: var(--border-classic);
border-radius: var(--border-radius-medium);
padding: 0.25em;
flex: 1 0 12em;
justify-content: center;
}