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

Текущая версия от 13:45, 8 октября 2024

/*шрифты*/
@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v170/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2) format('woff2')
}
.mw-body{
    color:lightgray;
}
.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased
}
/*хедер*/
.navbar-light .navbar-brand,.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover,#maincontentwrapper,.navbar-brand,.navbar-light .navbar-nav .nav-link,.navbar-brand {
    color: white
}
/*месседжбоксы*/
.mw-message-box,.mw-changeslist-legend {
    border: 1px solid transparent;
    border-radius: 12px;
    margin-bottom: 1rem;
    padding: .75rem 1.25rem;
    position: relative
}

.mw-message-box p:last-child {
    margin-bottom: 0
}

.mw-message-box-error {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24
}

.mw-message-box-warning {
    background-color: #fff3cd;
    border-color: #ffeeba;
    color: #856404
}

.mw-message-box-warning {
    background-color: #fff3cd;
    border-color: #ffeeba;
    color: #856404
}
.mw-message-box-info,.mw-changeslist-legend {
        background-color: #d1ecf1 !important;
    border-color: #bee5eb!important;
    color: #0c5460!important;
}
.mw-message-box-success{
    background-color: #d4edda !important;
    border-color: #c3e6cb!important;
    color: #155724!important;
}
/*Кнопки (стандартные)*/
.oo-ui-buttonElement>*{
    background:#007bff!important;
    border-color:black !important;
    border-radius:12px !important;
    color:white !important;
}
.oo-ui-buttonElement>*:hover{
    background: color-mix(in srgb, #34c9eb 50%, #007bff) !important;
    color:white !important;
}
.mw-rcfilters-ui-ro,.oo-ui-popupWidget-popup,.mw-rcfilters-ui-table,.mw-rcfilters-ui-menuSelectWidget-footer,.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk){
    background:#212126 !important;
    border-color:black;
    border-radius:0 !important;
    color:white !important;
}
.oo-ui-labelElement-label{
    color:white;
}
div.thumbinner{border: 1px solid #000000;background-color: #212126;}
/*Аккордион*/
.card-header {
    background-color: rgb(39 39 46);
    border-bottom: 1px solid black;
    padding: 0;
}
.card-header>h2{
    border-bottom:0;
}
.accordion>.card:first-child{
    border-top-left-radius:12px;
    border-top-right-radius:12px;
}
.accordion>.card:last-child{
    border-bottom-left-radius:12px;
    border-bottom-right-radius:12px;
}
.card {
    background: #212126;
    border: 1px solid black
}

body {
    background: #101318 !important;
    font-size:0.95em;
}

.form-control,.mw-htmlform-field-HTMLTextField input,.mw-input select,.mw-input textarea,body #contentwrapper #maincontentwrapper .oo-ui-textInputWidget .oo-ui-inputWidget-input {
    background: #27272e;
    border: 1px solid black;
    border-radius: 0.8rem
}

.form-control:focus,.mw-htmlform-field-HTMLTextField input:focus,.mw-input select:focus,.mw-input textarea:focus,body #contentwrapper #maincontentwrapper .oo-ui-textInputWidget .oo-ui-inputWidget-input:focus {
    background: #212126;
    color: white
}

.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {
    color: #f8f9fa
}

#footer,.bg-light {
    background: #191b20 !important;
    border-bottom: 1px solid #000000;
}
.dropdown-menu.show {
    background: #27272e;
    padding-bottom: 1px;
    padding-top: 1px;
    margin-bottom:5px;
    border: 1px solid black;
    overflow: hidden
}
.navbar-toggler{
    border:1px solid black !important;
}
.dropdown-item:focus,.dropdown-item:hover,.dropdown-item {
    color: #ffffff
}
.dropdown-divider{
    border-top:1px solid black;
}
.dropdown-item:focus,.dropdown-item:not(.active):hover {
    background: #1b1b1f
}
/*оглавление*/
#tweekiTOC #toc a,#tweekiTOC {
    color: #9a9a9a
}

#tweekiTOC #toc a.active,#tweekiTOC #toc a:focus,#tweekiTOC #toc a:hover {
    color: white
}
.toctitle{
    min-width:150px;
}
/*ширина страницы*/
.row {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 576px) {
    .col-md-9 {
        padding:0
    }

    body main {
        margin-bottom: 45px
    }
}

