MediaWiki: Tweeki.css: различия между версиями
Материал из Vanilla Station
TFMB (обсуждение | вклад) (Новая страница: «.navbar-brand { color:white; } .bg-light { background: #1b1b1f; }») |
TFMB (обсуждение | вклад) мНет описания правки |
||
Строка 1: | Строка 1: | ||
.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: 1200px) { | |||
.container,.container-lg,.container-md,.container-sm,.container-xl { | |||
max-width:80%; | |||
} | |||
} | |||
@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% | |||
} | |||
} | |||
@media (max-width: 768px) | |||
{ | |||
.wikitable>*>tr>td,.wikitable>*>tr>th{ | |||
font-size:0.65em; | |||
margin:0; | |||
} | |||
} | |||
#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 { | .navbar-brand { | ||
color:white | color: white | ||
} | } | ||
.bg-light { | .bg-light { | ||
background: #1b1b1f; | 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>*>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 | |||
} | } |
Версия от 16:54, 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: 1200px) {
.container,.container-lg,.container-md,.container-sm,.container-xl {
max-width:80%;
}
}
@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%
}
}
@media (max-width: 768px)
{
.wikitable>*>tr>td,.wikitable>*>tr>th{
font-size:0.65em;
margin:0;
}
}
#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
}
.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>*>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
}