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

Материал из Vanilla Station
Перейти к: навигация, поиск
мНет описания правки
мНет описания правки
Строка 1: Строка 1:
.navbar-light .navbar-brand,.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover {
.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
     color: white
}
}
body {
body {
     background: #212126 !important
     background: #212126 !important
}
#maincontentwrapper {
    overflow-wrap: break-word;
    color: white
}
.navbar-brand {
    color: white
}
.navbar-light .navbar-nav .nav-link {
    color: white
}
}


Строка 25: Строка 11:
     border-radius: 0.8rem
     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 {
.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;
     background: #212126;
    color: white
}
.navbar-brand {
     color: white
     color: white
}
}
Строка 81: Строка 62:
         margin-left:0
         margin-left:0
     }
     }
}
@media (min-width: 768px) {
     .col-md-10 {
     .col-md-10 {
         flex:0 0 100%;
         flex:0 0 100%;
         max-width: 100%
         max-width: 100%
     }
     }
}
        #content {
 
#firstHeading {
    border-bottom: 2px solid black;
    text-align: left;
    line-height: 1.5em;
    padding-left: 5px
}
 
@media (min-width: 768px) {
    #content {
         border-radius:5px;
         border-radius:5px;
         padding: 0
         padding: 0
Строка 107: Строка 75:
         padding-right: 5px
         padding-right: 5px
     }
     }
}
            .col-md-9 {
 
@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:1;
             flex-basis: 65%;
             flex-basis: 65%;
Строка 126: Строка 86:
             max-width: 100%
             max-width: 100%
         }
         }
      
}
 
#firstHeading {
     border-bottom: 2px solid black;
    text-align: left;
    line-height: 1.5em;
    padding-left: 5px
}
 
@media (min-width: 1200px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl {
        max-width:80%
     }
     }
}
}


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


    .navbar-brand {
.bg-light {
        color: white
    background: #1b1b1f
    }
}


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


.btn-link, body #contentwrapper #maincontentwrapper .cancelLink .oo-ui-buttonElement-button{
.card {
    text-align:left;
    background: #212126;
     width:100%;
     border: 1px solid black
        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;
.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, #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;
#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
}
}
.wikitable{
 
     color:white;
#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 {
    border:1px solid black;
     box-shadow: none
}
}
.wikitable>*>tr>td{
 
     background:#212126;
.wikitable {
     border:1px solid black;
     color: white;
     border: 1px solid black
}
}
.wikitable>*>tr>th{
.wikitable>*>tr>td {
     background:#27272e;
     background: #212126;
     border:1px solid black;
     border: 1px solid black
}
}
.wikitable>*>tr:hover>th{
.wikitable>*>tr>th {
     background:#27272ef5;
     background: #27272e;
    border: 1px solid black
}
}
.wikitable>*>tr:hover>td{
.wikitable>*>tr:hover>th,.wikitable>*>tr:hover>td {
     background:#27272ef5;
     background: #27272ef5
}
}

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

.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
}
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
}

#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
    }
    .col-md-10 {
        flex:0 0 100%;
        max-width: 100%
    }
        #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
    }
            .col-md-9 {
            flex:1;
            flex-basis: 65%;
            flex-grow: 1;
            max-width: 100%
        }

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

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

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

}

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,.wikitable>*>tr:hover>td {
    background: #27272ef5
}