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

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

Страница интерфейса MediaWiki
Дополнительные действия
← Предыдущая правкаСледующая правка →
Нет описания правки
Нет описания правки
(не показана 171 промежуточная версия этого же участника)
Строка 1: Строка 1:
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
.ApexRewards h3 {
/* Основной цвет фона */
background-color:#E58B27;
.crownstore-announ img {
padding: 10px 0px 10px 10px;
    max-width:100%;
margin-top: 15px;
    height:auto;
}
}
#skin-client-pref-skin-theme-value-os { display:none!important; }
.citizen-overflow-content > .motif {
#ca-talk { display:none!important; }
  height: 600px;
  overflow: auto;
}
 
body {
body {
    background-color: #ffffff
background-color: var(--background-color-base, #fff);
}
.nav__link.active {
  opacity: 0.3;
}
}
 
.textbox {
.mw-body h1,.mw-body-content h1,.mw-body-content h2 {
    overflow: auto;
     font-family: sans-serif
    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 {
h1,h2 {
display:none;
    border-bottom: 1px solid rgba(156,191,235,.5)
}
}
 
span.itemmythic {
.color_h3 {
     color: rgb(255, 130, 0) !important;
     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.itemlegendary {
body.page-Заглавная_страница * h1 {
     color: rgb(228, 193, 41) !important;
     display: none
}
}
 
span.itemepic {
.catlinks {
     color: #A02EF7 !important;
     display: none
}
}
 
span.itemfine {
.smw-datatable-toolbar {
     color: #2DC50E !important;
     display: none
}
}
 
span.itemsuperior {
.creature tr:hover {
     color: #3A92FF !important;
     background-color: #e0e8ff;
}
     -webkit-transition: all 0.3s ease;
.itemmythic a {
     -moz-transition: all 0.3s ease;
     color: rgb(255, 130, 0) !important;
    -o-transition: all 0.3s ease;
}
     transition: all 0.3s ease
.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: #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
}
 
body.page-Заглавная_страница * h1 {
    display: none
}
 
.catlinks {
    display: none
}
 
.smw-datatable-toolbar {
    display: none
}
 
.creature tr:hover {
     background-color: #e0e8ff;
     background-color: #e0e8ff;
     -webkit-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
Строка 96: Строка 195:
}
}


.weapons tr:hover {
.only-quest img {
    background-color: #ff8e8e
}
 
.tt {
    white-space: nowrap
}
 
.tt tr:hover {
     background-color: #e0e8ff;
     background-color: #e0e8ff;
     -webkit-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
Строка 104: Строка 211:
}
}


.equip-name {
.trade-item {
     display: table-cell;
    display: flex;
     padding-left: 5px;
    align-items: center
     vertical-align: middle
}
 
.trade-item-name {
     display: flex;
     flex-direction: column;
     padding-left: 10px
}
}


.equip-name-icon {
.trade-item-icon {
     position: relative;
     position: relative;
     display: table-cell;
     flex-shrink: 0
    width: 64px;
    height: 64px
}
}


.equip-name-icon-set {
.smw-highlighter {
     position: absolute;
     cursor: help;
    top: -2px
}
}


.equip tr:hover {
.swap {
     background-color: #e0e8ff;
    white-space: nowrap
}
 
.swap tr:hover {
     background-color: #e0e8ff;
     -webkit-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
Строка 130: Строка 243:
}
}


.recipe p {
.weapons tr:hover {
     margin: 0
     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
}
}


table.infobox {
.equip-name {
     width: 450px;
     display: table-cell;
     float: right;
     padding-left: 5px;
     margin: 0 0 1em 3em
     vertical-align: middle
}
}


table.infobox > tr > th,table.infobox > tr > td,table.infobox > * > tr > th,table.infobox > * > tr > td {
.equip-name-icon {
     border: 1px solid #b0c4de
    position: relative;
    display: table-cell;
    width: 64px;
     height: 64px
}
}


.slight_shadow {
.equip-name-icon-set {
    position: absolute;
    top: -2px
}
 
.equip 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
}
 
.recipe p {
    margin: 0
}
 
table.infobox {
    width: 450px;
    float: right;
    margin: 0 0 1em 3em
}
 
table.infobox > tr > th,table.infobox > tr > td,table.infobox > * > tr > th,table.infobox > * > tr > td {
    border: 1px solid #b0c4de
}
 
.slight_shadow {
     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);
     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;
Строка 222: Строка 369:


table.jquery-tablesorter th.headerSort {
table.jquery-tablesorter th.headerSort {
     background-color: #b0c4de;
     background-image: url(/resources/src/jquery.tablesorter.styles/images/sort_both.svg?0e440);
     position: sticky;
     position: sticky;
    top: 10px;
     z-index: 1
     z-index: 1
}
}
 
table-wrap {
table.wikitable > * > tr > th {
  text-align: center;
    background-color: #b0c4de
  display: inline-block;
}
  background-color: #fff;
 
  padding: 2rem 2rem;
table.wikitable.sticky > * > tr > th {
  color: #000;
    position: sticky;
    top: 10px;
    z-index: 1
}
 
table.wikitable 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
}
}


Строка 331: Строка 466:
}
}


.menu_cont-cards {
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
}
.menu_cont {
.menu_cont {
     display: flex;
     display:flex;
     flex-wrap: wrap;
     flex-wrap: wrap;
     justify-content: center;
     justify-content: center;
     gap: 10px
     gap: 10px;
}
}


Строка 358: Строка 498:
     -moz-transition: all 0.6s ease;
     -moz-transition: all 0.6s ease;
     -o-transition: all 0.6s ease;
     -o-transition: all 0.6s ease;
     transition: all 0.6s ease
     transition: all 0.6s ease;
}
}


