Открыть поиск
Открыть меню
1.1K
4.6K
12
16.9K
Eso-Wiki.ru
Переключить меню настроек
Открыть персональное меню
Вы не представились системе
Ваш IP-адрес будет виден всем, если вы внесёте какие-либо изменения.

MediaWiki:Common.css: различия между версиями

Страница интерфейса MediaWiki
Дополнительные действия
← Предыдущая правка
Нет описания правки
Нет описания правки
 
(не показано 178 промежуточных версий этого же участника)
Строка 1: Строка 1:
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
#skin-client-pref-skin-theme-value-os { display:none!important; }
/* Основной цвет фона */
#ca-talk { display:none!important; }
.crownstore-announ img {
    max-width:100%;
    height:auto;
}
.citizen-overflow-content > .motif {
  height: 600px;
  overflow: auto;
}
 
body {
body {
    background-color: #ffffff
background-color: var(--background-color-base, #fff);
}
}
 
.nav__link.active {
.mw-body h1,.mw-body-content h1,.mw-body-content h2 {
  opacity: 0.3;
    font-family: sans-serif
}
}
 
.textbox {
h1,h2 {
    overflow: auto;
     border-bottom: 1px solid rgba(156,191,235,.5)
     border-radius: var(--border-radius-large);
    font-family: var(--font-family-monospace);
    font-size: var(--font-size-small);
    color: var(--color-emphasized);
    background-color: var(--color-surface-2);
    border: var(--border-width-base) solid var(--border-color-base);
}
}
 
.admin-only {
.color_h3 {
display:none;
    background-color: #b0c4de;
    padding: 10px;
    box-shadow: 0 0 0 0px rgba(255,255,255,0.6) inset,0 0 7px rgba(0,0,0,0.4),0 0 0 rgba(0,0,0,0.33);
    -webkit-transition: box-shadow 0.1s;
    transition: box-shadow 0.1s
}
}
 
span.itemmythic {
body.page-Заглавная_страница * h1 {
     color: rgb(255, 130, 0) !important;
     display: none
}
}
 
span.itemlegendary {
.catlinks {
     color: rgb(228, 193, 41) !important;
     display: none
}
}
 
span.itemepic {
.smw-datatable-toolbar {
     color: #A02EF7 !important;
     display: none
}
}
 
span.itemfine {
.creature tr:hover {
     color: #2DC50E !important;
     background-color: #e0e8ff;
}
     -webkit-transition: all 0.3s ease;
span.itemsuperior {
     -moz-transition: all 0.3s ease;
     color: #3A92FF !important;
     -o-transition: all 0.3s ease;
}
     transition: all 0.3s ease
.itemmythic a {
     color: rgb(255, 130, 0) !important;
}
.itemlegendary a {
     color: rgb(228, 193, 41) !important;
}
.itemepic a {
     color: #A02EF7 !important;
}
}
 
.itemfine a {
.only-quest img {
     color: #2DC50E !important;
     background-color: #ff8e8e
}
}
 
.itemsuperior a {
.tt {
     color: #3A92FF !important;
     white-space: nowrap
}
}


.tt tr:hover {
table.overview {
    background-color: #e0e8ff;
background-color:#eaecf0;
    -webkit-transition: all 0.3s ease;
        border: 1px solid #ddd;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}
}
 
.client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort {
.trade-item {
     background-image: url(/resources/src/jquery.tablesorter.styles/images/sort_both.svg?0e440);
     display: flex;
    cursor: pointer;
     align-items: center
    background-repeat: no-repeat;
     background-position: center right;
    padding-right: 21px;
}
}


.trade-item-name {
 
     display: flex;
.RadiantApexRewards {
     flex-direction: column;
    padding: 10px !important;
     padding-left: 10px
    margin-top: 2rem !important;
    color: #FF6F50 !important;
    border-bottom: 1px solid #FF6F50 !important;
    min-width: 150px;
}
.ApexRewards {
     padding: 10px !important;
    margin-top: 2rem !important;
    color: #E58B27 !important;
    border-bottom: 1px solid #E58B27 !important;
     min-width: 150px;
}
.LegendaryRewards {
     padding: 10px !important;
    margin-top: 2rem !important;
    color: #CCAA1A !important;
    border-bottom: 1px solid #CCAA1A !important;
    min-width: 150px;
}
.EpicRewards {
    padding: 10px !important;
    margin-top: 2rem !important;
    color: #A02EF7 !important;
    border-bottom: 1px solid #A02EF7 !important;
    min-width: 150px;
}
.SuperiorRewards {
    padding: 10px !important;
    margin-top: 2rem !important;
    color: #3A92FF !important;
    border-bottom: 1px solid #3A92FF !important;
    min-width: 150px;
}
.FineRewards {
    padding: 10px !important;
    margin-top: 2rem !important;
    color: #2DC50E !important;
    border-bottom: 1px solid #2DC50E !important;
    min-width: 150px;
}
.CommonRewards {
    padding: 10px !important;
    margin-top: 2rem !important;
    color: #888888 !important;
    border-bottom: 1px solid #888888 !important;
    min-width: 150px;
}
.Drops {
    padding: 10px !important;
    margin-top: 2rem !important;
    color: var(--color-progressive) !important;
    border-bottom: 1px solid var(--color-progressive) !important;
    min-width: 150px;
}
.Datamine {
    padding: 10px !important;
    margin-top: 2rem !important;
    color: var(--background-color-error) !important;
    border-bottom: 1px solid var(--background-color-error) !important;
    min-width: 150px;
}
.PS {
    padding: 10px !important;
    margin-top: 2rem !important;
    color: var(--color-progressive) !important;
    border-bottom: 1px solid var(--color-progressive) !important;
    min-width: 150px;
}
.Applied {
    padding: 10px !important;
    margin-top: 2rem !important;
    color: var(--color-progressive) !important;
    border-bottom: 1px solid var(--color-progressive) !important;
    min-width: 150px;
}
}
 
.Craft {
.trade-item-icon {
    padding: 10px !important;
     position: relative;
    margin-top: 2rem !important;
     flex-shrink: 0
    color: var(--color-progressive) !important;
     border-bottom: 1px solid var(--color-progressive) !important;
     min-width: 150px;
}
}
#skin-client-pref-skin-theme-value-os { display:none!important; }
#ca-talk { display:none!important; }


.smw-highlighter {
.mw-body h1,.mw-body-content h1,.mw-body-content h2 {
     cursor: help;
     font-family: sans-serif
    border-bottom: 1px dotted black
}
}


.swap {
h1,h2 {
     white-space: nowrap
     border-bottom: 1px solid rgba(156,191,235,.5)
}
}


.swap tr:hover {
.color_h3 {
     background-color: #e0e8ff;
     background-color: #b0c4de;
     -webkit-transition: all 0.3s ease;
    padding: 10px;
     -moz-transition: all 0.3s ease;
     box-shadow: 0 0 0 0px rgba(255,255,255,0.6) inset,0 0 7px rgba(0,0,0,0.4),0 0 0 rgba(0,0,0,0.33);
     -o-transition: all 0.3s ease;
     -webkit-transition: box-shadow 0.1s;
     transition: all 0.3s ease
     transition: box-shadow 0.1s
}
 
body.page-Заглавная_страница * h1 {
    display: none
}
 
.catlinks {
     display: none
}
 
.smw-datatable-toolbar {
    display: none
}
}


.weapons tr:hover {
.creature tr:hover {
     background-color: #e0e8ff;
     background-color: #e0e8ff;
     -webkit-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
Строка 99: Строка 195:
}
}


.equip-name {
.only-quest img {
     display: table-cell;
     background-color: #ff8e8e
    padding-left: 5px;
}
    vertical-align: middle
}


.equip-name-icon {
.tt {
     position: relative;
     white-space: nowrap
    display: table-cell;
    width: 64px;
    height: 64px
}
}


.equip-name-icon-set {
.tt tr:hover {
    position: absolute;
    top: -2px
}
 
.equip tr:hover {
     background-color: #e0e8ff;
     background-color: #e0e8ff;
     -webkit-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
Строка 125: Строка 211:
}
}


.recipe p {
.trade-item {
     margin: 0
     display: flex;
    align-items: center
}
}


table.infobox {
.trade-item-name {
     width: 450px;
     display: flex;
     float: right;
     flex-direction: column;
     margin: 0 0 1em 3em
     padding-left: 10px
}
}


table.infobox > tr > th,table.infobox > tr > td,table.infobox > * > tr > th,table.infobox > * > tr > td {
.trade-item-icon {
     border: 1px solid #b0c4de
     position: relative;
    flex-shrink: 0
}
}


.slight_shadow {
.smw-highlighter {
     box-shadow: 0 0 0 1px rgba(255,255,255,0.6) inset,0 0 7px rgba(0,0,0,0.4),0 0 0 rgba(0,0,0,0.33);
     cursor: help;
    -webkit-transition: box-shadow 0.1s;
    transition: box-shadow 0.1s
}
}


#look3d {
.swap {
     border: 2px solid black;
     white-space: nowrap
    width: 125px;
    height: 25px;
    cursor: pointer;
    position: absolute
}
}


#look3d:hover {
.swap tr:hover {
     border: 2px solid gray
     background-color: #e0e8ff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}
}


.look3d {
.weapons tr:hover {
    background-color: #e0e8ff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}
 
.equip-name {
    display: table-cell;
    padding-left: 5px;
    vertical-align: middle
}
 
.equip-name-icon {
     position: relative;
     position: relative;
     float: right;
     display: table-cell;
     right: 128px;
     width: 64px;
     top: 32px
     height: 64px
}
}


.text-look3d {
.equip-name-icon-set {
     position: absolute;
     position: absolute;
     top: 4px;
     top: -2px
    left: 2px;
    width: 125px;
    height: 25px;
    font-weight: bold
}
}


#viewer3d {
.equip tr:hover {
    width: 650px;
     background-color: #e0e8ff;
    height: 450px;
     -webkit-transition: all 0.3s ease;
    border: 3px #000 solid;
     -moz-transition: all 0.3s ease;
     background: #999999;
     -o-transition: all 0.3s ease;
     position: fixed;
     transition: all 0.3s ease
     top: 45%;
}
    left: 50%;
 
    margin-top: -225px;
.recipe p {
     margin-left: -325px;
     margin: 0
    display: none;
     opacity: 0;
    z-index: 5;
     padding: 0
}
}


#viewer3d #viewer3d_close {
table.infobox {
     width: 21px;
     width: 450px;
     height: 21px;
     float: right;
    position: absolute;
     margin: 0 0 1em 3em
    top: 5px;
    right: 50px;
    cursor: pointer;
    display: block;
    color: red;
     font-weight: bold
}
}


