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

Материал из Vanilla Station
Перейти к: навигация, поиск
мНет описания правки
мНет описания правки
Строка 161: Строка 161:
#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{
#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;
     box-shadow:none;
}
.wikitable{
    color:white;
    border:1px solid black;
}
.wikitable>*>tr>td{
    background:#212126;
    border:1px solid black;
}
.wikitable>*>tr>th{
    background:#27272e;
    border:1px solid black;
}
.wikitable>*>tr:hover>th{
    background:#27272ef5;
}
.wikitable>*>tr:hover>td{
    background:#27272ef5;
}
}

Версия от 16:13, 21 мая 2024

.navbar-light .navbar-brand,.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover {
    color: white
}

body {
    background: #212126 !important
}

#maincontentwrapper {
    overflow-wrap: break-word;
    color: white
}

.navbar-brand {
    color: white
}

.navbar-light .navbar-nav .nav-link {
    color: white
}

.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-brand {
    color: white
}

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

#footer,.bg-light {
    background: #27272e !important
}

#tweekiTOC #toc a,#tweekiTOC {
    color: #9a9a9a
}

#tweekiTOC #toc a.active,#tweekiTOC #toc a:focus,#tweekiTOC #toc a:hover {
    color: white
}

.dropdown-menu {
    background: #27272e;
    border-radius: 0.8rem;
    padding-bottom: 1px;
    padding-top: 1px;
    border: 1px solid black
}

.dropdown-item:focus,.dropdown-item:hover,.dropdown-item {
    color: #ffffff
}

.dropdown-item:focus,.dropdown-item:hover {
    background: #1b1b1f
}

.dropdown-item:focus:first-child,.dropdown-item:hover:first-child {
    border-top-left-radius: 0.8rem;
    border-top-right-radius: 0.8rem
}

.dropdown-item:focus:last-child,.dropdown-item:hover:last-child {
    border-bottom-left-radius: 0.8rem;
    border-bottom-right-radius: 0.8rem
}

@media (min-width: 768px) {
    .offset-md-1 {
        margin-left:0
    }
}

@media (min-width: 768px) {
    .col-md-10 {
        flex:0 0 100%;
        max-width: 100%
    }
}

#firstHeading {
    border-bottom: 2px solid black;
    text-align: left;
    line-height: 1.5em;
    padding-left: 5px
}

@media (min-width: 768px) {
    #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
    }
}

@media (min-width: 1200px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl {
        max-width:80%
    }

    @media (min-width: 768px) {
        .col-md-9 {
            flex:1;
            flex-basis: 65%;
            flex-grow: 1;
            max-width: 100%
        }

        .col-md-3 {
            flex-basis: content;
            max-width: 100%
        }
    
    }
}

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

    .navbar-brand {
        color: white
    }

    .bg-light {
        background: #1b1b1f
    }
    .card-header{
    background-color: rgb(39 39 46);
    border-bottom: 1px solid black;
        padding:0;
    }
    .card{
        background:#212126;
        border:1px solid black;
    }

.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;
}
.wikitable{
    color:white;
    border:1px solid black;
}
.wikitable>*>tr>td{
    background:#212126;
    border:1px solid black;
}
.wikitable>*>tr>th{
    background:#27272e;
    border:1px solid black;
}
.wikitable>*>tr:hover>th{
    background:#27272ef5;
}
.wikitable>*>tr:hover>td{
    background:#27272ef5;
}