Строка 456: Строка 596:
}
}


.wikitable {
    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
}


.tippy-tooltip {
.tippy-tooltip {
Строка 622: Строка 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
}
}


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


.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;
Строка 1769: Строка 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");
Строка 1799: Строка 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");
Строка 1809: Строка 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");
Строка 1819: Строка 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");
Строка 1828: Строка 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;
}
}
}
}
Строка 1898: Строка 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;
html.skin-theme-clientpref-os table.wikitable,
        border: 1px solid #162f4d;
html.skin-theme-clientpref-os table.prettytable {
        background-image: url(/resources/css/grunge.png);
  margin: 1em 1em 1em 0;
color: #ffffff;
  background: #171619;
  border: 1px #162f4d solid;
  border-collapse: collapse;
}
}
 
    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 {
html.skin-theme-clientpref-os table.wikitable th, html.skin-theme-clientpref-os table.wikitable td,
          background: transparent;
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 table.wikitable th,
html.skin-theme-clientpref-os .Drops {
html.skin-theme-clientpref-os table.prettytable th {
    padding: 10px !important;
  background: #383b4a;
    margin-top: 2rem !important;
  background-image: url(/resources/css/grunge.png);
    color: var(--color-progressive) !important;
  text-align: center;
    border-bottom: 1px solid var(--color-progressive) !important;
    min-width: 150px;
}
}
 
html.skin-theme-clientpref-os .Applied {
html.skin-theme-clientpref-os table.wikitable caption,
background-color:#13b4a7;
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 .Applied {
background-color: #171619;
background-color:#1b71b7;
        background-image: url(/resources/css/grunge.png);
}
        border: 1px solid #948159;
html.skin-theme-clientpref-os .Video {
padding: 10px;
background-color:#1b71b7;
font-weight: 600;
}
}
html.skin-theme-clientpref-os .Craft {
html.skin-theme-clientpref-os .last-update-body {
background-color:#a3a634;
border: 1px solid #948159;
}
border-top: 0px;
html.skin-theme-clientpref-os .itemepic a {
padding: 5px 10px;
    color: #b662f5 !important;
height: 220px;
}
}
html.skin-theme-clientpref-os .itemfine a {
    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 .itemsuperior a {
html.skin-theme-clientpref-os table.overview {
    color: #64a9ff !important;
background-color: #3d425a;
}
color: #ffffff;
html.skin-theme-clientpref-os span.itemepic {
    color: #b662f5 !important;
}
html.skin-theme-clientpref-os span.itemfine {
    color: #4ef62c !important;
}
html.skin-theme-clientpref-os span.itemsuperior {
    color: #64a9ff !important;
}
html.skin-theme-clientpref-os .embedvideo.frame {
    border: 1pt solid #212836;
    padding: 0.5em;
}
}
 
/* Стили для инфобокса */
.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;
}
}
html.skin-theme-clientpref-os table.wikitable th,
.infobox-overview {
html.skin-theme-clientpref-os table.prettytable th {
    width: 100%;
background-color: #3d425a;
    max-width: 350px;
border: 1px #162f4d solid;
    box-sizing: border-box;
    background: #eaecf0;
    border: 1px solid #ECE6E7;
    padding: 1.5rem;
    height: fit-content;
    float: right;
    margin: 0 0 2rem 2rem;
}
}
    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-color: #3d425a;
.infobox-section {
margin-bottom: 1.5rem;
}
}
html.skin-theme-clientpref-os .mw-parser-output .note-Storm-Atronach-Crate {
.infobox-section:last-child {
background-color: #3d425a;
margin-bottom: 0;
color: #ffffff;
}
background-image: url("/images/7/74/ON-icon-store-Storm_Atronach_Crown_Crate.png");
.infobox-row {
background-size: 40px;
display: flex;
font-size: 15px;
align-items: flex-start;
border-color: #162f4d;
justify-content: space-between;
padding-left: 55px;
gap: 5px;
min-height: 40px;
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: #3d425a;
    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: #3d425a;
    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: #3d425a;
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