#viewer3d #viewer3d_close:hover {
table.infobox > tr > th,table.infobox > tr > td,table.infobox > * > tr > th,table.infobox > * > tr > td {
     color: white
     border: 1px solid #b0c4de
}
}


#overlay {
.slight_shadow {
     z-index: 3;
     box-shadow: 0 0 0 1px rgba(255,255,255,0.6) inset,0 0 7px rgba(0,0,0,0.4),0 0 0 rgba(0,0,0,0.33);
     position: fixed;
     -webkit-transition: box-shadow 0.1s;
    width: 100%;
     transition: box-shadow 0.1s
    height: 100%;
    top: 0;
     left: 0;
    cursor: pointer;
    display: none
}
}


table.jquery-tablesorter th.headerSort {
#look3d {
     background-color: #b0c4de;
     border: 2px solid black;
     position: sticky;
    width: 125px;
     top: 10px;
     height: 25px;
     z-index: 1
     cursor: pointer;
     position: absolute
}
}


table.wikitable > * > tr > th {
#look3d:hover {
     background-color: #b0c4de
     border: 2px solid gray
}
}


table.wikitable.sticky > * > tr > th {
.look3d {
     position: sticky;
     position: relative;
     top: 10px;
     float: right;
     z-index: 1
    right: 128px;
     top: 32px
}
}


table.wikitable tr:hover {
.text-look3d {
     background-color: #e0e8ff;
    position: absolute;
     -webkit-transition: all 0.3s ease;
     top: 4px;
     -moz-transition: all 0.3s ease;
     left: 2px;
     -o-transition: all 0.3s ease;
     width: 125px;
     transition: all 0.3s ease
     height: 25px;
     font-weight: bold
}
}


.trhover tr:hover {
#viewer3d {
     background-color: #e0e8ff;
    width: 650px;
     -webkit-transition: all 0.3s ease;
    height: 450px;
     -moz-transition: all 0.3s ease;
    border: 3px #000 solid;
     -o-transition: all 0.3s ease;
     background: #999999;
     transition: all 0.3s ease
     position: fixed;
    top: 45%;
    left: 50%;
    margin-top: -225px;
     margin-left: -325px;
    display: none;
    opacity: 0;
     z-index: 5;
     padding: 0
}
}


.box_frnds {
#viewer3d #viewer3d_close {
     width: 250px;
     width: 21px;
     height: 335px;
     height: 21px;
     border: 1px solid #e7e8ec;
     position: absolute;
     border-radius: 3px;
     top: 5px;
     text-align: left
     right: 50px;
}
    cursor: pointer;
 
.frnd {
     display: block;
     display: block;
     padding: 10px;
     color: red;
     float: left
     font-weight: bold
}
}


.thumb_frnd {
#viewer3d #viewer3d_close:hover {
     position: relative;
     color: white
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden
}
}


.thumb_frnd img {
#overlay {
     position: absolute;
    z-index: 3;
     position: fixed;
    width: 100%;
    height: 100%;
     top: 0;
     top: 0;
     bottom: 0;
     left: 0;
     margin: auto;
     cursor: pointer;
    width: 40px;
     display: none
    max-height: 40px;
    border-radius: 50%;
     display: block
}
}


.desc_info {
table.jquery-tablesorter th.headerSort {
     float: left;
     background-image: url(/resources/src/jquery.tablesorter.styles/images/sort_both.svg?0e440);
     width: 170px;
     position: sticky;
     overflow: hidden;
     z-index: 1
    word-wrap: break-word;
    padding: 4px 0 0 12px
}
}
 