@media (min-width: 576px) {
    .form-inline .form-control,.form-inline .mw-htmlform-field-HTMLTextField input,.form-inline .mw-input select,.form-inline .mw-input textarea,.form-inline body #contentwrapper #maincontentwrapper .oo-ui-textInputWidget .oo-ui-inputWidget-input,.mw-htmlform-field-HTMLTextField .form-inline input,.mw-input .form-inline select,.mw-input .form-inline textarea,body #contentwrapper #maincontentwrapper .oo-ui-textInputWidget .form-inline .oo-ui-inputWidget-input {
        width:100%
    }
}

@media (max-width: 768px) {
    #sidebar-right.col-md-3.sidebar-sticky {
        display:none
    }

    .container,.container-lg,.container-md,.container-sm,.container-xl {
        max-width: 100%;
        margin-right: 15px
    }

    .dropdown-menu.show {
        border-radius: 0;
        border: none;
        border-top: 1px solid #212126;
        border-bottom: 1px solid #212126
    }
}

@media (min-width: 768px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl {
        max-width:100%;
        margin-left: 15px;
        margin-right: 15px
    }
.col-md-9 {
        flex-basis:88.631%;
        max-width:88.631%;
    }

    .col-md-3 {
        flex-basis:11.369%;
        max-width:11.369%;
    }
    #content {
        border-radius: 5px;
        padding: 0
    }

    .col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto {
        padding-left: 5px;
        padding-right: 5px;
    }

    #tweekiTOC .nav-link {
        margin-top: 5px;
        border-bottom: 1px dashed #2c2c35
    }
}

@media (min-width: 1200px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl {
        max-width: 90%;
        margin-left: 10%;
        margin-right: 0;
        padding-left: 0;
        padding-right: 15px
    }

    .col-md-9 {
        flex-basis:88.631%;
        max-width:88.631%;
    }

    .col-md-3 {
        flex-basis:11.369%;
        max-width:11.369%;
    }
}
/*первый заголовок*/
#firstHeading {
    border-bottom: 2px solid black;
    text-align: left;
    line-height: 1.5em;
    padding-left: 5px
}

body.page-Заглавная_страница.action-view h1.firstHeading,body.page-Заглавная_страница.action-submit h1.firstHeading {
    display: none
}
.bg-light {
    background: #1b1b1f
}

.btn-link,body #contentwrapper #maincontentwrapper .cancelLink .oo-ui-buttonElement-button {
    text-align: left;
    width: 100%;
    padding: .75rem 1.25rem
}

#maincontentwrapper .focus.mw-ui-button.mw-ui-progressive,.btn-link:hover,#maincontentwrapper .mw-ui-button.mw-ui-progressive:focus,.btn.focus,.btn:focus,body #contentwrapper #maincontentwrapper button.focus.oo-ui-buttonElement-button,body #contentwrapper #maincontentwrapper button.oo-ui-buttonElement-button:focus,body #contentwrapper #maincontentwrapper input.focus.oo-ui-buttonElement-button,body #contentwrapper #maincontentwrapper input.oo-ui-buttonElement-button:focus,body #contentwrapper #maincontentwrapper label a.focus.oo-ui-buttonElement-button,body #contentwrapper #maincontentwrapper label a.oo-ui-buttonElement-button:focus,input.focus[type=button],input.focus[type=submit],input[type=button]:focus,input[type=submit]:focus {
    text-decoration: none
}

#maincontentwrapper .focus.mw-ui-button.mw-ui-progressive,#maincontentwrapper .mw-ui-button.mw-ui-progressive:focus,.btn.focus,.btn:focus,body #contentwrapper #maincontentwrapper button.focus.oo-ui-buttonElement-button,body #contentwrapper #maincontentwrapper button.oo-ui-buttonElement-button:focus,body #contentwrapper #maincontentwrapper input.focus.oo-ui-buttonElement-button,body #contentwrapper #maincontentwrapper input.oo-ui-buttonElement-button:focus,body #contentwrapper #maincontentwrapper label a.focus.oo-ui-buttonElement-button,body #contentwrapper #maincontentwrapper label a.oo-ui-buttonElement-button:focus,input.focus[type=button],input.focus[type=submit],input[type=button]:focus,input[type=submit]:focus {
    box-shadow: none
}
/*Таблицы*/
table{
    -webkit-overflow-scrolling: touch;
    display: block;
    overflow-x: auto;
    width: 100%;
}
.wikitable.mw-collapsed>*>tr>td,.wikitable.mw-collapsed>*>tr>th{
    width:10000px;
}
.wikitable{
    display: table;
    overflow-x: auto;
    width: 100%;
    color:unset;
    background:transparent;
    max-width:100%;
    border:0;
}
.wikitable>*>tr>th{
    background:#1b1b20;
    padding:0.45em;
    border:1px solid black;
}
.wikitable>*>tr>td{
    background:#27272e;
    border:1px solid black;
    padding:0.45em;
}
@media screen and (max-width: 768px) {
    .wikitable {
        display:block;
        overflow-x: auto !important;
        width:max-content;
        margin-left:auto;
        margin-right:auto
    }
    .wikitable>tbody>tr>*{
        font-size:0.5em;
        max-width: 150px;
    }
    .wikitable img:not(.nomobilemini) {
    width: 32px;
    height: 32px;
    }
    .tabs-tabbox > .tabs-input+ .tabs-input+ .tabs-label, .tabs-label{
    font-size:0.5em;
    padding:1em!important;
    }
}

