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

Страница интерфейса MediaWiki
Нет описания правки
Нет описания правки
 
(не показано 195 промежуточных версий этого же участника)
Строка 1: Строка 1:
/*-----------------------------------------------------------------------------------------------------------------------------------*/
.ss14-rules {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 8px; /* Расстояние между строками */
    background-color: transparent;
    color: #cecece;
    font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}


/* Begin стиль для grid
.ss14-rules th {
Shegare */
     background: #1a1a1e;
 
     color: #7daeff;
@media screen and (min-width: 1120px) {
     padding: 12px;
     .citizen-toc-enabled .citizen-body-container {
    text-transform: uppercase;
        grid-template-areas:
     font-size: 0.9em;
        'void header header'
     letter-spacing: 1px;
        'sidebar content toc'
    border-bottom: 2px solid #3a3a42;
        'footer footer footer';
     }
     .citizen-toc-enabled .citizen-body-container {
        grid-template-columns: 10% 70% 20%;
        margin-left: 8vw;
     }
    body {
        overflow-x: hidden;
     }
    #IdJobsTableContainer2 {
        grid-area: sidebar;
        margin-left: -8vw;
    }
}
}


/* End стиль для grid
.ss14-rules td:first-child,
Shegare */
.ss14-rules td:nth-child(2) {
 
    background: #25252b;
/*-----------------------------------------------------------------------------------------------------------------------------------*/
    font-weight: bold;
 
    color: #ffffff;
/* Begin стиль для tabber
    vertical-align: top;
Shegare */
     border-left: 4px solid #5a5a66; /* Акцентная полоса слева */
 
 
.unheightTabber .tabber__section {
     height: unset !important;
}
}


/* End стиль для tabber
.ss14-rules td:first-child {
Shegare */
    white-space: nowrap;
 
    color: #ffca28; /* Золотистый цвет для номера */
 
     width: 10%;
/* Begin стиль ног (footer)
Shegare */
 
/* Блоки в одну строку */
.page-info__item {
     flex-basis: 100%;
}
}


/* Убираем отступ для ног (footer) */
/* Описание правила (третья колонка) */
.citizen-footer {
.ss14-rules td:last-child {
     margin: 0;
     background: #1e1e22;
    padding: 15px;
    line-height: 1.6;
    border-right: 1px solid #3a3a42;
}
}


/* End стиль ног (footer)
.ss14-rules td big {
Shegare */
    display: block;
 
    color: #7daeff; /* Голубой акцент */
 
     font-size: 1.1em;
/* Begin стиль для JobsTable
     margin-bottom: 10px;
Shegare */
     border-bottom: 1px solid #333;
 
     padding-bottom: 5px;
/* Стиль для sidebar */
#IdJobsTableContainer2 {
     flex-basis: 20%;
     padding: 0px 38px;
}
#IdJobsTableContainer2 > div {
    background: #ffffff08;
     border-radius: 20px;
     padding: 5px 10px;
}
}


.JobsTable {
.ss14-rules ul {
     border: 2px solid black;
     margin-top: 10px;
    border-radius: 10px;
     list-style-type: square;
     margin-bottom: 5px;
    width: auto;
    height: fit-content;
    background: #28303e;
}
}


/* Отступы в шапке JobsTable */
.ss14-rules li {
.JobsTableHeadImg {
     margin-bottom: 8px;
    margin-left: 15px;
    margin-right: 5px;
}
.JobsTableHeadLink {
     margin-right: auto;
}
}


/* Видимость на разных экранах */
.ss14-rules tr:hover td {
.client-js td.mw-collapsed:not(.mw-made-collapsible):before, .client-js table.mw-collapsed:not(.mw-made-collapsible) :first-child tr:first-child th:last-child:before, .client-js table.mw-collapsed:not(.mw-made-collapsible) > caption:first-child:after, .client-js div.mw-collapsed:not(.mw-made-collapsible):before,
     background-color: #2d2d35 !important;
.client-js ol.mw-collapsible:not(.mw-made-collapsible):before, .client-js ul.mw-collapsible:not(.mw-made-collapsible):before, .client-js table.mw-collapsible:not(.mw-made-collapsible) :first-child tr:first-child th:last-child:before, .client-js table.mw-collapsible:not(.mw-made-collapsible) > caption:first-child:after, .client-js div.mw-collapsible:not(.mw-made-collapsible):before {
     transition: background 0.2s ease;
    opacity: 0;
}
#IdJobsTableContainer1 {
     display: none;
}
@media screen and (max-width: 1440px) {
    #IdJobsTableContainer2 {
        display: none;
     }
    #IdJobsTableContainer1 {
        display: unset;
    }
    .JobsTableHeadImg {
        margin-left: unset;
    }
    .JobsTableHeadLink {
        margin-right: 55px;
    }
    .client-js td.mw-collapsed:not(.mw-made-collapsible):before, .client-js table.mw-collapsed:not(.mw-made-collapsible) :first-child tr:first-child th:last-child:before, .client-js table.mw-collapsed:not(.mw-made-collapsible) > caption:first-child:after, .client-js div.mw-collapsed:not(.mw-made-collapsible):before,
    .client-js ol.mw-collapsible:not(.mw-made-collapsible):before, .client-js ul.mw-collapsible:not(.mw-made-collapsible):before, .client-js table.mw-collapsible:not(.mw-made-collapsible) :first-child tr:first-child th:last-child:before, .client-js table.mw-collapsible:not(.mw-made-collapsible) > caption:first-child:after, .client-js div.mw-collapsible:not(.mw-made-collapsible):before {
        opacity: 1;
    }
}
}


