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

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

Страница интерфейса MediaWiki
Дополнительные действия
← Предыдущая правка
Нет описания правки
Нет описания правки
 
(не показано 25 промежуточных версий этого же участника)
Строка 1: Строка 1:
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
/* Основной цвет фона */
/* Основной цвет фона */
.crownstore-announ img {
    max-width:100%;
    height:auto;
}
.citizen-overflow-content > .motif {
  height: 600px;
  overflow: auto;
}
body {
body {
background-color: var(--background-color-base, #fff);
background-color: var(--background-color-base, #fff);
Строка 8: Строка 17:
}
}
.textbox {
.textbox {
  background-color: var(--background-color-neutral-subtle, #f8f9fa);
    overflow: auto;
  color: var(--color-emphasized, #101418);
    border-radius: var(--border-radius-large);
  border: 1px solid var(--border-color-muted, #dadde3);
    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 {
.admin-only {
Строка 216: Строка 229:
.smw-highlighter {
.smw-highlighter {
     cursor: help;
     cursor: help;
    border-bottom: 1px dotted black
}
}


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


.menu_cont-cards {
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
}
.menu_cont {
.menu_cont {
     display:flex;
     display:flex;
Строка 740: Строка 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
}
}


Строка 1223: Строка 1250:
.showcase2 {
.showcase2 {
     position: absolute;
     position: absolute;
     top: 120px;
     top: 110px;
     color: gold;
     color: gold;
    font-family: var(--font-family-monospace);
    font-size: var(--font-size-small);
    border-radius: 0px 20px 20px 0px;
    padding: 0.2em;
     left: 0px;
     left: 0px;
     background-color: rgb(16 18 19 / 80%);
     background-color: rgb(16 18 19 / 80%);
Строка 1230: Строка 1261:
.showcase3 {
.showcase3 {
     position: absolute;
     position: absolute;
     top: 120px;
     top: 110px;
     color: red;
     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 {
    position: absolute;
    top: 100px;
    padding: 0.2em;
    border-radius: 0px 20px 20px 0px;
    font-family: var(--font-family-monospace);
    font-size: var(--font-size-small);
     left: 0px;
     left: 0px;
     background-color: rgb(16 18 19 / 80%);
     background-color: rgb(16 18 19 / 80%);
Строка 1237: Строка 1282:


.card1 {
.card1 {
  position: relative;
    position: relative;
  top: 0;
    top: 0;
  left: 0;
    left: 0;
    z-index: 1;
}
}


.card2 {
.card2 {
  position: absolute;
    position: absolute;
  top: 0;
    top: 0;
  left: 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;
}
}


Строка 1927: Строка 1994:
/* Темная тема */
/* Темная тема */
@media screen {
@media screen {
html.skin-theme-clientpref-night .last-update-header {
background-color: #171619;
        background-image: url(/resources/css/grunge.png);
        border: 1px solid #162f4d;
padding: 10px;
font-weight: 600;
}
html.skin-theme-clientpref-night client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort {
html.skin-theme-clientpref-night client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort {
background-image: url(/w/resources/src/jquery.tablesorter.styles/images/sort_both_inverted.svg?d764d);
background-image: url(/w/resources/src/jquery.tablesorter.styles/images/sort_both_inverted.svg?d764d);
}
html.skin-theme-clientpref-night .last-update-body {
border: 1px solid #162f4d;
border-top: 0px;
padding: 5px 10px;
height: 220px;
}
}
html.skin-theme-clientpref-night table.overview {
html.skin-theme-clientpref-night table.overview {
Строка 2035: Строка 2089:
/* Автоматический режим */  
/* Автоматический режим */  
@media screen and (prefers-color-scheme: dark) {
@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .last-update-header {
background-color: #171619;
        background-image: url(/resources/css/grunge.png);
        border: 1px solid #162f4d;
padding: 10px;
font-weight: 600;
}
html.skin-theme-clientpref-os .last-update-body {
border: 1px solid #162f4d;
border-top: 0px;
padding: 5px 10px;
height: 220px;
}
html.skin-theme-clientpref-os table.overview {
html.skin-theme-clientpref-os table.overview {
background-color: #1C1D21;
background-color: #1C1D21;
Строка 2156: Строка 2196:
left: 0;
left: 0;
right: 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;
height: 1px;
background-color: var(--color-progressive);
background-color: var(--color-progressive);
Строка 2245: Строка 2296:
margin: 0 0 2rem 0;
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;
}
.mw-parser-output .home-link__button a {
    flex-grow: 1;
    padding: var(--space-xs);
    border: 1px solid var(--border-color-base);
    background: var(--color-surface-2);
    border-radius: var(--border-radius-medium);
    color: var(--color-emphasized)!important;
    line-height: var(--line-height-xxx-small);
    text-decoration: none!important;
}
.mw-parser-output .home-link__button a:hover {
    background: var(--color-surface-2--hover)
}
.mw-parser-output .home-link__button a:active {
    background: var(--color-surface-2--active)
}
}
Источник — https://eso-wiki.ru/index.php?title=MediaWiki:Common.css