table-wrap {
.frnd_name {
  text-align: center;
    color: #2a5885;
  display: inline-block;
    text-decoration: none;
  background-color: #fff;
    cursor: pointer
  padding: 2rem 2rem;
  color: #000;
}
}


.frnd_name:hover {
.trhover tr:hover {
     text-decoration: underline
     background-color: #e0e8ff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}
}


.frnd_desc {
.box_frnds {
     font-size: 12px;
     width: 250px;
     overflow: hidden;
     height: 335px;
     color: #656565
     border: 1px solid #e7e8ec;
    border-radius: 3px;
    text-align: left
}
}


.ore_but {
.frnd {
     width: 230px;
     display: block;
    color: #ff9501;
     padding: 10px;
    cursor: pointer;
     float: left
    border: 1px solid #ff9501;
    text-align: center;
     padding: 5px;
     border-radius: 3px
}
}


.ore_but a {
.thumb_frnd {
     text-decoration: none;
     position: relative;
     color: #ff9501
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50%;
     overflow: hidden
}
}


.ore_but a:hover {
.thumb_frnd img {
     color: red
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 40px;
    max-height: 40px;
    border-radius: 50%;
     display: block
}
}


.menu_cont {
.desc_info {
     display: flex;
     float: left;
     flex-wrap: wrap;
     width: 170px;
     justify-content: center;
    overflow: hidden;
     gap: 10px
     word-wrap: break-word;
     padding: 4px 0 0 12px
}
}


.menu_caches .menu_button {
.frnd_name {
     max-width: 190px
     color: #2a5885;
    text-decoration: none;
    cursor: pointer
}
}


.menu_button {
.frnd_name:hover {
     text-align: center;
     text-decoration: underline
    word-wrap: normal
}
}


.menu_button_img_events img {
.frnd_desc {
     width: 246px;
     font-size: 12px;
     height: 133px
     overflow: hidden;
    color: #656565
}
}


.menu_button_tile {
.ore_but {
     position: relative;
     width: 230px;
     margin: 0 20px 0 20px;
     color: #ff9501;
     -webkit-transition: all 0.6s ease;
     cursor: pointer;
     -moz-transition: all 0.6s ease;
    border: 1px solid #ff9501;
     -o-transition: all 0.6s ease;
     text-align: center;
     transition: all 0.6s ease
     padding: 5px;
     border-radius: 3px
}
}


.card_button_tile {
.ore_but a {
     position: relative;
     text-decoration: none;
     margin: 0 20px 0 20px;
     color: #ff9501
    word-break: break-all
}
}


.menu_button:hover .menu_button_tile {
.ore_but a:hover {
     -webkit-transform: scale(1.11);
     color: red
    -moz-transform: scale(1.11);
    -o-transform: scale(1.11);
    transform: scale(1.11)
}
}


.menu_buttun_pvp_number {
.menu_cont-cards {
     position: absolute;
     display:flex;
     margin-top: -115px;
     flex-wrap: wrap;
     right: 30px;
     justify-content: center;
    z-index: 1;
}
     color: white;
.menu_cont {
     font-weight: 600;
     display:flex;
     font-size: 1.8em;
     flex-wrap: wrap;
     user-select: none;
     justify-content: center;
    pointer-events: none
     gap: 10px;
}
}


.menu_buttun_pvp_number::before {
.menu_caches .menu_button {
     content: url(/w/images/6/69/Wreath_half.png);
     max-width: 190px
    -moz-transform: scale(1.5,1.5);
    -webkit-transform: scale(1.5,1.5);
    -o-transform: scale(1.5,1.5);
    transform: scale(1.5,1.5);
    margin: 8px 0 0 -12px;
    position: absolute
}
}


.menu_buttun_pvp_number::after {
.menu_button {
     content: url(/w/images/6/69/Wreath_half.png);
     text-align: center;
    -moz-transform: scale(-1.5,1.5);
     word-wrap: normal
    -webkit-transform: scale(-1.5,1.5);
     -o-transform: scale(-1.5,1.5);
    transform: scale(-1.5,1.5);
    margin: 8px 0 0 -6px;
    position: absolute
}
}


.note {
.menu_button_img_events img {
     position: relative;
     width: 246px;
     margin: 2em 0em;
     height: 133px
    pointer-events: none
}
}


.note_name {
.menu_button_tile {
     position: absolute;
     position: relative;
     background-color: #fff;
     margin: 0 20px 0 20px;
     margin: -14px 0 0 1px;
     -webkit-transition: all 0.6s ease;
     padding: 0 5px;
     -moz-transition: all 0.6s ease;
     font-size: 1.2em;
     -o-transition: all 0.6s ease;
     font-weight: 600
     transition: all 0.6s ease;
}
}


.note_text {
.card_button_tile {
    border: 1px dashed black;
    padding: 10px 10px 5px 10px;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.6) inset,0 0 7px rgba(0,0,0,0.4),0 0 0 rgba(0,0,0,0.33);
    -webkit-transition: box-shadow 0.1s;
    transition: box-shadow 0.1s;
    overflow-x: auto;
    pointer-events: auto
}
 
.advice {
     position: relative;
     position: relative;
     margin: 2em 0em;
     margin: 0 20px 0 20px;
     pointer-events: none
     word-break: break-all
}
}


.advice_name {
.menu_button:hover .menu_button_tile {
     position: absolute;
     -webkit-transform: scale(1.11);
     background-color: #fff;
     -moz-transform: scale(1.11);
     margin: -14px 0 0 1px;
     -o-transform: scale(1.11);
    padding: 0 5px;
     transform: scale(1.11)
    font-size: 1.2em;
     font-weight: 600
}
}


.advice_text {
.menu_buttun_pvp_number {
     border: 1px dashed black;
     position: absolute;
     padding: 10px 10px 5px 10px;
     margin-top: -115px;
     box-shadow: 0 0 0 1px rgba(255,255,255,0.6) inset,0 0 7px rgba(0,0,0,0.4),0 0 0 rgba(0,0,0,0.33);
     right: 30px;
     -webkit-transition: box-shadow 0.1s;
    z-index: 1;
     transition: box-shadow 0.1s;
    color: white;
     overflow-x: auto;
     font-weight: 600;
     pointer-events: auto
     font-size: 1.8em;
     user-select: none;
     pointer-events: none
}
}


.wikitable {
.menu_buttun_pvp_number::before {
     box-shadow: 0 0 0 1px rgba(255,255,255,0.6) inset,0 0 7px rgba(0,0,0,0.4),0 0 0 rgba(0,0,0,0.33);
     content: url(/w/images/6/69/Wreath_half.png);
     -webkit-transition: box-shadow 0.1s;
    -moz-transform: scale(1.5,1.5);
     transition: box-shadow 0.1s
    -webkit-transform: scale(1.5,1.5);
    -o-transform: scale(1.5,1.5);
    transform: scale(1.5,1.5);
     margin: 8px 0 0 -12px;
     position: absolute
}
}