/* Скрытие контента на широких экранах */
@media screen and (max-width: 720px) {
@media screen and (min-width: 1440px) {
     .ss14-rules, .ss14-rules tbody, .ss14-rules tr, .ss14-rules td {
     .JobsTable .mw-collapsible.mw-collapsed {
         display: block;
         display: none;
        width: 100%;
     }
     }
     .JobsTable div:hover ~ .mw-collapsible.mw-collapsed,
     .ss14-rules td {
    .JobsTable .mw-collapsible.mw-collapsed:hover {
         box-sizing: border-box;
         display: unset;
     }
     }
}
     .ss14-rules td:first-child {
@media screen and (max-width: 1439px) {
        border-bottom: none;
     .JobsTable div:first-child {
         padding-bottom: 5px;
         padding-left: 15px;
     }
     }
}
}
/* Кнопка скрытия элементов */
.JobsTable .mw-collapsible-toggle {
    margin-top: -35px;
}
.JobsTable .mw-collapsible-toggle-default:before,
.JobsTable .mw-collapsible-toggle-default:after {
    content: unset;
}
.JobsTable .mw-collapsible-text {
    background: black;
    border: 2px solid;
    padding: 2px;
    margin-right: 5px;
    font-weight: 700;
}
.JobsTable .mw-collapsible.mw-made-collapsible.mw-collapsed .mw-collapsible-text {
    color: #00ffff9e;
    box-shadow: 0 0 10px #00b9b978;
}
.JobsTable .mw-collapsible.mw-made-collapsible .mw-collapsible-text {
    color: #c21111cc;
}
/* Кнопки */
.JobsTableList li a {
    color: white;
    font-size: 16px;
    background: #232323;
    display: block;
    border: 2px solid black;
    margin-bottom: 5px;
    padding: 3px 5px;
    transition: background-color 0.8s;
}
.JobsTableList li a:hover {
    background: #007383;
    transform: scale(1.1);
    text-decoration: unset;
}
/* End стиль для JobsTable
Shegare */

Текущая версия от 14:16, 25 февраля 2026

.ss14-rules {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 8px; /* Расстояние между строками */
    background-color: transparent;
    color: #cecece;
    font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.ss14-rules th {
    background: #1a1a1e;
    color: #7daeff;
    padding: 12px;
    text-transform: uppercase;
    font-size: 0.9em;
    letter-spacing: 1px;
    border-bottom: 2px solid #3a3a42;
}

.ss14-rules td:first-child, 
.ss14-rules td:nth-child(2) {
    background: #25252b;
    font-weight: bold;
    color: #ffffff;
    vertical-align: top;
    border-left: 4px solid #5a5a66; /* Акцентная полоса слева */
}

.ss14-rules td:first-child {
    white-space: nowrap;
    color: #ffca28; /* Золотистый цвет для номера */
    width: 10%;
}

/* Описание правила (третья колонка) */
.ss14-rules td:last-child {
    background: #1e1e22;
    padding: 15px;
    line-height: 1.6;
    border-right: 1px solid #3a3a42;
}

.ss14-rules td big {
    display: block;
    color: #7daeff; /* Голубой акцент */
    font-size: 1.1em;
    margin-bottom: 10px;
    border-bottom: 1px solid #333;
    padding-bottom: 5px;
}

.ss14-rules ul {
    margin-top: 10px;
    list-style-type: square;
}

.ss14-rules li {
    margin-bottom: 8px;
}

.ss14-rules tr:hover td {
    background-color: #2d2d35 !important;
    transition: background 0.2s ease;
}

@media screen and (max-width: 720px) {
    .ss14-rules, .ss14-rules tbody, .ss14-rules tr, .ss14-rules td {
        display: block;
        width: 100%;
    }
    .ss14-rules td {
        box-sizing: border-box;
    }
    .ss14-rules td:first-child {
        border-bottom: none;
        padding-bottom: 5px;
    }
}