MediaWiki:Common-en.css
Перейти к навигации
Перейти к поиску
Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
- Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
- Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
- Opera: Нажмите Ctrl+F5.
/* This styles copied from [[en:MediaWiki:Common.css]], with some additions, to deny @import from the Calamity Mod Wiki */
:root {
--wiki-body-background-color: #171717;
--wiki-body-background-color--rgb: 23,23,23;
--wiki-body-background-image: url(/images/c/c4/Site-background-dark.jpg);
--wiki-content-background-color: #202020;
--wiki-content-background-color--rgb: 32,32,32;
--wiki-content-background-opacity: 1;
--wiki-content-background-color--secondary: #2b2b2b;
--wiki-content-background-color--secondary--rgb: 43,43,43;
--wiki-content-border-color: #f32078;
--wiki-content-border-color--rgb: 243,32,120;
--wiki-content-link-color: #6d8afb;
--wiki-content-link-color--rgb: 109,138,251;
--wiki-content-text-mix-color: #9b9b9b;
--wiki-content-text-mix-color--rgb: 155,155,155;
--wiki-content-text-mix-color-95: #2a2a2a;
--wiki-content-text-mix-color-95--rgb: 42,42,42;
--wiki-accent-color: #ff1980;
--wiki-accent-color--rgb: 255,25,128;
--wiki-accent-color--hover: #D82073;
--wiki-accent-color--hover--rgb: 216,32,115;
--wiki-accent-label-color: #000;
--wiki-accent-label-color--rgb: 0,0,0;
--wiki-accent-link-color: #22214d;
--wiki-accent-link-color--rgb: 34,33,77;
--wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%);
--wiki-body-background-position: top center;
--wiki-body-background-size: cover;
--wiki-body-background-repeat: no-repeat;
--wiki-body-background-attachment: fixed;
--wiki-content-text-color: #ededed;
--wiki-content-text-color--rgb: 237,237,237;
--wiki-content-link-color--visited: var(--wiki-content-link-color);
--wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb);
--wiki-content-link-color--hover: var(--wiki-content-link-color);
--wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb);
--wiki-content-redlink-color: #FC3B2C;
--wiki-content-redlink-color--rgb: 252,59,44;
--wiki-heading-color: var(--wiki-content-text-color);
--wiki-heading-color--rgb: var(--wiki-content-text-color--rgb);
--wiki-sidebar-background-color: var(--wiki-content-background-color);
--wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb);
--wiki-sidebar-background-opacity: var(--wiki-content-background-opacity);
--wiki-sidebar-border-color: var(--wiki-content-border-color);
--wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb);
--wiki-sidebar-link-color: var(--wiki-content-link-color);
--wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb);
--wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover);
--wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb);
--wiki-sidebar-heading-color: var(--wiki-heading-color);
--wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb);
--wiki-navigation-background-color: var(--wiki-content-background-color--secondary);
--wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb);
--wiki-navigation-background-color--secondary: var(--wiki-content-background-color);
--wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb);
--wiki-navigation-border-color: var(--wiki-content-border-color);
--wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb);
--wiki-navigation-text-color: var(--wiki-content-link-color);
--wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb);
--wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover);
--wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb);
--wiki-navigation-selected-background-color: var(--wiki-content-background-color);
--wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb);
--wiki-navigation-selected-border-color: var(--wiki-navigation-border-color);
--wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb);
--wiki-navigation-selected-text-color: var(--wiki-content-text-color);
--wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb);
--wiki-neutral-color: var(--wiki-content-text-mix-color);
--wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb);
--wiki-alert-color: #ff4d61;
--wiki-alert-color--rgb: 255,77,97;
--wiki-warning-color: #cf721c;
--wiki-warning-color--rgb: 207,114,28;
--wiki-success-color: #13aa45;
--wiki-success-color--rgb: 19,170,69;
--wiki-body-dynamic-color: #ffffff;
--wiki-body-dynamic-color--rgb: 255,255,255;
--wiki-body-dynamic-color--inverted: #000000;
--wiki-body-dynamic-color--inverted--rgb: 0,0,0;
--wiki-body-dynamic-color--secondary: #dddddd;
--wiki-body-dynamic-color--secondary--rgb: 221,221,221;
--wiki-body-dynamic-color--secondary--inverted: #333333;
--wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51;
--wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb),0.5);
--wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb);
--wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb),0.5);
--wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb);
--wiki-content-link-label-color: #000;
--wiki-content-link-label-color--rgb: 0,0,0;
--wiki-content-dynamic-color: #ffffff;
--wiki-content-dynamic-color--rgb: 255,255,255;
--wiki-content-dynamic-color--inverted: #000000;
--wiki-content-dynamic-color--inverted--rgb: 0,0,0;
--wiki-content-dynamic-color--secondary: #dddddd;
--wiki-content-dynamic-color--secondary--rgb: 221,221,221;
--wiki-content-dynamic-color--secondary--inverted: #333333;
--wiki-content-dynamic-color--secondary--inverted--rgb: 51,51,51;
--wiki-alert-label-color: #000000;
--wiki-alert-label-color--rgb: 0,0,0;
--wiki-warning-label-color: #000000;
--wiki-warning-label-color--rgb: 0,0,0;
--wiki-success-label-color: #000000;
--wiki-success-label-color--rgb: 0,0,0;
--wiki-icon-general-filter: invert(100%)
}
#p-logo a {
background-size: contain;
}
#mw-page-base {
background: none;
}
.mw-body,.parsoid-body,.mw-footer {
color: var(--wiki-content-text-color);
background-color: rgba(var(--wiki-content-background-color--rgb),var(--wiki-content-background-opacity));
border: 1px solid var(--wiki-content-border-color);
margin-right: 1em;
}
.mw-footer {
border-top-width: 0
}
.mw-footer li {
color: var(--wiki-content-text-color)
}
@media screen and (max-width: 720px) {
.mw-body,.parsoid-body,.mw-footer {
margin-right:0
}
}
#mw-panel .vector-menu-portal+.vector-menu-portal {
border-top-width: 0;
}
#mw-panel .vector-menu-portal {
background-color: rgba(var(--wiki-sidebar-background-color--rgb),var(--wiki-sidebar-background-opacity));
border: 1px solid var(--wiki-sidebar-border-color);
margin:0 .5em;
}
#wikigg-footer {
position: sticky;
top: 100%;
margin-top: .5rem;
clear: both
}
.mw-footer>div[style^=clear]:last-child {
clear: right!important
}
.vector-menu-tabs-legacy li,#p-cactions {
background-image: linear-gradient(to top,var(--wiki-navigation-border-color) 0,var(--wiki-navigation-background-color) 1px,var(--wiki-navigation-background-color--secondary) 100%)
}
#p-cactions {
z-index: 5
}
#p-variants {
background-color: var(--wiki-content-background-color)
}
.vector-menu-dropdown {
height: 2.5em
}
.vector-menu-tabs-legacy li.selected {
background: var(--wiki-navigation-selected-background-color);
border-color: var(--wiki-navigation-selected-border-color);
/* border: 1px solid; */
}
.vector-menu-tabs,.vector-menu-tabs a,#mw-head .vector-menu-dropdown .vector-menu-heading {
background-image: linear-gradient(to bottom,transparent 0,var(--wiki-navigation-border-color) 100%)
}
.vector-menu-tabs li a,.vector-menu-tabs li.new a,.vector-menu-tabs li.new a:visited,.vector-menu-tabs .selected a,.vector-menu-tabs .selected a:visited,#mw-head .vector-menu-dropdown .vector-menu-heading {
color: var(--wiki-navigation-text-color)
}
.vector-menu-tabs .selected a,.vector-menu-tabs .selected a:visited {
color: var(--wiki-navigation-selected-text-color)
}
.vector-menu-dropdown .vector-menu-content {
background: 0 0;
border: none;
box-shadow: none;
margin-top: -1px
}
.vector-menu-dropdown .vector-menu-content-list {
background-color: var(--wiki-navigation-background-color--secondary);
border: 1px solid var(--wiki-navigation-border-color)
}
div.vectorMenu .mw-list-item a,.vector-menu-dropdown .mw-list-item a,.vector-menu-dropdown .mw-list-item.selected a,.vector-menu-dropdown .mw-list-item.selected a:visited {
color: var(--wiki-navigation-text-color)
}
.vector-menu-tabs li a:hover,.vector-menu-tabs li.new a:hover,.vector-menu-tabs li.new a:visited:hover,.vector-menu-tabs .selected a:hover,.vector-menu-tabs .selected a:visited:hover,#mw-head .vector-menu-dropdown .vector-menu-heading:hover,div.vectorMenu .mw-list-item a:hover,.vector-menu-dropdown .mw-list-item.selected a:hover,.vector-menu-dropdown .mw-list-item.selected a:visited:hover {
color: var(--wiki-navigation-text-color--hover)
}
.vector-menu-dropdown .vector-menu-heading::after {
filter: brightness(0) var(--wiki-icon-to-link-filter)
}
#p-search {
z-index: 2
}
#p-search .searchButton {
background-color: transparent
}
@media screen and (max-width: 720px) {
:root {
--wiki-content-right-margin:0px;
--wiki-content-padding: 0.5rem;
--wiki-navigation-right-margin: 1px;
--wiki-navigation-left-margin: 0px;
--wiki-navigation-top-padding: 5px;
--wiki-navigation-bottom-padding: 0px;
--wiki-navigation-height: 2rem;
--wiki-navigation-search-height: 2.15rem;
--wiki-navigation-search-margin: 0.5rem;
--wiki-logo-height: 160px;
--wiki-logo-width: 100%;
--wiki-logo-margin: 10px;
--wiki-head-height: calc(var(--wiki-logo-height) + (var(--wiki-logo-margin) * 2) + var(--wiki-navigation-height) + var(--wiki-navigation-top-padding) + var(--wiki-navigation-bottom-padding));
--wiki-head-icon-padding: 0.25rem;
--wiki-head-icon-size: calc(var(--wiki-navigation-height) - var(--wiki-head-icon-padding) * 2);
--wiki-sidebar-background-opacity: var(--wiki-content-background-opacity);
--wiki-menu-margin: 0.2rem;
--wiki-menu-top-offset: calc(var(--wiki-head-height) + var(--wikigg-header-height) + var(--wiki-navigation-bottom-padding) + var(--wiki-navigation-search-margin))
}
#mw-page-base,#mw-head-base {
height: var(--wiki-head-height)
}
#mw-page-base {
padding-top: var(--wikigg-header-height);
}
#mw-head-base {
margin-top: calc(var(--wiki-head-height) * -1)
}
#p-logo,#p-logo a {
/* height: var(--wiki-logo-height); */
width: var(--wiki-logo-width);
}
#p-logo {
position: absolute;
background: 0 0;
padding: 0;
left: 0;
margin: var(--wiki-logo-margin) 0;
/* transform: none; */
top: calc(var(--wikigg-header-height))
}
.mw-wiki-logo {
background-size: contain
}
#mw-head {
left: 0;
width: 100%;
top: calc(var(--wiki-head-height) + var(--wikigg-header-height) - var(--wiki-navigation-height));
border: none;
border-image: none
}
#mw-navigation {
position: unset
}
#left-navigation,#right-navigation {
margin-top: 0;
/* height: var(--wiki-navigation-height); */
}
#right-navigation {
margin-right: var(--wiki-navigation-right-margin)
}
div#left-navigation {
margin-left: var(--wiki-navigation-left-margin)
}
div#right-navigation div#p-search {
margin-right: 0
}
.vector-menu-tabs-legacy,.vector-menu-dropdown {
height: var(--wiki-navigation-height)
}
.vector-menu-tabs-legacy li a {
height: var(--wiki-navigation-height)
}
#p-cactions {
padding-bottom: 0
}
#p-search {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: calc(var(--wiki-navigation-height) + var(--wiki-navigation-bottom-padding));
margin-left: 0;
z-index: 4
}
#simpleSearch {
width: calc(100vw - var(--wiki-navigation-right-margin) - var(--wiki-navigation-left-margin))
}
.vector-search-box-input {
height: var(--wiki-navigation-search-height)
}
.vector-search-box form {
margin: var(--wiki-navigation-search-margin) 0
}
.mw-body,.mw-footer {
border-left-width: 0;
border-right-width: 0
}
.mw-body {
margin-top: 0;
padding-top: calc(var(--wiki-content-padding) + var(--wiki-navigation-search-height) + var(--wiki-navigation-bottom-padding) + (var(--wiki-navigation-search-margin) * 2))
}
#mw-panel {
position: unset;
width: 100%;
margin: 0 auto;
padding: 0;
top: 0;
background-position: bottom right,top center;
background-size: 100% .5em,100% 100%;
float: unset
}
.vector-menu-dropdown .vector-menu-content {
right: 0;
left: unset
}
#mw-panel .vector-menu-portal {
box-sizing: border-box;
border-left-width: 0;
border-right-width: 0;
background-color: var(--wiki-sidebar-background-color)
}
table.wikitable,table.responsive-table {
display: block;
overflow-x: scroll
}
.gallerybox,.gallerybox>div,.gallerybox .thumb {
max-width: 100%
}
.mw-changeslist-legend {
float: none;
margin: 0 auto
}
#mw-searchoptions table {
float: none
}
#mw-searchoptions table td {
display: block
}
.mw-mmv-dialog {
width: unset
}
:not(span)>math.mwe-math-element {
overflow: auto hidden;
max-width: 100%
}
body.has-vector-mobile-menu #mw-panel {
position: absolute;
top: var(--wiki-menu-top-offset);
z-index: 3;
}
body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle {
position: relative;
z-index: 5;
display: block;
appearance: none;
border: 1px solid var(--wiki-content-border-color);
margin-left: var(--wiki-navigation-search-margin);
margin-bottom: 2px;
background-color: var(--wiki-content-background-color--secondary)
}
body.has-vector-mobile-menu #mw-panel .vector-menu-portal {
display: none
}
body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle.nav--expanded~.vector-menu-portal {
display: block
}
body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal {
text-align: left;
font-size: 110%;
border-left-width: 1px;
border-right-width: 1px;
margin-inline:calc(var(--wiki-navigation-left-margin) + var(--wiki-menu-margin))}
body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal+.vector-menu-portal {
border-top-width: 0
}
body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal:not(:last-child) {
border-bottom-width: 0
}
body.has-vector-mobile-menu #mw-panel .vector-menu-content-list {
display: flex;
flex-wrap: wrap
}
body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a {
display: block;
padding: .2rem .5rem;
border: 1px solid transparent
}
body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a:hover {
border-color: var(--wiki-content-link-color)
}
body.has-vector-mobile-menu #mw-panel #p-navigation-label {
display: block
}
body.has-vector-mobile-menu #p-logo {
top: calc(-1 * var(--wiki-menu-top-offset) + var(--wikigg-header-height))
}
.mobile-nav-toggle {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M1 3v2h18V3zm0 8h18V9H1zm0 6h18v-2H1z'/%3E%3C/svg%3E%0A")
}
body.has-vector-mobile-menu #p-tb .mw-list-item>a {
display: inline-flex
}
body.has-vector-mobile-menu #p-tb .vector-menu-content-list {
flex-direction: row
}
body.has-vector-mobile-menu #p-search {
left: calc(var(--wiki-navigation-search-margin) * 3 + var(--wiki-head-icon-size) + var(--wiki-head-icon-padding));
right: calc(var(--wiki-navigation-right-margin) + var(--wiki-navigation-search-margin));
transform: none
}
body.has-vector-mobile-menu #simpleSearch {
width: 100%;
margin: 0 auto
}
#mw-head {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E")
}
#mw-head .vector-menu-tabs .mw-list-item a,#mw-head .vector-menu-dropdown .vector-menu-heading,#mw-panel .mobile-nav-toggle {
line-height: var(--wiki-head-icon-size);
width: var(--wiki-head-icon-size);
height: var(--wiki-head-icon-size);
box-sizing: content-box;
padding: var(--wiki-head-icon-padding);
color: transparent
}
#mw-head .vector-menu-tabs .mw-list-item a::before,#mw-head .vector-menu-dropdown .vector-menu-heading::before,#mw-panel .mobile-nav-toggle::before {
content: "";
display: block;
position: unset;
background-image: none;
width: var(--wiki-head-icon-size);
height: var(--wiki-head-icon-size);
margin: 0;
--mask: var(--icon) no-repeat;
-webkit-mask: var(--mask);
mask: var(--mask);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-position: center center;
mask-position: center center;
background-color: var(--wiki-navigation-text-color)
}
#mw-head .vector-menu-tabs .mw-list-item a:hover::before,#mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,#mw-panel .mobile-nav-toggle:hover::before,#mw-panel .mobile-nav-toggle.nav--expanded::before {
background-color: var(--wiki-navigation-selected-text-color)
}
#mw-head .vector-menu-tabs .mw-list-item a span,#mw-head .vector-menu-dropdown .vector-menu-heading span {
display: none
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
display: none
}
#ca-ve-edit,#ca-edit {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='m16.77 8 1.94-2a1 1 0 0 0 0-1.41l-3.34-3.3a1 1 0 0 0-1.41 0L12 3.23zM1 14.25V19h4.75l9.96-9.96-4.75-4.75z'/%3E%3C/svg%3E%0A")
}
#ca-ve-edit+#ca-edit {
--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20' aria-hidden='true'%3E%3C!----%3E%3Cg%3E%3Cpath d='M1 3v14h3v-2H3V5h1V3zm4 0v14h4v-2H7V5h2V3zm11 0v2h1v10h-1v2h3V3zm-5 0v2h2v10h-2v2h4V3z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
#ca-view,#ca-view-foreign {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10 14.5a4.5 4.5 0 1 1 4.5-4.5 4.5 4.5 0 0 1-4.5 4.5M10 3C3 3 0 10 0 10s3 7 10 7 10-7 10-7-3-7-10-7'/%3E%3Ccircle cx='10' cy='10' r='2.5'/%3E%3C/svg%3E")
}
#left-navigation li[id^=ca-nstab-] {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E article %3C/title%3E%3Cpath d='M5 1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm0 3h5v1H5zm0 2h5v1H5zm0 2h5v1H5zm10 7H5v-1h10zm0-2H5v-1h10zm0-2H5v-1h10zm0-2h-4V4h4z'/%3E%3C/svg%3E%0A")
}
#ca-history {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M9 6v5h.06l2.48 2.47 1.41-1.41L11 10.11V6z'/%3E%3Cpath d='M10 1a9 9 0 0 0-7.85 13.35L.5 16H6v-5.5l-2.38 2.38A7 7 0 1 1 10 17v2a9 9 0 0 0 0-18'/%3E%3C/svg%3E%0A")
}
#ca-talk {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E")
}
#t-contributions {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E")
}
#ca-addsection {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E")
}
#ca-viewsource {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E")
}
#p-variants {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E")
}
#p-cactions {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Ccircle cx='3' cy='10' r='2'/%3E%3Ccircle cx='17' cy='10' r='2'/%3E%3C/svg%3E%0A")
}
#ca-watch {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7zm-10 6.9-3.76 2.27 1-4.28L3.5 8.5h4.61L10 4.6l1.9 3.9h4.6l-3.73 3.4 1 4.28z'/%3E%3C/svg%3E%0A")
}
#ca-unwatch {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' id='Outlined'%3E%3Cg style='fill:%23000000;fill-opacity:1' id='Fill'%3E%3Cpath style='fill:%23000000;fill-opacity:1' id='path1380' d='M 28.61,11.67 H 20 L 17.34,3.47 C 16.920093,2.1973942 15.119907,2.1973942 14.7,3.47 L 12,11.67 H 3.39 c -1.3409796,0.0031 -1.900508,1.71581 -0.82,2.51 l 7,5.07 -2.68,8.21 C 6.5980433,28.35747 7.2662365,29.278767 8.21,29.28 8.4953889,29.267666 8.7705436,29.170143 9,29 l 7,-5.07 7,5.07 c 0.236205,0.170386 0.518805,0.264586 0.81,0.27 0.943763,-0.0012 1.611957,-0.92253 1.32,-1.82 l -2.66,-8.21 7,-5.07 c 1.075277,-0.810084 0.486081,-2.522863 -0.86,-2.5 z' /%3E%3C/g%3E%3C/svg%3E")
}
.vector-menu-tabs #ca-watch.icon a:hover::before,.vector-menu-tabs #ca-unwatch.icon a:hover::before {
background-image: none
}
.client-js .mw-changeslist ul,.client-js .mw-changeslist table.mw-enhanced-rc {
margin-left: 0
}
.mw-changeslist-line-inner-comment,.mw-changeslist-line .comment {
font-size: .9em;
word-break: break-all
}
.mw-userlink {
overflow-wrap: anywhere
}
}
.mobile-nav-toggle {
display: none
}
#mf-wikiheader img {
max-width: 25%;
height: auto;
}
/*Fix Mod Calls on phone breaking*/
.page-Mod_Calls table.lined td {
word-break: break-word;
}
/*Initialize flexbox properties*/
.flexbox, .flexboxtable, .flexboxbig {
display:flex;
flex-direction: row;
}
/*Preventing tabber overflow*/
.jifOrImaje img{
max-width: 95%;
height: auto;
padding: 6px;
}
/*The one class holding up 80% of this wiki*/
.image2 img{
max-width:100%;
height: auto;
}
/*The animation on the boss page images*/
.bosstable img:hover, .bosstable img:focus {
transition-timing-function: linear;
transform: scale(1.035);
}
.bosstable img {
transition: all 0.2s ease-in-out;
}
/*Recolor links*/
#mw-panel .portal .body li a:visited,
a:visited,
a.external:visited,
.mw-parser-output a.external:visited,
a.extiw:visited,
.plaincollapse .mw-collapsible-toggle a:visited,
.vectorMenu li a:visited {
color: #669bff;
}
/*Adjust table properties*/
.mainpage {
vertical-align: top;
}
.mainpage table{
border-spacing: 15px 0;
}
@media (max-width: 1000px) {
.mainpage table{
display: flex;
flex-direction: column;
}
}
/*Custom flexbox resolutions; DO NOT CHANGE ONCE PUSHED*/
@media (max-width: 600px) {
.flexboxbig{
flex-direction: column;
}
}
@media (max-width: 420px) {
.flexbox, .flexbox2{
flex-direction: column;
}
}
@media (max-width: 920px) {
.flexboxtable {
flex-direction: column;
}
}
/*This is for wrapping infoboxes*/
/*-In columns*/
.flexbox1{
display: inline-flex;
flex-direction: column;
float: right;
}
/*-In rows*/
.flexbox2{
display: inline-flex;
}
.fixed table{
table-layout: fixed;
overflow: hidden;
}
/* This is for every single page's column formatting*/
@media (max-width: 800px) {
.flexBoss {
display: flex;
flex-direction: column;
}
}
/*Tabber links don't look like shit*/
.tabber__tab[aria-selected='true'], .tabber__tab[aria-selected='true']:visited {
color: #18f;
}
/* I forgot that mobile phones exist. Fuck me. */
.slide img {
max-width: 50%; /*This should fix weird bordering on them*/
vertical-align: middle;
height: auto;
}
@media (max-width: 901px) {
.slide img{
max-width:80%;
}
}
.page-Bosses img, .page-Minibosses img, .page-Enemies img, .page-Critters img{
max-width: 100%;
height: auto;
}
.page-Bosses h2 {
width: 40%;
text-align: center;
max-width: 480px;
margin: auto;
}
/*Title images*/
.bossHeader img{
max-width: 100%;
height: auto;
}
/*This is for images of items which specifically need to be made smaller*/
.itemimage img{
max-width: 25%;
height: auto;
}
.sixtypercentmax img{
max-width: 60%;
height: auto;
}
/*Achievement formatting*/
.achievement {
display: flex;
flex-wrap: nowrap;
align-items: center;
margin: 0.5em 0;
}
.achievement > div {
margin-left: 0.5em;
}
/*Fix coin offset*/
.drops.money p, .section.statistics p {
display: none;
}
.drops.money span {
font-weight: normal;
}
/*Fixing item note alignment*/
.note {
font-size: x-small;
}
.page-Items .terraria {
display: flow;
}
:root {
--layout-gap: 6px;
/* text color */
--theme-text-color-note: #b5bdb2;
/* border and background colors for various "notices", e.g. boxes like [[Template:Msgbox]] */
--theme-notice-blue-background-color: hsla(200, 80%, 90%, 20%);
--theme-notice-blue-border-color: hsl(200, 60%, 72%);
--theme-notice-red-text-color: hsl(0, 100%, 70%);
--theme-notice-red-background-color: hsla(0, 80%, 90%, 20%);
--theme-notice-red-border-color: hsl(0, 60%, 72%);
--theme-notice-purple-background-color: hsla(228, 80%, 90%, 20%);
--theme-notice-purple-border-color: hsl(243, 60%, 72%);
--theme-notice-green-background-color: hsla(84, 80%, 90%, 20%);
--theme-notice-green-border-color: hsl(84, 60%, 72%);
--theme-notice-yellow-background-color: hsla(58, 80%, 90%, 20%);
--theme-notice-yellow-border-color: hsl(58, 60%, 72%);
--theme-notice-orange-text-color: hsl(28, 100%, 70%);
--theme-notice-orange-background-color: hsla(28, 80%, 90%, 20%);
--theme-notice-orange-border-color: hsl(28, 60%, 72%);
--theme-notice-pink-background-color: hsla(324, 80%, 90%, 20%);
--theme-notice-pink-border-color: hsl(324, 60%, 72%);
/* custom */
--custom-navbox-title: #994480;
--custom-navbox-background: #7d2d68;
--custom-navbox-border-radius: #9f3a85;
/* font size */
--font-size: 14px;
--line-height: 24px;
--font-size-s: 12px;
--line-height-s: 20px;
--font-size-l: 16px;
--line-height-l: 24px;
--font-size-xs: 10px;
--line-height-xs: 16px;
}
/** [[Template:Note]] **/
.note-text {
color: var(--theme-text-color-note);
}
.small {
font-size: 85%;
}
/********* [[Template:L10n subtemplate]] *********/
table.l10n-data-table tr:hover td {
background-color: rgba(180, 0, 0, 0.05);
}
table.l10n-data-table th.all-lang,
table.l10n-data-table th.lang {
cursor: pointer;
}
table.l10n-data-table th.lang.en {
cursor: auto;
}
table.l10n-data-table th.shrinked {
padding-left: 0;
padding-right: 0;
}
table.l10n-data-table th.shrinked code {
padding-left: 1px;
padding-right: 1px;
}
table.l10n-data-table th.shrinked small {
display: none;
}
table.l10n-data-table td.shrinked {
background-color: rgba(127, 127, 127, 0.05);
}
table.l10n-data-table td.shrinked > div {
display: none;
}
/* Fade out the EN fallback strings more. The difference from regular strings is
* not notable enough otherwise. */
.l10n-data-table .note-text {
opacity: 0.5;
}
/* The default ".center" class has a "width:100%" style, see here:
* https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.skinning/elements.less#219
* We don't always want that, so we're using a different, new class name. */
.aligncenter,
.align-center {
text-align: center;
}
.alignleft,
.align-left {
text-align: left;
}
.alignright,
.align-right {
text-align: right;
}
/********* [[Template:Msgbox]] *********/
.message-box {
margin: 1px auto var(--layout-gap);
width: fit-content;
background: var(--theme-box-background);
border-radius: var(--theme-box-border-radius);
overflow: hidden;
display: grid;
border: 1px solid var(--theme-box-border-color);
grid-template-columns: 0fr 0fr 1fr;
align-items: center;
}
.message-box::before {
content: "";
display: block;
pointer-events: none;
width: 6px;
height: 100%;
/* darken a little */
background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), var(--message-box-highlight-color, var(--theme-box-border-color));
}
.message-box > div {
grid-column: 3/4;
padding: 6px 12px;
}
.message-box > .icon {
padding: 6px 0 6px 12px;
grid-column: 2/3;
white-space: nowrap;
}
.message-box.msgbox-color-blue {
--message-box-highlight-color: var(--theme-notice-blue-border-color);
}
.message-box.msgbox-color-red {
--message-box-highlight-color: var(--theme-notice-red-border-color);
}
.message-box.msgbox-color-purple {
--message-box-highlight-color: var(--theme-notice-purple-border-color);
}
.message-box.msgbox-color-yellow {
--message-box-highlight-color: var(--theme-notice-yellow-border-color);
}
.message-box.msgbox-color-green {
--message-box-highlight-color: var(--theme-notice-green-border-color);
}
.message-box.msgbox-color-orange {
--message-box-highlight-color: var(--theme-notice-orange-border-color);
}
.message-box.msgbox-color-pink {
--message-box-highlight-color: var(--theme-notice-pink-border-color);
}
/********* [[Template:Coin]] *********/
.coins {
white-space: nowrap;
}
.coins s {
display: none;
}
.coin {
white-space: nowrap;
}
.coin i {
display: none;
}
.coin span::after {
content: "";
display: inline-block;
width: 12px;
height: 16px;
margin: -3px 2px auto;
vertical-align: middle;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAAQCAMAAACBWcfHAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABaUExURQAAAJN9IW+Nn1xnakwsDMu1R1xCEjI3SiE1P1QdCo+cnWBtj4iksOF1S/Hy6npbGUVMUKGsrbZXG/z4tpmsuFJXbe3Zeey3oOzw89XF45VDFq+h03o3Ea7CxDpXvFYAAAABdFJOUwBA5thmAAAAwUlEQVQoz43SSxKDIBREUXyCQVBRUBQ1+99m4MVQJf5yq3p4Zk2I74WRX4WPPHenuO/c9L1zTbO5omDMmOh2qvT9oTjvummKLqpgAKoKAB2ljGVZdDtVlnU9jujuFOdC5Hl0O1X5miYsKmOsTVUw86w1uifVtsEdFYCU7zeAc6iyTClrGaM0VVqv6zzX9aPK89YnxFFJOQxhyxKVUkdF0KEht4qg28xOfR0AmlBwm0lU8o1rdf2ow3spjeb6vffqtA8gqhYRvoCL8AAAAABJRU5ErkJggg==);
background-repeat: no-repeat;
background-size: auto 16px;
image-rendering: pixelated; /* for chrome */
image-rendering: crisp-edges; /* for firefox */
}
.coin .pc::after {
width: 14px;
background-position: 0 50%;
}
.coin .gc::after {
background-position: -15px 50%;
}
.coin .sc::after {
background-position: -28px 50%;
}
.coin .cc::after {
background-position: -41px 50%;
}
/********* [[Template:Navbox]] *********/
/* subtemplates:
* [[Template:Navbox/end]]
* [[Template:Navbox/h1]]
* [[Template:Navbox/h2]]
* [[Template:Navbox/start]]
* [[Template:Navbox/v.d.e]]
*/
.navbox {
background-size: 100%;
border-width: 1px;
border-style: solid;
border-color: var(--custom-navbox-border-radius);
border-radius: 8px;
box-sizing: border-box;
padding: 6px;
margin: 0.5em auto;
width: 100%;
max-width: 1800px;
position: relative;
clear: both;
}
.navbox .i {
padding: 1px 0;
}
.navbox > .header {
background-color: var(--custom-navbox-title);
background-size: 100%;
border-width: 1px;
border-style: solid;
border-color: var(--custom-navbox-border-radius);
border-radius: 8px;
text-align: left;
font-size: 16px;
font-weight: bold;
line-height: 2;
min-height: 1em;
padding: 4px 70px 4px 6px;
}
.navbox > .vde {
position: absolute;
right: 10px;
top: calc(2rem + 2px);
font-size: 9px;
line-height: 1;
color: var(--theme-text-color-note);
}
.navbox .table > div > .title,
.navbox .table > div > .h1,
.navbox .table > div > .h2 {
background: var(--custom-navbox-background);
background-size: 100%;
border-width: 1px;
border-style: solid;
border-color: var(--custom-navbox-border-radius);
border-radius: 8px;
}
.navbox > .mw-collapsible-toggle {
position: absolute;
line-height: 1;
right: 10px;
top: 10px;
font-size: 12px;
}
.navbox > .mw-collapsible-toggle > .mw-collapsible-bracket {
display: none;
}
.navbox > .mw-collapsible-toggle:before {
content: "";
vertical-align: middle;
display: inline-block;
width: 5px;
height: 5px;
transform: rotate(45deg);
position: relative;
left: -3px;
border-left: 2px solid var(--theme-link-color);
border-top: 2px solid var(--theme-link-color);
border-right: 0;
border-bottom: 0;
top: 1px;
}
.navbox > .mw-collapsible-toggle:after {
content: "";
}
.navbox > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed:before {
border-left: 0;
border-top: 0;
border-right: 2px solid var(--theme-link-color);
border-bottom: 2px solid var(--theme-link-color);
top: -2px;
}
.navbox > .content {
text-align: left;
padding: 6px 6px 0;
}
.navbox > .content .dotlist + .dotlist {
margin-top: 0.5em;
}
.navbox > .content > .dotlist + .dotlist {
margin-top: 6px;
padding-top: 6px;
border-top: 1px solid var(--theme-body-text-color--hover);
}
.navbox .navbox {
/* nested navbox */
border: 0;
padding: 0;
width: auto;
margin: 0 -6px 6px -6px;
}
.navbox .navbox:last-child {
margin: 0 -6px;
}
.navbox .navbox > .header {
font-size: 14px;
padding: 0 64px 0 6px;
}
.navbox .navbox > .mw-collapsible-toggle {
right: 4px;
top: 4px;
font-size: 10px;
}
.navbox .navbox > .mw-collapsible-toggle:before {
width: 3px;
height: 3px;
border-left: 1px solid var(--theme-link-color);
border-top: 1px solid var(--theme-link-color);
border-right: 0;
border-bottom: 0;
top: 1px;
}
.navbox .navbox > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed:before {
border-left: 0;
border-top: 0;
border-right: 1px solid var(--theme-link-color);
border-bottom: 1px solid var(--theme-link-color);
top: -1px;
}
.navbox .h1 {
font-weight: bold;
margin-top: 0.5em;
margin-bottom: 0.25em;
line-height: 1.5;
}
.navbox .h1::after {
content: "";
display: block;
margin: auto auto auto 0;
width: 5em;
height: 0;
border-bottom: 2px solid var(--theme-box-border-color);
}
.navbox .h1 + .h2 {
margin-top: 0.5em;
}
.navbox .table > div:first-child .h1,
.navbox .content > .h1:first-child {
margin-top: auto;
}
.navbox .h2 {
font-weight: bold;
line-height: 1.5;
margin-top: 0.25em;
font-size: 12px;
}
.navbox .h2 + .h3 {
margin-top: 0.5em;
}
.navbox .h3 {
font-size: 10px;
font-weight: bold;
line-height: 1.5;
}
@media (max-width: 599px) {
.navbox .table > div > .title::after,
.navbox .table > .dotlist > .title::after {
content: ":";
margin-right: 0.25em;
}
}
@media (min-width: 600px) {
.navbox .table {
display: table;
text-align: left;
margin: -5px -7px -1px -7px;
}
.navbox .table > div {
display: table-row;
}
.navbox .table > div > * {
display: table-cell;
padding: 4px 7px;
vertical-align: middle;
box-shadow: inset 0 0 0 1px var(--theme-page-background-color);
}
.navbox .table > div > .title,
.navbox .table > div > .h1,
.navbox .table > div > .h2 {
background: var(--custom-navbox-background);
text-align: right;
line-height: 1.1;
/*width: max-content;*/
}
.navbox .table > div > .title .eil,
.navbox .table > div > .h1 .eil,
.navbox .table > div > .h2 .eil {
white-space: normal;
}
.navbox .table > div > .title::after,
.navbox .table > div > .h1::after {
display: none;
}
.navbox .table .table {
display: table;
padding: 0;
margin: 0 -1px 0 0;
}
.navbox .table .cell {
padding: 0;
}
.navbox .table .cell > .dotlist {
padding: 4px 7px;
}
}
/********* [[Template:Item]] *********/
.i {
white-space: nowrap;
display: inline-block;
}
.i .note2, .i .id {
display: block;
}
.i > a.new {
/* CSS trick for non-existent item images: a orange "?" image */
display: inline-block;
width: 16px;
height: 24px;
text-indent: -9999px;
direction: ltr;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAYAAADzoH0MAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjEuNv1OCegAAAB3SURBVDhP5ZDdCoAgFIPPI/aY3fSMRrBJTOcRkW76YKDuhyiU64gyEmKeXuktxFoYKOdYdmh5QIu8OzVDznCaHsAHVmzOGoLN8aBCr8L3/QMZDFLfDWhhukiWB7TIO4WYh8HtA7Bztg2oYOf0yo9g57Dwm38QcQN+/9SIQx7WTAAAAABJRU5ErkJggg==");
background-repeat: no-repeat;
background-position: center center;
}
.i > img,
.i > span.img,
.i > a {
/* item image block */
display: inline-block;
line-height: 0;
vertical-align: middle;
}
.i > img + span,
.i > span.img + span,
.i > a + span {
/* "main" text block after item image */
margin-left: 2px;
}
.i > img,
.i > span.img img,
.i > a img {
/* item image */
margin: 1px;
}
.i > span {
display: inline-block;
text-align: left;
}
.i > span + span {
/* "bignote" after text block */
margin-left: 3px;
}
.i.multi-line > span, .i.-w > span, .i.break > span {
line-height: 18px;
vertical-align: middle;
}
.i.break > span {
white-space: normal;
}
.i .note {
color: var(--theme-text-color-note);
font-size: var(--font-size-s);
}
.i > span:first-of-type > .eico {
font-size: var(--font-size-xs);
vertical-align: middle;
}
.i > span:first-of-type > .note2 {
/*note2*/
font-size: 100%;
line-height: 1;
}
.i > span:first-of-type > .eico,
.i > span:first-of-type > span.note {
margin-left: 3px;
}
.i.-w > span:first-of-type > .eico:last-child, .i.-w > span:first-of-type > span.note:last-child, .i.-w > span.img + span > .eico:last-child, .i.-w > span.img + span > span.note:last-child {
display: block;
margin-left: 1px; /* visually left align */
}
.i.-w > span:first-of-type > span.note:last-child, .i.-w > span.img + span > span.note:last-child {
line-height: 1;
}
.i .id {
font-size: var(--font-size-xs);
background-color: var(--theme-accent-color);
font-weight: bold;
margin-top: 1px;
padding: 0 2px;
}
.i.boldname > span:first-of-type span:first-child {
font-weight: bold;
}
.i.notecolor span.note {
color: inherit;
}
.i.note2color .note2 {
color: inherit;
}
.i.block, .i.block > span:first-child, .i.allblock, .i.allblock > * {
display: block;
}
.i.allblock > * {
text-align: inherit;
}
.i.notesize span.note {
font-size: 100%;
}
.i.note2size span .note2 {
font-size: var(--font-size-s);
}
.i.alignleft {
text-align: left;
}
.i.aligncenter {
text-align: center;
}
.i.alignright {
text-align: right;
}
.i.textleft > span {
text-align: left;
}
.i.textcenter > span {
text-align: center;
}
.i.textright > span {
text-align: right;
}
.i.flip > a:first-child img,
.i.flip > img:first-child {
transform: scaleY(-1);
}
.i.mirror > a:first-child img,
.i.mirror > img:first-child {
transform: scaleX(-1);
}
.i.rotate90 > a:first-child img,
.i.rotate90 > img:first-child {
transform: rotate(90deg);
}
.i.rotate180 > a:first-child img,
.i.rotate180 > img:first-child {
transform: rotate(180deg);
}
.i.rotate270 > a:first-child img,
.i.rotate270 > img:first-child {
transform: rotate(270deg);
}
td.il1c .i {
display: block;
text-align: center;
}
td.il1c .i.alignleft {
text-align: left;
}
td.il1c .i.alignright {
text-align: right;
}
td.il2c .i {
display: block;
text-align: left;
}
table.item-noborder td.il1c {
border-right: 0 !important;
padding-right: 1px;
}
table.item-noborder td.il2c {
border-left: 0 !important;
padding-left: 1px;
}