.tippy-tooltip {
.menu_buttun_pvp_number::after {
     max-width: 330px;
     content: url(/w/images/6/69/Wreath_half.png);
     border-radius: inherit;
     -moz-transform: scale(-1.5,1.5);
     -webkit-border-radius: inherit;
     -webkit-transform: scale(-1.5,1.5);
     -moz-border-radius: inherit
    -o-transform: scale(-1.5,1.5);
     transform: scale(-1.5,1.5);
    margin: 8px 0 0 -6px;
    position: absolute
}
}


.tippy-header {
.note {
     display: none
     position: relative;
    margin: 2em 0em;
    pointer-events: none
}
}


.plate {
.note_name {
     width: 70px;
     position: absolute;
     float: left;
     background-color: #fff;
     border-radius: 3px;
     margin: -14px 0 0 1px;
     padding: 2px;
    padding: 0 5px;
     margin: 5px
     font-size: 1.2em;
     font-weight: 600
}
}


.plate:hover {
.note_text {
     box-shadow: 0 0 0 1px rgba(0,0,0,0.6) inset,0 0 7px rgba(0,0,0,0.4),0 0 0 rgba(0,0,0,0.33);
    border: 1px dashed black;
    padding: 10px 10px 5px 10px;
     box-shadow: 0 0 0 1px rgba(255,255,255,0.6) inset,0 0 7px rgba(0,0,0,0.4),0 0 0 rgba(0,0,0,0.33);
     -webkit-transition: box-shadow 0.1s;
     -webkit-transition: box-shadow 0.1s;
     transition: box-shadow 0.2s
     transition: box-shadow 0.1s;
    overflow-x: auto;
    pointer-events: auto
}
}


.plate:hover .marquee {
.advice {
     display: inline-block;
     position: relative;
     white-space: pre-wrap;
     margin: 2em 0em;
     margin-left: -2px
     pointer-events: none
}
}


.plate:hover .marquee span {
.advice_name {
    display: inline-block;
     position: absolute;
     position: absolute;
     animation: none;
     background-color: #fff;
     padding: 0 5px 0 5px;
     margin: -14px 0 0 1px;
    border: 1px solid;
     padding: 0 5px;
     background: rgb(255,255,255);
     font-size: 1.2em;
     margin-top: -1.2em;
     font-weight: 600
     min-width: 100px;
    max-width: 150px;
    z-index: 1
}
}


.usually {
.advice_text {
     background-color: rgba(41,41,41,0.2)
     border: 1px dashed black;
    padding: 10px 10px 5px 10px;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.6) inset,0 0 7px rgba(0,0,0,0.4),0 0 0 rgba(0,0,0,0.33);
    -webkit-transition: box-shadow 0.1s;
    transition: box-shadow 0.1s;
    overflow-x: auto;
    pointer-events: auto
}
}