/*окна редактирования вики-текста*/
textarea,.editOptions {
    background: #212126;
    color: white;
    border: 1px solid black
}

.mw-content-ltr.mw-highlight-lines pre,.mw-content-ltr.content .mw-highlight-lines pre {
    background: #212126;
    color: white;
    box-shadow: none;
    border: 1px solid black
}

.ext-WikiEditor-ResizingDragBar-ns {
    background: #27272e;
    border-top: 1px solid black;
    padding: 7px
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle,.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover,.wikiEditor-ui .wikiEditor-ui-view,.wikiEditor-ui-toolbar,.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
    border: 1px solid black;
    color:white;
    background: #27272e
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    color: white
}

.wikiEditor-ui-toolbar .group,.wikiEditor-ui-toolbar .section-secondary .group {
    border-color: black
}

.wikiEditor-ui-toolbar .group .label,.wikiEditor-ui-toolbar .group .tool-select .label,.wikiEditor-ui-toolbar .tabs span.tab a.current,.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
    color: #b6b6b6
}

.tool-button:hover,.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover {
    background: gray
}

.wikiEditor-ui .wikiEditor-ui-top {
    border-bottom: 1px solid black
}
/*скроллбар*/
::-webkit-scrollbar {
    background-color: #424242;
    width: 13px
}

::-webkit-scrollbar-thumb {
    background-color: #686868;
    border: 2px solid #424242;
    border-radius: 4px
}

::-webkit-scrollbar-thumb:hover {
    background-color: #7b7b7b
}

::-webkit-scrollbar-thumb:active {
    background-color: #a1a1a1
}

/*Прочее*/
code {
    background: #000000;
    color: darkgreen;
    border: none
}
#catlinks {display:block;}
.catlinks {
    background: #101318;
    border: none;
    position: absolute;
    bottom: 0;
    width: 90%;
    left: 5%;
    right: 5%;
}
a.new:visited{
    color:#dd0033;
}
/*виджеты свежих правок*/
.oo-ui-widget-enabled,.oo-ui-tagMultiselectWidget-handle{
    margin:1px;
    background-color:#212126 !important;
    color:white !important;
    border-color:black !important;
    border-radius:12px !important;
}
.toolbar *{
border-radius:0 !important;
}
/*Табы*/
.tabs-tabbox > .tabs-label{
    margin:0;
}
.tabs-tabbox > .tabs-input+ .tabs-input+ .tabs-label,.tabs-label{
    margin:0;
    background:#27272e;
    border-color:black;
    padding:.5rem 1rem;
}
.tabs-label{
    border-bottom:1px solid black;
}
.tabs-label:hover,.tabs-tabbox > .tabs-input:checked + .tabs-label, .tabs-input-0:checked + .tabs-input-1 + .tabs-label{
    background:#212126;
    border-bottom:1px solid #0c0cbb;
}
.tabs-tabbox > .tabs-container{
    background: #27272e;
    padding:0;
    border-color:black;
    border-radius:0;
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px;
}
.tabs-container>*{
width:100%;
height:100%;
}
.tabs-input-1:checked ~ .tabs-container .tabs-content-1, .tabs-input-2:checked ~ .tabs-container .tabs-content-2, .tabs-input-3:checked ~ .tabs-container .tabs-content-3, .tabs-input-4:checked ~ .tabs-container .tabs-content-4, .tabs-input-0:checked ~ .tabs-container .tabs-content-1{
display:block !important;
}
.oo-ui-buttonElement-frameless.oo-ui-labelElement:first-child{
margin-left:0;
}
.btn-link, body #contentwrapper #maincontentwrapper .cancelLink .oo-ui-buttonElement-button {
    padding: .375rem .75rem;
}
/*выпадающая меню в поиске*/
.suggestions-result{
color:lightgray;
}
.highlight{
color:white;
}
.suggestions-special,.suggestions-results{
background:#27272e;
border-color:black;
}
.suggestions-special .special-label,.special-query,.suggestions-special .special-query{
color:darkgray;
}