MediaWiki: Common.css: различия между версиями
Материал из Vanilla Station
TFMB (обсуждение | вклад) мНет описания правки |
TFMB (обсуждение | вклад) мНет описания правки |
||
Строка 4: | Строка 4: | ||
body { | body { | ||
background: #212126 !important | background: #212126 !important | ||
} | } | ||
Строка 28: | Строка 28: | ||
.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 | color: white | ||
} | } | ||
.navbar-brand { | .navbar-brand { | ||
color: white | color: white | ||
} | } | ||
Строка 38: | Строка 38: | ||
color: #f8f9fa | color: #f8f9fa | ||
} | } | ||
#footer,.bg-light{ | |||
background:#27272e !important | #footer,.bg-light { | ||
background: #27272e !important | |||
} | } | ||
#tweekiTOC #toc a,#tweekiTOC{ | |||
color:#9a9a9a | #tweekiTOC #toc a,#tweekiTOC { | ||
color: #9a9a9a | |||
} | } | ||
#tweekiTOC #toc a.active, #tweekiTOC #toc a:focus, #tweekiTOC #toc a:hover{ | |||
color:white | #tweekiTOC #toc a.active,#tweekiTOC #toc a:focus,#tweekiTOC #toc a:hover { | ||
color: white | |||
} | } | ||
.dropdown-menu{ | |||
.dropdown-menu { | |||
border-radius:0.8rem; | background: #27272e; | ||
padding-bottom:1px; | border-radius: 0.8rem; | ||
padding-top:1px; | padding-bottom: 1px; | ||
border:1px solid black | padding-top: 1px; | ||
border: 1px solid black | |||
} | } | ||
.dropdown-item:focus,.dropdown-item:hover,.dropdown-item { | .dropdown-item:focus,.dropdown-item:hover,.dropdown-item { | ||
color: #ffffff | color: #ffffff | ||
} | |||
.dropdown-item:focus,.dropdown-item:hover { | .dropdown-item:focus,.dropdown-item:hover { | ||
background: #1b1b1f | background: #1b1b1f | ||
} | } | ||
.dropdown-item:focus:first-child,.dropdown-item:hover:first-child { | .dropdown-item:focus:first-child,.dropdown-item:hover:first-child { | ||
border-top-left-radius:0.8rem; | border-top-left-radius: 0.8rem; | ||
border-top-right-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; | .dropdown-item:focus:last-child,.dropdown-item:hover:last-child { | ||
border-bottom-right-radius:0.8rem | border-bottom-left-radius: 0.8rem; | ||
border-bottom-right-radius: 0.8rem | |||
} | } | ||
@media (min-width: 768px) { | @media (min-width: 768px) { | ||
.offset-md-1 { | .offset-md-1 { | ||
margin-left: 0 | margin-left:0 | ||
} | } | ||
} | } | ||
@media (min-width: 768px) { | @media (min-width: 768px) { | ||
.col-md-10 { | .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 | |||
} | } | ||
Версия от 14:16, 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
}