.rare {
 
     background: linear-gradient(to top left,#b4c3c8,#5f7476)
.tippy-tooltip {
     max-width: 330px;
    border-radius: inherit;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit
}
}


.very_rare {
.tippy-header {
     background: linear-gradient(to top left,#f2b73b,#bc5101)
     display: none
}
}


.guarantee {
.plate {
     background: linear-gradient(to top left,#1b5825,#40d744)
     width: 70px;
    float: left;
    border-radius: 3px;
    padding: 2px;
    margin: 5px
}
}


.arrow {
.plate:hover {
     background-image: url(/w/images/7/7b/Arrow_down.png);
     box-shadow: 0 0 0 1px rgba(0,0,0,0.6) inset,0 0 7px rgba(0,0,0,0.4),0 0 0 rgba(0,0,0,0.33);
     background-repeat: no-repeat;
     -webkit-transition: box-shadow 0.1s;
     background-position: center;
     transition: box-shadow 0.2s
    height: 11px
}
}


.arrow:hover {
.plate:hover .marquee {
     background-image: url(/w/images/4/46/Arrow_up.png);
     display: inline-block;
     -webkit-transition: box-shadow 0.3s;
     white-space: pre-wrap;
     transition: box-shadow 0.3s
     margin-left: -2px
}
}


.drop_rate {
.plate:hover .marquee span {
     font-size: 90%;
     display: inline-block;
     font-weight: 600;
    position: absolute;
     cursor: default
     animation: none;
    padding: 0 5px 0 5px;
    border: 1px solid;
    background: rgb(255,255,255);
    margin-top: -1.2em;
    min-width: 100px;
    max-width: 150px;
     z-index: 1
}
}


.tippy-content-container {
.usually {
     max-height: 500px
     background-color: rgba(41,41,41,0.2)
}
}


.tippy-content-container .plate {
.rare {
     width: 40px;
    background: linear-gradient(to top left,#b4c3c8,#5f7476)
     float: none;
}
     display: inline-block
 
.very_rare {
    background: linear-gradient(to top left,#f2b73b,#bc5101)
}
 
.guarantee {
    background: linear-gradient(to top left,#1b5825,#40d744)
}
 
.arrow {
     background-image: url(/w/images/7/7b/Arrow_down.png);
     background-repeat: no-repeat;
    background-position: center;
     height: 11px
}
}


.tippy-content-container .plate img {
.arrow:hover {
     width: 36px;
    background-image: url(/w/images/4/46/Arrow_up.png);
     height: 36px
     -webkit-transition: box-shadow 0.3s;
     transition: box-shadow 0.3s
}
}


.tippy-content-container .drop_rate {
.drop_rate {
     font-size: 75%;
    font-size: 90%;
    font-weight: 600;
    cursor: default
}
 
.tippy-content-container {
    max-height: 500px
}
 
.tippy-content-container .plate {
    width: 40px;
    float: none;
    display: inline-block
}
 
.tippy-content-container .plate img {
    width: 36px;
    height: 36px
}
 
.tippy-content-container .drop_rate {
     font-size: 75%;
     font-weight: 600;
     font-weight: 600;
     cursor: default
     cursor: default
Строка 617: Строка 757:
.last-update {
.last-update {
     width: 300px;
     width: 300px;
     float: left
     background: rgba(var(--color-base-rgb),0.02);
    border: 1px solid rgba(var(--color-base-rgb),0.1);
    margin-bottom: 2rem
}
}


.last-update-header {
.last-update-header {
     background-color: #b0c4de;
     background-color: var(--color-surface-2);
     padding: 10px;
    border: 1px solid var(--border-color-base);
     font-weight: 600
    border-radius: 10px 10px 0px 0px;
     padding: 1rem;
     font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
}


.last-update-body {
.last-update-body {
     border: 1px solid #e7e8ec;
     border: 1px solid var(--border-color-base);
    border-radius: 0px 0px 10px 10px;
     border-top: 0px;
     border-top: 0px;
     padding: 5px 10px;
    height: 220px;
     height: 220px
     padding: 0 1rem 1rem 1rem;
    box-sizing: border-box;
     overflow: hidden
}
}


Строка 1072: Строка 1222:
}
}
/* Cached 20250402115902 */
/* Cached 20250402115902 */
 
.ivent {
.card1 {
   position: relative;
   position: relative;
   top: 0;
   top: 0;
Строка 1079: Строка 1228:
}
}


.card2 {
.ivent-notactive {
   position: absolute;
    position: absolute;
    top: 120px;
    color: red;
    left: 0px;
    background-color: rgb(16 18 19 / 80%);
}
.ivent-active {
    position: absolute;
    top: 120px;
    color: #00fc5c;
    left: 0px;
    background-color: rgb(16 18 19 / 80%);
}
.showcase1 {
   position: relative;
   top: 0;
   top: 0;
   left: 0;
   left: 0;
}
}


crateico {
.showcase2 {
  position: absolute;
    position: absolute;
  left: 0;
    top: 110px;
  top: 0;
    color: gold;
  width: 20%;
    font-family: var(--font-family-monospace);
  height: auto;
    font-size: var(--font-size-small);
    border-radius: 0px 20px 20px 0px;
    padding: 0.2em;
    left: 0px;
    background-color: rgb(16 18 19 / 80%);
}
.showcase3 {
    position: absolute;
    top: 110px;
    color: red;
    padding: 0.2em;
    border-radius: 0px 20px 20px 0px;
    font-family: var(--font-family-monospace);
    font-size: var(--font-size-small);
    left: 0px;
    background-color: rgb(16 18 19 / 80%);
}
}
 
.showcase4 {
.imgthumb {
    position: absolute;
    background: #F9F9F9;
    top: 100px;
    border: #CCCCCC;
    padding: 0.2em;
    float: right;
    border-radius: 0px 20px 20px 0px;
    padding: 5px;
    font-family: var(--font-family-monospace);
    font-size: var(--font-size-small);
    left: 0px;
    background-color: rgb(16 18 19 / 80%);
}
}


/* Стиль карт Leaflet */
.card1 {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
}
 
.card2 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.card3 {
    position: absolute;
    top: 165px;
    left: 0px;
    right:0px;
    color: #ffffff;
    text-align:center;
    z-index: 3;
    text-shadow: 2px 2px 1px #000;
}
    .card4 {
    position: absolute;
    top: 185px;
    left: 0px;
    right:0px;
    color: #ffffff;
    text-align:center;
    z-index: 4;
    text-shadow: 2px 2px 1px #000;
}


.leaflet-pane,
crateico {
.leaflet-tile,
  position: absolute;
.leaflet-marker-icon,
  left: 0;
.leaflet-marker-shadow,
  top: 0;
.leaflet-tile-container,
  width: 20%;
.leaflet-pane > svg,
  height: auto;
.leaflet-pane > canvas,
}
.leaflet-zoom-box,
 
.leaflet-image-layer,
.imgthumb {
.leaflet-layer {
    background: #F9F9F9;
position: absolute;
    border: #CCCCCC;
    float: right;
    padding: 5px;
}
 
/* Стиль карт Leaflet */
 
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
position: absolute;
left: 0;
left: 0;
top: 0;
top: 0;
Строка 1764: Строка 1994:
/* Темная тема */
/* Темная тема */
@media screen {
@media screen {
html.skin-theme-clientpref-night .last-update-header {
html.skin-theme-clientpref-night client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort {
background-color: #171619;
background-image: url(/w/resources/src/jquery.tablesorter.styles/images/sort_both_inverted.svg?d764d);
        background-image: url(/resources/css/grunge.png);
        border: 1px solid #948159;
padding: 10px;
font-weight: 600;
}
}
html.skin-theme-clientpref-night .last-update-body {
html.skin-theme-clientpref-night table.overview {
border: 1px solid #948159;
border-top: 0px;
padding: 5px 10px;
height: 220px;
}
html.skin-theme-clientpref-night body {
background-color: #1C1D21;
background-color: #1C1D21;
}
        border: 1px solid #162f4d;
     html.skin-theme-clientpref-night .mw-parser-output > span.mw-default-size img,html.skin-theme-clientpref-night section .mw-heading ~ div > span.mw-default-size img,html.skin-theme-clientpref-night section > span.mw-default-size img,html.skin-theme-clientpref-night dd > span.mw-default-size img,html.skin-theme-clientpref-night p > span.mw-default-size img,html.skin-theme-clientpref-night .mw-parser-output > figure[typeof='mw:File'] img,html.skin-theme-clientpref-night section .mw-heading ~ div > figure[typeof='mw:File'] img,html.skin-theme-clientpref-night section > figure[typeof='mw:File'] img,html.skin-theme-clientpref-night dd > figure[typeof='mw:File'] img,html.skin-theme-clientpref-night p > figure[typeof='mw:File'] img,html.skin-theme-clientpref-night .mw-parser-output > figure[typeof='mw:File/Thumb'] img,html.skin-theme-clientpref-night section .mw-heading ~ div > figure[typeof='mw:File/Thumb'] img,html.skin-theme-clientpref-night section > figure[typeof='mw:File/Thumb'] img,html.skin-theme-clientpref-night dd > figure[typeof='mw:File/Thumb'] img,html.skin-theme-clientpref-night p > figure[typeof='mw:File/Thumb'] img,html.skin-theme-clientpref-night .mw-parser-output > figure[typeof='mw:File/Frameless'] img,html.skin-theme-clientpref-night section .mw-heading ~ div > figure[typeof='mw:File/Frameless'] img,html.skin-theme-clientpref-night section > figure[typeof='mw:File/Frameless'] img,html.skin-theme-clientpref-night dd > figure[typeof='mw:File/Frameless'] img,html.skin-theme-clientpref-night p > figure[typeof='mw:File/Frameless'] img {
        background-image: url(/resources/css/grunge.png);
        background-color: #1C1D21;
color: #ffffff;
    }
}
     html.skin-theme-clientpref-night .mw-parser-output > span.mw-default-size img, html.skin-theme-clientpref-night section .mw-heading ~ div > span.mw-default-size img, html.skin-theme-clientpref-night section > span.mw-default-size img, html.skin-theme-clientpref-night dd > span.mw-default-size img, html.skin-theme-clientpref-night p > span.mw-default-size img, html.skin-theme-clientpref-night .mw-parser-output > figure[typeof='mw:File'] img, html.skin-theme-clientpref-night section .mw-heading ~ div > figure[typeof='mw:File'] img, html.skin-theme-clientpref-night section > figure[typeof='mw:File'] img, html.skin-theme-clientpref-night dd > figure[typeof='mw:File'] img, html.skin-theme-clientpref-night p > figure[typeof='mw:File'] img, html.skin-theme-clientpref-night .mw-parser-output > figure[typeof='mw:File/Thumb'] img, html.skin-theme-clientpref-night section .mw-heading ~ div > figure[typeof='mw:File/Thumb'] img, html.skin-theme-clientpref-night section > figure[typeof='mw:File/Thumb'] img, html.skin-theme-clientpref-night dd > figure[typeof='mw:File/Thumb'] img, html.skin-theme-clientpref-night p > figure[typeof='mw:File/Thumb'] img, html.skin-theme-clientpref-night .mw-parser-output > figure[typeof='mw:File/Frameless'] img, html.skin-theme-clientpref-night section .mw-heading ~ div > figure[typeof='mw:File/Frameless'] img, html.skin-theme-clientpref-night section > figure[typeof='mw:File/Frameless'] img, html.skin-theme-clientpref-night dd > figure[typeof='mw:File/Frameless'] img, html.skin-theme-clientpref-night p > figure[typeof='mw:File/Frameless'] img {
          background: transparent;
}
html.skin-theme-clientpref-night .mw-parser-output .note-Storm-Atronach-Crate {
html.skin-theme-clientpref-night .mw-parser-output .note-Storm-Atronach-Crate {
background-color: #05172d;
background-color: #3d425a;
color: #ffffff;
color: #ffffff;
background-image: url("/images/7/74/ON-icon-store-Storm_Atronach_Crown_Crate.png");
background-image: url("/images/7/74/ON-icon-store-Storm_Atronach_Crown_Crate.png");
Строка 1794: Строка 2017:
}
}
html.skin-theme-clientpref-night .mw-parser-output .note-RageboundCrate {
html.skin-theme-clientpref-night .mw-parser-output .note-RageboundCrate {
background-color: #05172d;
background-color: #3d425a;
color: #ffffff;
color: #ffffff;
background-image: url("/images/9/9f/ON-icon-store-Ragebound_Crate.png");
background-image: url("/images/9/9f/ON-icon-store-Ragebound_Crate.png");
Строка 1804: Строка 2027:
}
}
html.skin-theme-clientpref-night .mw-parser-output .note-CarnavalCrate {
html.skin-theme-clientpref-night .mw-parser-output .note-CarnavalCrate {
background-color: #05172d;
background-color: #3d425a;
color: #ffffff;
color: #ffffff;
background-image: url("/images/f/fd/ON-icon-store-Carnaval_Crate.png");
background-image: url("/images/f/fd/ON-icon-store-Carnaval_Crate.png");
Строка 1814: Строка 2037:
}
}
html.skin-theme-clientpref-night .mw-parser-output .note-WildHuntCrate {
html.skin-theme-clientpref-night .mw-parser-output .note-WildHuntCrate {
background-color: #05172d;
background-color: #3d425a;
color: #ffffff;
color: #ffffff;
background-image: url("/images/6/6a/ON-icon-store-Wild_Hunt_Crown_Crate.png");
background-image: url("/images/6/6a/ON-icon-store-Wild_Hunt_Crown_Crate.png");
Строка 1823: Строка 2046:
min-height: 40px;
min-height: 40px;
}
}
html.skin-theme-clientpref-night {
html.skin-theme-clientpref-night .Drops {
     color-scheme: dark;
     padding: 10px !important;
     --color-base: #eaecf0;
     margin-top: 2rem !important;
     --color-base--hover: #f8f9fa;
     color: var(--color-progressive) !important;
    --color-emphasized: #f8f9fa;
     border-bottom: 1px solid var(--color-progressive) !important;
    --color-subtle: #a2a9b1;
     min-width: 150px;
    --color-inverted: #101418;
}
    --color-progressive: #88a3e8;
html.skin-theme-clientpref-night .Applied {
     --color-progressive--hover: #b0c1f0;
background-color:#13b4a7;
    --color-progressive--active: #cbd6f6;
}
    --color-destructive: #fd7865;
html.skin-theme-clientpref-night .Video {
    --color-destructive--hover: #fea898;
background-color:#1b71b7;
     --color-destructive--active: #ffc8bd;
}
    --color-visited: #a799cd;
html.skin-theme-clientpref-night .Craft {
    --color-destructive--visited: #c99391;
background-color:#a3a634;
    --color-error: #fd7865;
}
    --color-warning: #fecc44;
html.skin-theme-clientpref-night .itemepic a {
    --color-success: #2cb491;
     color: #b662f5 !important;
    --color-notice: #f8f9fa;
}
    --color-content-added: #80cdb3;
html.skin-theme-clientpref-night .itemfine a {
    --color-content-removed: #fd7865;
     color: #4ef62c !important;
    --color-base--subtle: #a2a9b1;
}
    --box-shadow-color-base: #fff;
html.skin-theme-clientpref-night .itemsuperior a {
    --box-shadow-color-progressive--focus: #6b8edf;
     color: #64a9ff !important;
    --box-shadow-color-destructive--focus: #6b8edf;
}
    --box-shadow-color-inverted: #000;
html.skin-theme-clientpref-night span.itemepic {
    --background-color-base: #1C1D21;
     color: #b662f5 !important;
    --background-color-neutral: #27292d;
}
    --background-color-neutral-subtle: #202122;
html.skin-theme-clientpref-night span.itemfine {
    --background-color-interactive: #27292d;
     color: #4ef62c !important;
    --background-color-interactive-subtle: #202122;
}
    --background-color-disabled: #54595d;
html.skin-theme-clientpref-night span.itemsuperior {
    --background-color-disabled-subtle: #404244;
     color: #64a9ff !important;
    --background-color-inverted: #f8f9fa;
}
    --background-color-progressive--focus: #6b8edf;
html.skin-theme-clientpref-night .embedvideo.frame {
     --background-color-progressive-subtle: #233566;
     border: 1pt solid #212836;
    --background-color-destructive--focus: #6b8edf;
     padding: 0.5em;
    --background-color-destructive-subtle: #612419;
     --background-color-error: #fc493b;
    --background-color-error--hover: #fd7865;
    --background-color-error--active: #fea898;
     --background-color-error-subtle: #612419;
    --background-color-warning-subtle: #453217;
    --background-color-success-subtle: #153d31;
     --background-color-notice-subtle: #27292d;
    --background-color-content-added: #233566;
    --background-color-content-removed: #453217;
    --background-color-backdrop-light: rgba(0, 0, 0, 0.65);
    --background-color-backdrop-dark: rgba(255, 255, 255, 0.65);
    --border-color-base: #72777d;
     --border-color-subtle: #54595d;
    --border-color-muted: #404244;
    --border-color-interactive: #a2a9b1;
     --border-color-disabled: #54595d;
    --border-color-inverted: #101418;
    --border-color-progressive--focus: #6b8edf;
     --border-color-destructive--focus: #6b8edf;
     --border-color-error: #fc493b;
    --border-color-error--hover: #fd7865;
    --border-color-warning: #fecc44;
    --border-color-success: #2cb491;
    --border-color-notice: #c8ccd1;
    --border-color-content-added: #233566;
    --border-color-content-removed: #987027;
}
}
}
}
Строка 1893: Строка 2089:
/* Автоматический режим */  
/* Автоматический режим */  
@media screen and (prefers-color-scheme: dark) {
@media screen and (prefers-color-scheme: dark) {
/* wikitable */
html.skin-theme-clientpref-os table.overview {
background-color: #1C1D21;
        border: 1px solid #162f4d;
        background-image: url(/resources/css/grunge.png);
color: #ffffff;
}
    html.skin-theme-clientpref-os .mw-parser-output > span.mw-default-size img, html.skin-theme-clientpref-os section .mw-heading ~ div > span.mw-default-size img, html.skin-theme-clientpref-os section > span.mw-default-size img, html.skin-theme-clientpref-os dd > span.mw-default-size img, html.skin-theme-clientpref-os p > span.mw-default-size img, html.skin-theme-clientpref-os .mw-parser-output > figure[typeof='mw:File'] img, html.skin-theme-clientpref-os section .mw-heading ~ div > figure[typeof='mw:File'] img, html.skin-theme-clientpref-os section > figure[typeof='mw:File'] img, html.skin-theme-clientpref-os dd > figure[typeof='mw:File'] img, html.skin-theme-clientpref-os p > figure[typeof='mw:File'] img, html.skin-theme-clientpref-os .mw-parser-output > figure[typeof='mw:File/Thumb'] img, html.skin-theme-clientpref-os section .mw-heading ~ div > figure[typeof='mw:File/Thumb'] img, html.skin-theme-clientpref-os section > figure[typeof='mw:File/Thumb'] img, html.skin-theme-clientpref-os dd > figure[typeof='mw:File/Thumb'] img, html.skin-theme-clientpref-os p > figure[typeof='mw:File/Thumb'] img, html.skin-theme-clientpref-os .mw-parser-output > figure[typeof='mw:File/Frameless'] img, html.skin-theme-clientpref-os section .mw-heading ~ div > figure[typeof='mw:File/Frameless'] img, html.skin-theme-clientpref-os section > figure[typeof='mw:File/Frameless'] img, html.skin-theme-clientpref-os dd > figure[typeof='mw:File/Frameless'] img, html.skin-theme-clientpref-os p > figure[typeof='mw:File/Frameless'] img {
          background: transparent;
}


html.skin-theme-clientpref-os table.wikitable,
html.skin-theme-clientpref-os .Drops {
html.skin-theme-clientpref-os table.prettytable {
    padding: 10px !important;
  margin: 1em 1em 1em 0;
    margin-top: 2rem !important;
  background: #171619;
    color: var(--color-progressive) !important;
  border: 1px #162f4d solid;
    border-bottom: 1px solid var(--color-progressive) !important;
  border-collapse: collapse;
    min-width: 150px;
}
html.skin-theme-clientpref-os .Applied {
background-color:#13b4a7;
}
}
 
html.skin-theme-clientpref-os .Applied {
html.skin-theme-clientpref-os table.wikitable th, html.skin-theme-clientpref-os table.wikitable td,
background-color:#1b71b7;
html.skin-theme-clientpref-os table.prettytable th, html.skin-theme-clientpref-os table.prettytable td {
  background: #1C1D21;
  border: 1px #162f4d solid;
  padding: 0.2em;
}
}
 
html.skin-theme-clientpref-os .Video {
html.skin-theme-clientpref-os table.wikitable th,
background-color:#1b71b7;
html.skin-theme-clientpref-os table.prettytable th {
  background: #383b4a;
  background-image: url(/resources/css/grunge.png);
  text-align: center;
}
}
 
html.skin-theme-clientpref-os .Craft {
html.skin-theme-clientpref-os table.wikitable caption,
background-color:#a3a634;
html.skin-theme-clientpref-os table.prettytable caption {
  margin-left: inherit;
  margin-right: inherit;
}
}
html.skin-theme-clientpref-os .last-update-header {
html.skin-theme-clientpref-os .itemepic a {
background-color: #171619;
    color: #b662f5 !important;
        background-image: url(/resources/css/grunge.png);
}
        border: 1px solid #948159;
html.skin-theme-clientpref-os .itemfine a {
padding: 10px;
    color: #4ef62c !important;
font-weight: 600;
}
}
html.skin-theme-clientpref-os .itemsuperior a {
html.skin-theme-clientpref-os .last-update-body {
    color: #64a9ff !important;
border: 1px solid #948159;
}
border-top: 0px;
html.skin-theme-clientpref-os span.itemepic {
padding: 5px 10px;
    color: #b662f5 !important;
height: 220px;
}
}
html.skin-theme-clientpref-os span.itemfine {
     html.skin-theme-clientpref-os .mw-parser-output > span.mw-default-size img,html.skin-theme-clientpref-os section .mw-heading ~ div > span.mw-default-size img,html.skin-theme-clientpref-os section > span.mw-default-size img,html.skin-theme-clientpref-os dd > span.mw-default-size img,html.skin-theme-clientpref-night p > span.mw-default-size img,html.skin-theme-clientpref-os .mw-parser-output > figure[typeof='mw:File'] img,html.skin-theme-clientpref-os section .mw-heading ~ div > figure[typeof='mw:File'] img,html.skin-theme-clientpref-os section > figure[typeof='mw:File'] img,html.skin-theme-clientpref-os dd > figure[typeof='mw:File'] img,html.skin-theme-clientpref-os p > figure[typeof='mw:File'] img,html.skin-theme-clientpref-os .mw-parser-output > figure[typeof='mw:File/Thumb'] img,html.skin-theme-clientpref-os section .mw-heading ~ div > figure[typeof='mw:File/Thumb'] img,html.skin-theme-clientpref-os section > figure[typeof='mw:File/Thumb'] img,html.skin-theme-clientpref-os dd > figure[typeof='mw:File/Thumb'] img,html.skin-theme-clientpref-os p > figure[typeof='mw:File/Thumb'] img,html.skin-theme-clientpref-os .mw-parser-output > figure[typeof='mw:File/Frameless'] img,html.skin-theme-clientpref-os section .mw-heading ~ div > figure[typeof='mw:File/Frameless'] img,html.skin-theme-clientpref-os section > figure[typeof='mw:File/Frameless'] img,html.skin-theme-clientpref-os dd > figure[typeof='mw:File/Frameless'] img,html.skin-theme-clientpref-os p > figure[typeof='mw:File/Frameless'] img {
    color: #4ef62c !important;
        background-color: #1C1D21;
}
     }
html.skin-theme-clientpref-os span.itemsuperior {
html.skin-theme-clientpref-os .mw-parser-output .note-Storm-Atronach-Crate {
    color: #64a9ff !important;
background-color: #262830;
}
color: #ffffff;
html.skin-theme-clientpref-os .embedvideo.frame {
background-image: url("/images/7/74/ON-icon-store-Storm_Atronach_Crown_Crate.png");
    border: 1pt solid #212836;
background-size: 40px;
    padding: 0.5em;
font-size: 15px;
}
border-color: #162f4d;
}
padding-left: 55px;
 
min-height: 40px;
/* Стили для инфобокса */
.infobox {
    width: 100%;
    max-width: 350px;
    box-sizing: border-box;
    background: var(--color-surface-2);
    border-color: transparent;
    border-radius: var(--border-radius-base);
    padding: 1.5rem;
    height: fit-content;
    float: right;
    margin: 0 0 2rem 2rem;
}
.infobox-overview {
    width: 100%;
    max-width: 350px;
    box-sizing: border-box;
    background: #eaecf0;
     border: 1px solid #ECE6E7;
    padding: 1.5rem;
    height: fit-content;
    float: right;
    margin: 0 0 2rem 2rem;
}
 
.infobox-section {
margin-bottom: 1.5rem;
}
.infobox-section:last-child {
margin-bottom: 0;
}
.infobox-row {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 5px;
position: relative;
padding: 0.5rem 0;
}
.infobox-row-overview {
display: block;
align-items: flex-start;
justify-content: space-between;
gap: 5px;
position: relative;
padding: 0.5rem 0;
}
.infobox-row::after  {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 1px;
background-color: var(--color-progressive);
opacity: 0.1;
}
.infobox-row-overview::after  {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 60%;
height: 1px;
background-color: var(--color-progressive);
opacity: 0.1;
}
.infobox-row:last-child::after {
display: none;
}
.infobox-row-nested {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 5px;
position: relative;
padding: 0.2rem 0;
}
.infobox-row--no-flex {
display: block;
}
.infobox-row--overflow-x {
overflow-x: auto;
}
.infobox-row--wrap {
flex-wrap: wrap;
}
.infobox-title {
display: flex;
align-items: center;
position: relative;
font-size: 1.2em;
font-weight: 600;
justify-content: left;
color: var(--color-progressive);
}
.infobox-title::after  {
opacity: 0.3;
}
.infobox-title--icon {
font-size: 0.875em;
}
.infobox-overview-title {
display: block;
align-items: center;
position: relative;
font-size: 0.9em;
font-weight: 600;
justify-content: left;
color: var(--color-progressive);
}
.infobox-label {
color: var(--color-subtle);
}
.infobox-label.smw-highlighter {
border-bottom: 1px dotted var(--color-subtle);
}
.infobox-value {
color: var(--color-base);
text-align: right;
}
.infobox-quest--list--chapter {
overflow-x: auto;
white-space: nowrap;
}
.overview_box {
justify-content: space-between;
gap: 10px 20px;
align-items: start;
}
.overview_block {
display: grid;
    grid-template-columns: 96px auto;
    grid-template-rows: auto auto;
    align-content: start;
    grid-column: 1 / 2;
grid-row: auto;
}
.overview_icon {
flex: 0 0 96px;
height: 96px;
}
.overview_info {
grid-template-columns: min-content auto;
height: min-content;
flex: 1 1 auto;
}
@media screen and (max-width:450px){
.infobox {
max-width: 100%;
margin: 0 0 2rem 0;
}
}
/* Цвета кнопок */
 
/* Оформление кнопок */
.mw-parser-output .home-card--row4 {
    grid-row: span 4;
}
.mw-parser-output .home-card--col2 {
    grid-column: span 2;
}
.mw-parser-output .home-card {
    position: relative;
    padding: var(--space-md);
    border: 1px solid var(--border-color-base);
    background: var(--color-surface-1);
    border-radius: var(--border-radius-medium);
     font-size: var(--font-size-small);
}
.mw-parser-output .home-card__badge, .mw-parser-output .home-card__label {
    color: var(--color-subtle);
    font-size: var(--font-size-small);
    letter-spacing: 0.05em;
}
.mw-parser-output .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;
}
.mw-parser-output .home-link__button {
    display: flex;
}
}
html.skin-theme-clientpref-os .mw-parser-output .note-RageboundCrate {
.mw-parser-output .home-link__button a {
background-color: #05172d;
    flex-grow: 1;
color: #ffffff;
    padding: var(--space-xs);
background-image: url("/images/9/9f/ON-icon-store-Ragebound_Crate.png");
    border: 1px solid var(--border-color-base);
background-size: 40px;
    background: var(--color-surface-2);
font-size: 15px;
    border-radius: var(--border-radius-medium);
border-color: #162f4d;
    color: var(--color-emphasized)!important;
padding-left: 55px;
    line-height: var(--line-height-xxx-small);
min-height: 40px;
    text-decoration: none!important;
}
}
html.skin-theme-clientpref-os .mw-parser-output .note-CarnavalCrate {
.mw-parser-output .home-link__button a:hover {
background-color: #05172d;
    background: var(--color-surface-2--hover)
color: #ffffff;
background-image: url("/images/f/fd/ON-icon-store-Carnaval_Crate.png");
background-size: 40px;
font-size: 15px;
border-color: #162f4d;
padding-left: 55px;
min-height: 40px;
}
html.skin-theme-clientpref-os .mw-parser-output .note-WildHuntCrate {
background-color: #05172d;
color: #ffffff;
background-image: url("/images/6/6a/ON-icon-store-Wild_Hunt_Crown_Crate.png");
background-size: 40px;
font-size: 15px;
border-color: #162f4d;
padding-left: 55px;
min-height: 40px;
}
}
html.skin-theme-clientpref-os body {
.mw-parser-output .home-link__button a:active {
background-color: #1C1D21;
    background: var(--color-surface-2--active)
}
    html.skin-theme-clientpref-os {
        color-scheme: light dark;
        --color-base: #eaecf0;
        --color-base--hover: #f8f9fa;
        --color-emphasized: #f8f9fa;
        --color-subtle: #a2a9b1;
        --color-inverted: #101418;
        --color-progressive: #88a3e8;
        --color-progressive--hover: #b0c1f0;
        --color-progressive--active: #cbd6f6;
        --color-destructive: #fd7865;
        --color-destructive--hover: #fea898;
        --color-destructive--active: #ffc8bd;
        --color-visited: #a799cd;
        --color-destructive--visited: #c99391;
        --color-error: #fd7865;
        --color-warning: #fecc44;
        --color-success: #2cb491;
        --color-notice: #f8f9fa;
        --color-content-added: #80cdb3;
        --color-content-removed: #fd7865;
        --color-base--subtle: #a2a9b1;
        --box-shadow-color-base: #fff;
        --box-shadow-color-progressive--focus: #6b8edf;
        --box-shadow-color-destructive--focus: #6b8edf;
        --box-shadow-color-inverted: #000;
        --background-color-base: #1C1D21;
        --background-color-neutral: #27292d;
        --background-color-neutral-subtle: #202122;
        --background-color-interactive: #27292d;
        --background-color-interactive-subtle: #202122;
        --background-color-disabled: #54595d;
        --background-color-disabled-subtle: #404244;
        --background-color-inverted: #f8f9fa;
        --background-color-progressive--focus: #6b8edf;
        --background-color-progressive-subtle: #233566;
        --background-color-destructive--focus: #6b8edf;
        --background-color-destructive-subtle: #612419;
        --background-color-error: #fc493b;
        --background-color-error--hover: #fd7865;
        --background-color-error--active: #fea898;
        --background-color-error-subtle: #612419;
        --background-color-warning-subtle: #453217;
        --background-color-success-subtle: #153d31;
        --background-color-notice-subtle: #27292d;
        --background-color-content-added: #233566;
        --background-color-content-removed: #453217;
        --background-color-backdrop-light: rgba(0, 0, 0, 0.65);
        --background-color-backdrop-dark: rgba(255, 255, 255, 0.65);
        --border-color-base: #72777d;
        --border-color-subtle: #54595d;
        --border-color-muted: #404244;
        --border-color-interactive: #a2a9b1;
        --border-color-disabled: #54595d;
        --border-color-inverted: #101418;
        --border-color-progressive--focus: #6b8edf;
        --border-color-destructive--focus: #6b8edf;
        --border-color-error: #fc493b;
        --border-color-error--hover: #fd7865;
        --border-color-warning: #fecc44;
        --border-color-success: #2cb491;
        --border-color-notice: #c8ccd1;
        --border-color-content-added: #233566;
        --border-color-content-removed: #987027;
    }
}
}
Источник — https://eso-wiki.ru/index.php?title=MediaWiki:Common.css