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

Материал из Vanilla Station
Перейти к: навигация, поиск
мНет описания правки
мНет описания правки
Строка 113: Строка 113:
}
}
/*ширина страницы*/
/*ширина страницы*/
@media (min-width: 1200px) {
.row {
    .container,.container-lg,.container-md,.container-sm,.container-xl {
max-width:1400px;
         max-width:80%
margin-left:auto;
margin-right:auto;
}
@media (max-width: 576px) {
  .col-md-9 {
         padding:0;
  }
      body main{
margin-bottom:15px;
     }
     }
}
}
@media (min-width: 768px) {
@media (min-width: 576px) {
     .offset-md-1 {
     .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 {
         margin-left:0
         width:100%
     }
     }
}


     .col-md-10 {
@media (max-width: 768px) {
         flex: 0 0 100%;
     #sidebar-right.col-md-3.sidebar-sticky {
         max-width: 100%
        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;
     }
     }
     #content {
     #content {
         border-radius: 5px;
         border-radius: 5px;
         padding: 0
         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 {
     .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-left: 5px;
         padding-right: 5px
         padding-right: 5px
     }
     }
    .col-md-9 {
        flex: 1;
        flex-basis: 65%;
        flex-grow: 1;
        max-width: 100%
    }
    .col-md-3 {
        flex-basis: content;
        max-width: 200px;
    }


     .nav-link {
     .nav-link {
Строка 156: Строка 167:
     }
     }
}
}
@media (min-width: 576px) {
@media (min-width: 1200px) {
     .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 {
     .container,.container-lg,.container-md,.container-sm,.container-xl {
         width: 100%;
        max-width: 85%;
        margin-left: 15%;
        margin-right: 0;
        padding-left: 0;
        padding-right: 15px;
    }
        .col-md-9 {
        flex: 1;
        max-width: 90%;
    }
 
    .col-md-3 {
         max-width: 20%;
     }
     }
}
@media (max-width: 768px) {
    .dropdown-menu.show {
    border-radius: 0;
    border: none;
        border-top:1px solid #212126;
        border-bottom:1px solid #212126;
}
}
}
/*первый заголовок*/
/*первый заголовок*/

Версия от 17:49, 21 июня 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-search-profile-tabs,.mw-message-box-warning,.mw-message-box,.mw-changeslist-legend {
background-color: #212126;
border:1px solid black;
border-radius: 12px;
}
.mw-message-box-warning,.mw-message-box{
    border-color:red;
}
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: #212126 !important
}

.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: #27272e !important
}
.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{
    width:200px;
}
/*ширина страницы*/
.row {
max-width:1400px;
margin-left:auto;
margin-right:auto;
}
@media (max-width: 576px) {
   .col-md-9 {
        padding:0;
   }
       body main{
margin-bottom:15px;
    }
}
@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;
    }
    #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
    }

    .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: 85%;
        margin-left: 15%;
        margin-right: 0;
        padding-left: 0;
        padding-right: 15px;
    }
        .col-md-9 {
        flex: 1;
        max-width: 90%;
    }

    .col-md-3 {
        max-width: 20%;
    }
}
/*первый заголовок*/
#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
}

.navbar-brand {
    color: white
}

.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{
    color:unset;
    background:#212126;
    max-width:100%;
border:0;

}
.wikitable>*>tr>th{
    background:#1b1b20;
    padding:0.45em;
    font-size:17px;
    border:1px solid black;
}
.wikitable>*>tr>td{
    background:#27272e;
    border:1px solid black;
    padding:0.45em;
}
@media (max-width: 768px){
    .wikitable>*>tr>th{font-size:0.65em;}
.wikitable>*>tr>td{font-size:0.65em;}
}

/*окна редактирования вики-текста*/
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
}

.wikiEditor-ui .wikiEditor-ui-view,.wikiEditor-ui-toolbar {
    border: 1px solid black;
    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: #212126;
    border: none;
    border-top: 1px solid black;
    position: absolute;
    bottom: 0;
    width: 90%;
    left: 5%;
    right: 5%;
}
a.new:visited{
    color:#dd0033;
}
/*Все-таки я решил отказаться от белого цвета*/
Источник — https://vanilla-station.ru/w/index.php?title=MediaWiki:Tweeki.css&oldid=354