Pivot.css
Материал из ВикиВоины
Версия от 10:20, 25 января 2024; Laurent Nautilus (обсуждение | вклад)
Замечание. Возможно, после сохранения вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl-F5 или Ctrl-R (⌘-R на Mac)
- Google Chrome: Нажмите Ctrl-Shift-R (⌘-Shift-R на Mac)
- Internet Explorer: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl-F5
- Opera: Перейдите в Menu → Настройки (Opera → Настройки на Mac), а затем Безопасность → Очистить историю посещений → Кэшированные изображения и файлы
body {
background: url('/mediawiki/images/backgroud-repeat-min.png') repeat-x fixed left top #66120e;
}
@font-face {
font-family: CenturyGothic;
src: url(/skins/pivot/assets/fonts/Century-Gothic.ttf)
}
h3 {
font-size: 1.2em;
}
h4 {
font-size: 1.1em;
}
h2#mw-toc-heading {
margin: 7px;
}
.mobile-row-4-2 {
display: none;
}
.nomobile-row-4-2 {
display: block;
}
.mwe-popups-container {
padding: 0;
}
.table-title {
background: url('/mediawiki/images/infobox-head-top.png') top #66120e;
}
#p-cactions p {
text-align: justify;
}
#p-cactions li {
text-align: left;
}
section.left-small {
z-index: 10;
}
li.name.logo {
display: none;
}
.tab-bar {
background: url('/mediawiki/images/backgroud-repeat-min.png') repeat-x fixed left top;
}
ul.side-nav input[type="search"], input#search-field {
background: #ffffff42;
}
input::placeholder{
color: #fff;
}
section.middle.tab-bar-section a {
font-family: CenturyGothic, sans-serif;
}
.side-nav {
font-family: CenturyGothic, sans-serif;
}
.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {
text-shadow: 0 0 2.5px rgb(144 144 144), 0 0 2.5px rgb(255 255 255);
color: #ebe5e4;
-webkit-transition: all .1s linear 0s;
-moz-transition: all .1s linear 0s;
-ms-transition: all .1s linear 0s;
-o-transition: all .1s linear 0s;
transition: all .1s linear 0s;
}
ul.side-nav label {
background: #2786c2;
}
.right-off-canvas-menu, .left-off-canvas-menu {
background: #66120e;
}
ul.off-canvas-list li a {
color: #ffffff;
}
ul.off-canvas-list li label {
background: #2786c2;
}
ul.off-canvas-list li a:hover {
background: #500e0b;
}
h1.title {
font-family: CenturyGothic, sans-serif;
margin-top: 0;
border-bottom: 2px solid #0d658c;
}
#tagline {
display: none;
}
.pi-caption {
line-height: 1.3em;
}
div.gallerytextwrapper {
width: 101%!important;
}
div.gallerytextwrapper div.gallerytext p {
font-size: 1em;
padding-top: calc(var(--RPgrid) * 1.5)
}
ul.mw-gallery-packed-hover li.gallerybox:hover {
background-color: rgb(235 229 228 / 85%);
}
ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper p {
margin-bottom: 0;
}
ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper, ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper {
background-color: rgb(235 229 228 / 72%);
margin: 0;
padding: 0;
}
ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper:hover, ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper:hover, ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper:hover {
overflow-y: auto;
max-height: 40%;
margin-bottom: 2px;
}
ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper:hover p {
margin-bottom: -2px;
}
.gallerytextwrapper p {
padding: 2%;
margin-bottom: 0;
text-align: center!important;
}
.mw-content-ltr .mw-gallery-packed-hover ul {
margin: 0!important;
}
ul.gallery {
margin: 0!important;
}
#drop {
margin-top: -1em;
}
#mw-indicator-mw-helplink {
display: none;
}
button.secondary, .button.secondary {
background-color: #2786c2;
border: none;
color: #ffffff;
}
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
background-color: #126ea9;
color: #ffffff;
}
.mw-changeslist tr {
background-color: #ebe5e4!important;
}
.mw-changeslist-line {
font-size: 1.5em;
margin: 0;
}
.mw-icon-arrow-collapsed, .mw-collapsible-arrow.mw-collapsible-toggle-collapsed {
background-image: url(/images/arrow-1.svg);
}
.mw-icon-arrow-collapsed, .mw-collapsible-arrow.mw-collapsible-toggle-expanded {
background-image: url(/images/arrow.svg);
}
.mw-content-ltr .redirectText li:first-child {
background: transparent url(/images/Redirectltr.png) bottom left no-repeat;
}
.client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort {
background-image: url(/images/Sort_both.svg);
}
.mw-rcfilters-ui-filterWrapperWidget-top {
display: none;
}
.mw-rcfilters-head {
margin: 0;
}
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
background-color: #ebe5e4;
}
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
background: #ebe5e4;
}
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
background-color: #ebe5e4;
}
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
background-color: #ebe5e4;
}
h4.namespace.label {
display: block;
position: absolute;
background-color: #2786c2;
font-family: 'CenturyGothic';
margin-top: -30px;
width: fit-content;
left: 0.8em;
}
.selflink {
color: black;
font-weight: 600;
}
table {
background: #ebe5e4;
}
table.wikitable {
background-color: #ebe5e4;
}
table.wikitable > tr > th, table.wikitable > * > tr > th {
background-color: #66120e!important;
font-weight:bold;
color:#fff;
text-align: center;
}
table.wikitable > tr > th, table.wikitable > * > tr > th a {
color:#fff;
}
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
padding: 0.2em 0.4em;
background: #04425542;
border: none;
}
.wikitable {
padding: 0;
text-align: center;
margin-bottom: 1em;
}
.wikitable-title {
background-color: #66120e!important;
font-weight:bold;
color:#fff;
margin: 0!important;
text-align: center;
max-height: 3em;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.wikitable-divide {
background:#c53b34;
color: white;
text-align:center;
margin: 0!important;
display:-webkit-box;
display:-ms-flexbox;
display: flex;
justify-content: center;
}
.wikitable-divide h3, .wikitable-divide h4, .wikitable-divide h5 {
color: white;
font-size: inherit;
margin: inherit;
}
.wikitable-divide .mw-editsection {
display: none;
}
.wikitable-divide a {
color: white;
}
.wikitable-row {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background: #04425542;
margin: 0!important;
padding: 0.6em;
border-bottom: #949da1 1px solid;
}
.wikitable-row p {
margin-bottom: 0.5em;
}
.wikitable-row ul {
margin: 0 0 0.5em 2em;
}
.wikitable > .wikitable-row:last-child {
border-bottom: none;
}
.wikitable-uniform {
width: 100%;
}
.uniform-row-text {
margin: 5px 20px 5px 40px;
}
.wikitable-uniform-row {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background: #afbbbf;
margin: 0!important;
padding: 0;
position: relative;
}
.wikitable-uniform-text {
border-bottom: #839ca4 1px solid;
text-align: justify;
margin-left: 15px!important;
}
.wikitable-uniform-text span {
border-bottom: 2px dotted #748b93;
cursor: help;
}
.wikitable-uniform-text:first-child {
margin-top: 10px;
}
.wikitable-uniform-text:last-child {
border-bottom: none;
}
.wikitable-uniform-row p {
margin: 0.5em;
}
.wikitable-uniform-row img {
margin-top: 0.5em;
}
.wikitable-uniform-image {
font-size: small;
font-style: italic;
}
.NavHead {
display:-webkit-box;
display:-ms-flexbox;
display: flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items: center;
justify-content: center;
}
.NavHead .title {
margin: 0 7px;
}
.tab-bar .title {
padding-top: 9px;
}
.nav-row {
margin: 0!important;
border-top: #ebe5e4 1px solid;
display:-webkit-box;
display:-ms-flexbox;
display: flex;
}
.nav-row-title {
text-align: right;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.nav-row-content {
text-align: left;
}
.tabs-navbox {
display:-webkit-box;
display:-ms-flexbox;
display: flex;
justify-content: center;
overflow-x: auto;
}
.tabs-navbox dd.active > a, .tabs-navbox .tab-title.active > a {
background-color: #ffffff78!important;
color: #000!important;
line-height: initial;
font-weight: bold;
}
.tabs-navbox dd > a, .tabs-navbox .tab-title > a {
background-color: transparent!important;
color: #000!important;
line-height: initial;
}
.tabs-navbox .tabs {
height: 100%;
align-items: center;
}
#msupload-dropzone {
padding: 0px;
font-size: 13px;
}
#msupload-bottom {
font-size: small;
height: 32px;
}
.newtalk {
background: #ff9685;
text-align: center;
padding: 5px;
}
#toc {
margin: 0 0 1em 0;
}
div.thumb.tright .thumbinner {
margin: -.2rem 0 .875rem 1.2rem
}
div.thumb.tleft .thumbinner {
margin: -.2rem 1.2rem .875rem 0
}
.socials-wrap {
position: absolute;
right: 65px;
}
footer.row {
min-height: 70px;
color: #fff;
margin: 0!important;
background: url('/mediawiki/images/infobox-head-bottom.png') bottom #66120e;
}
footer.row a {
color: #fff;
}
#footer-lastmod, #footer-0 {
display: inline-block;
}
#footer-0 {
color: #ffc06e;
}
#catlinks {
margin: 0.5em 0 0 0;
background: #2786c254;
}
.mw-mmv-image-metadata {
display: none;
}
.mw-mmv-post-image {
min-height: 86px;
background: #ebe5e4;
}
.mw-mmv-title {
font-size: 1.1rem;
line-height: 1.2em;
margin-top: 10px;
margin-left: 12%;
}
.mw-mmv-above-fold {
text-align: center;
}
.mw-mmv-ttf-container .mw-mmv-ttf-ellipsis {
display: none!important;
}
.mw-mmv-title-para {
height: 0;
}
.mw-mmv-title-para.mw-mmv-title-smaller {
overflow: auto;
height: 80px;
margin: 0;
}
.mwe-popups-settings-icon { display: none; }
.socials ul,
.socials li {
display: block;
padding: 0;
margin: 0;
}
.socials {
display: flex;
}
.socials__item a {
width: 45px;
height: 45px;
border-radius: 50%;
display: block;
margin: 0 5px;
-webkit-transition: 0.5s ease;
transition: 0.5s ease;
}
.socials__item_fb a {
background: #3b5998 url('/mediawiki/images/fb.png') no-repeat center
}
.socials__item_fb a:hover {
background: #5274bd url('/mediawiki/images/fb.png') no-repeat center
}
.socials__item_vk a {
background: #45668e url('/mediawiki/images/vk.png') no-repeat center
}
.socials__item_vk a:hover {
background: #5490d8 url('/mediawiki/images/vk.png') no-repeat center
}
.socials__item_tg a {
background: #0088cc url('/mediawiki/images/tg.png') no-repeat center
}
.socials__item_tg a:hover {
background: #2bb0f3 url('/mediawiki/images/tg.png') no-repeat center
}
.socials__item_yt a {
background: #ff0000 url('/mediawiki/images/yt.png') no-repeat center
}
.socials__item_yt a:hover {
background: #ff6e6e url('/mediawiki/images/yt.png') no-repeat center
}
.emblem-item-cat {
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.emblem-item-cat:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.userbox {
width: 250px;
height: 60px;
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: initial;
float: right;
padding: 0.5em;
margin-left: 1em;
}
.userbox-title {
font-size: 11px;
}
button, .button {
background-color: #2786c2;
}
button:hover, button:focus, .button:hover, .button:focus {
background-color: #66120e;
}
.ts-comment-commentedText {
cursor: help;
border-bottom: 2px dotted #748b93;
}
/* Тач-устройства */
@media (hover: none) {
.ts-comment-commentedText:not(.rt-commentedText) {
border-bottom: 0;
cursor: auto;
}
}
.hotcatinput input {
display: inherit;
width: auto;
margin: 2px;
}
span.hotcatinput select {
margin: 0;
padding: 0;
height: auto;
}
.tabs {
margin-bottom: 0 !important;
display: flex;
}
.tabs dd.active > a, .tabs .tab-title.active > a {
background-color: #66120e;
color: #ffffff;
}
.tabs dd > a, .tabs .tab-title > a {
background-color: #9a534f;
color: #ffffff;
padding: 0.5em;
height: 100%;
}
.tabs-wrap {
display: grid;
}
.tabber__tab {
background-color: #9a534f;
color: #ffffff;
padding: 0.5em;
font-weight: initial;
}
.tabber__tab:hover {
color: #ffffff;
background-color: #66120e;
}
.tabber__tab:visited {
color: #ffffff;
background-color: #9a534f;
}
.tabber__tab[aria-selected='true'], .tabber__tab[aria-selected='true'] {
color: #fff;
background-color: #66120e;
}
.tabber__indicator {
background: none;
}
.tabber__header {
box-shadow: none;
background-color: #9a534f;
}
.tabber__tab[aria-selected='true'], .tabber__tab[aria-selected='true']:visited {
color: #fff;
}
.tabs dd > a:hover, .tabs .tab-title > a:hover {
background-color: #66120e;
color: #ffffff;
}
.tabs-content > .content {
padding: 0;
}
.tabs-content {
margin-bottom: 0;
display: table-cell;
}
.tabs .tab-title {
height: inherit;
}
#mw-content-text ul.tabs {
overflow-x: auto;
}
.emblem-row {
font-size: small;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: baseline;
}
.emblem-item {
margin: 7px;
word-wrap: break-word;
}
.emblem-item-cat img {
height: 90px;
object-fit: scale-down;
}
section.right-small {
z-index: 2;
}
.navbar {
position: absolute;
top: -2px;
left: 230px;
z-index: 1;
width: 1054px;
font-family: CenturyGothic,sans-serif;
display:-webkit-box;
display:-ms-flexbox;
display: flex;
}
.dropdown .dropbtn {
font-size: 16px;
border: none;
outline: none;
color: white;
padding: 13px 16px;
background-color: #00000040;
font-family: inherit;
margin: 0;
}
.navbar a:hover, .dropdown:hover .dropbtn {
background-color: #ffffff40;
}
.dropdown .dropbtn a {
color: white;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 10;
}
.dropdown-content a {
float: none;
color: black!important;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}
.dropdown-content a:hover {
background-color: #ddd;
}
.dropdown:hover .dropdown-content {
display: block;
}
.dropdown-mobile {
display: none;
}
.gallery-preview-wrap {
background-color: #2786c254;
padding: 0 1em 1em 1em;
margin-bottom: 1em;
color: #06507e;
}
.gallery-preview {
display: flex;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
}
.gallery-preview .gallery {
display: flex;
align-items: flex-start;
justify-content: center;
flex-wrap: wrap;
}
.gallery-preview .gallerytext > p { font-size: 1px !important; color: transparent !important; line-height: 1% !important }
.gallery-preview .gallerytext > p a { font-size: initial !important; line-height: initial !important; color: initial !important; }
div.gallery-preview a.galleryfilename {
color: #3a426a!important;
text-align:center;
font-size: 12px!important;
}
div.gallery-preview a.galleryfilename-truncate {
text-overflow: initial;
white-space: inherit;
}
.button-gallery-preview {
position: absolute;
margin-top: -2em;
height: 2em;
font-size: small;
display: contents;
}
.prev-gallery-preview {
margin-right: 0.5em;
}
.all-gallery-preview {
margin-right: 1em;
}
.next-gallery-preview {
margin-right: 2em;
}
.next-gallery-preview:active, .prev-gallery-preview:active {
background-color: #66120e;
}
.next-gallery-preview:not(:active), .prev-gallery-preview:not(:active) {
background-color: #2786c2;
}
.gallery-preview li.gallerybox {
display: inline-block;
position: relative;
}
.gallery-preview li.gallerybox a img {
display: block;
margin: auto;
}
.gallery-preview li.gallerybox {
border: none;
}
.gallery-preview .thumb {
border: 0!important;
background-color: transparent!important;
}
.gallery-preview .gallerytext {
margin-top: -1em;
}
.search-container {
position: relative;
display: inline-block;
margin: 4px 2px;
height: 50px;
width: 50px;
vertical-align: bottom;
}
.mglass {
display: inline-block;
pointer-events: none;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
}
.searchbutton {
color: white;
position: absolute;
font-size: 28px;
margin: 0;
padding: 0;
background-color: transparent;
}
.search:focus + .searchbutton {
color: black;
z-index: 15;
transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-webkit-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
}
.search:focus + input.search-text {
background: white;
}
.search {
position: absolute;
left: 49px; /* Button width-1px (Not 50px/100% because that will sometimes show a 1px line between the search box and button) */
background-color: white;
outline: none;
border: none;
padding: 0;
width: 0;
height: 100%;
z-index: 10;
transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-webkit-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
}
.search:focus {
width: 363px; /* Bar width+1px */
padding: 0 16px 0 0;
}
.expandright {
left: auto;
right: 49px; /* Button width-1px */
}
.expandright:focus {
padding: 0 0 0 16px;
}
input.search-text {
background: transparent;
min-width: 80px;
max-width: 300px;
right: 0;
border-radius: 20px;
}
.suggestions {
display: block;
}
.suggestions-special {
font-size: smaller;
}
.height-limit {
max-height: 300px;
overflow-y: auto;
padding-right: 10px;
}
.search-loading {
color: white;
text-align: center;
font-size: 0.8em;
}
.sugesstion-image-wrap {
height: 3.5em;
width: 5em;
}
.sugesstion-image {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
}
.sugesstion-item {
display: flex;
flex-wrap: nowrap;
align-items: center;
margin-bottom: 8px;
background-color: #ffffff40;
}
.sugesstion-title {
margin-left: 7px;
height: 3.5em;
width: 8em;
line-height: 14px;
display: flex;
flex-direction: row;
align-items: center;
}
.sugesstion-item a {
color: white;
}
#suggestions-special {
background-color: #2786c2;
padding: 5px;
margin-bottom: 9px;
}
#suggestions-special a {
font-size: 12px!important;
color: #fff;
font-style: italic;
}
#search-results-mob {
position: absolute;
right: -37px;
margin-top: 3.6em;
min-width: 100vw;
z-index: 10;
}
.search-results-mob-loading {
color: #000;
}
#suggestions-special-mob a {
position: absolute;
width: 300px;
right: 0;
font-size: small;
margin-top: 3em;
color: #5698c1;
text-decoration: underline;
background: #ffffff9e;
border-radius: 10px;
}
.sugesstion-item-mob {
display: flex;
flex-direction: row;
align-items: center;
background-color: #2786c2;
border-bottom: 1px solid #eee;
}
.sugesstion-image-wrap-mob {
width: 100px;
height: 70px;
margin-right: 10px;
}
.sugesstion-image-mob {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
}
.sugesstion-title-mob {
font-size: 14px;
font-weight: bold;
color: #333;
text-align: left;
}
.sugesstion-title-mob a {
color: #333;
text-decoration: none;
}
.ext-related-articles-card-list {
margin-bottom: 0;
}
.ext-related-articles-card {
font-size: 0.85em;
word-break: break-all;
background: #abc6d9!important;
border: none!important;
}
.ext-related-articles-card:hover {
background: #98c5e5!important;
}
.ext-related-articles-card:hover .ext-related-articles-card-thumb {
width: 110px;
}
.ext-related-articles-card h3 a {
color: #3a4247!important;
}
.ext-related-articles-card h3::after {
background: none!important;
}
.category-message {
padding: 8px;
font-size: 0.8em;
margin-top: 8px;
text-align: justify;
}
.category-message-personality {
background-color: #ffeece;
}
.category-message-intersection {
background-color: #ffcece;
}
.category-message-countries {
background-color: #bae3bd;
}
.category-message-stub {
background-color: #cee8ff;
width: fit-content;
}
[data-tooltip] {
position: relative;
z-index: 0;
cursor: pointer;
}
/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
pointer-events: none;
}
/* Position tooltip above the element */
[data-tooltip]:before {
position: absolute;
bottom: 150%;
left: 0;
margin-bottom: 5px;
margin-left: -80px;
padding: 7px;
min-width: 160px;
max-width: 330px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #000;
background-color: hsla(0, 0%, 20%, 0.9);
color: #fff;
content: attr(data-tooltip);
text-align: center;
font-size: 14px;
line-height: 1.2;
}
/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
position: absolute;
bottom: 150%;
left: 50%;
margin-left: -5px;
width: 0;
border-top: 5px solid #000;
border-top: 5px solid hsla(0, 0%, 20%, 0.9);
border-right: 5px solid transparent;
border-left: 5px solid transparent;
content: " ";
font-size: 0;
line-height: 0;
}
/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
visibility: visible;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.hide {
display: none;
}
.ext-related-articles-card-list .ext-related-articles-card-thumb {
background-position: top;
width: 90px;
transition: width 0.3s ease;
}
.ext-related-articles-card-list .ext-related-articles-card-thumb-placeholder {
background-position: center;
}
.portal-header .mw-selflink, .ages-timeline .mw-selflink {
text-shadow: 0 0 2.5px rgb(144 144 144), 0 0 2.5px rgb(255 255 255)!important;
}
.orbit-container .orbit-slides-container img {
width: auto;
margin: 0 auto;
}
.orbit-container .orbit-slide-number {
left: auto;
right: 10px;
}
.orbit-caption {
text-align: center;
}
.orbit-caption {
display: none;
}
.orbit-container:hover .orbit-caption {
display: block;
}
.contents {
position: relative;
padding: 0;
margin-top: -25px;
}
.contents.fixed {
position: fixed;
width: 215px;
top: 1.875rem;
left: 0.875rem;
z-index: 9;
height: fill-available;
height: -webkit-fill-available;
height: -moz-available;
overflow-x: auto;
}
ul.side-nav ul.side-nav {
padding-top: 0.5em;
padding-bottom: 0;
margin-left: 1em;
}
.contents-overlay {
display: none;
position: fixed;
top: 50%;
transform: translate(0, -50%);
width: 100%;
background: rgb(80 15 12 / 96%);
margin: 0px;
text-align: center;
padding: 20px 0px;
z-index: 9;
}
.contents-item-wrap .side-nav {
margin-left: 0!important;
}
.contents-item-wrap .side-nav li a:not(.button) {
padding: 0 0 0 0em!important;
}
.contents-item-wrap {
max-height: 100vw;
overflow-x: auto;
}
.contents-overlay a {
color: #fff;
font-size: 1.5em;
padding: 0!important;
}
.contents-overlay .side-nav .side-nav a {
color: #bbe3ff!important;
font-size: 1.1rem;
}
.contents-overlay .side-nav .side-nav .side-nav a {
color: #73a3c5!important;
font-size: 1rem;
}
.contents-overlay .side-nav .side-nav .side-nav .side-nav a {
color: #457ea7!important;
font-size: 0.8rem;
}
.contents-overlay .side-nav label {
font-size: 1.5em;
}
.close-button {
position: absolute;
top: 0;
right: 0;
background: none;
font-size: xx-large;
margin: 0;
padding: 0 5px;
}
.content-button, .scrollup {
display: none;
}
.fa-list-ul,
.fa-arrow-up {
opacity: 0.6;
bottom: 3%;
position: fixed;
color: #009cff;
z-index: 10;
}
.fa-arrow-up:hover {
opacity: 1;
}
.fa-arrow-up {
right: 1%;
font-size: 4em;
}
.fa-list-ul {
left: 4%;
font-size: 2em;
}
.rating-voted {
margin-top: -3px;
}
.mw-empty-elt {
display: none;
}
.InfoboxSpoiler {
display: block;
margin: 10px 0px !important;
background: #00000038;
text-align: center;
position: relative;
}
.InfoboxSpoiler .tombol {
display: inline-block;
cursor: pointer;
padding: 0px;
border: none;
outline: none;
}
.InfoboxSpoiler .tombol:focus {
pointer-events: none;
cursor: pointer;
}
.InfoboxSpoiler .tombol:before {
content: '[показать]';
padding: 0 5px;
position: absolute;
font-size: 0.8em;
right: 0;
top: 0;
}
.InfoboxSpoiler .tombol:focus::before,
.InfoboxSpoiler:focus-within .tombol::before {
content: '[скрыть]';
}
.InfoboxSpoiler .isi {
pointer-events: auto;
visibility: hidden;
opacity: 0;
height: 0;
transition: all 0.3s ease;
}
.InfoboxSpoiler .tombol:focus + .isi,
.InfoboxSpoiler:focus-within .tombol + .isi {
visibility: visible;
opacity: 1;
height: auto;
margin: 0 -10px -10px;
padding: 5px 10px 10px;
transition: all 0.3s ease;
text-align: initial;
}
.pi-theme-red .InfoboxSpoiler .isi {
background-color: #66120e;
}
.pi-theme-blue .InfoboxSpoiler .isi {
background-color: #1315a8;
}
.pi-theme-yellow .InfoboxSpoiler .isi {
background-color: #563815;
}
.pi-theme-green .InfoboxSpoiler .isi {
background-color: #0b4424;
}
.pi-theme-violet .InfoboxSpoiler .isi {
background-color: #2e0592;
}
.pi-theme-grey .InfoboxSpoiler .isi {
background-color: #4a4a4a;
}
.InfoboxSpoiler:hover {
background: #00000054;
}
.InfoboxSpoiler:hover .tombol:before {
text-decoration: underline;
}
.thumb + ul {
margin-bottom: 0;
margin-top: 0;
}
#wpTextbox1 {
caret-color: black;
}
@media only screen and (min-width:991px) {
.column, .columns {
position: relative;
padding-left: .9375rem;
padding-right: .9375rem;
float: left
}
.large-1 {
width: 8.33333%;
max-width: calc(100% - 195px)
}
.large-2 {
width: 14.5%;
max-width: calc(100% - 195px)
}
.large-3 {
width: 25%;
max-width: calc(100% - 195px)
}
.large-4 {
width: 33.33333%;
max-width: calc(100% - 195px)
}
.large-5 {
width: 41.66667%;
max-width: calc(100% - 195px)
}
.large-6 {
width: 50%;
max-width: calc(100% - 195px)
}
.large-7 {
width: 58.33333%;
max-width: calc(100% - 195px)
}
.large-8 {
width: 66.66667%;
max-width: calc(100% - 195px)
}
.large-9 {
width: 75%;
max-width: calc(100% - 195px)
}
.large-10 {
width: 85.5%;
max-width: calc(100% - 195px)
}
.large-11 {
width: 91.66667%;
max-width: calc(100% - 195px)
}
.large-12 {
width: 100%;
max-width: calc(100% - 195px)
}
.large-offset-0 {
margin-left: 0!important
}
.large-offset-1 {
margin-left: 8.33333%!important
}
.large-offset-2 {
margin-left: 16.66667%!important
}
.large-offset-3 {
margin-left: 25%!important
}
.large-offset-4 {
margin-left: 33.33333%!important
}
.large-offset-5 {
margin-left: 41.66667%!important
}
.large-offset-6 {
margin-left: 50%!important
}
.large-offset-7 {
margin-left: 58.33333%!important
}
.large-offset-8 {
margin-left: 66.66667%!important
}
.large-offset-9 {
margin-left: 75%!important
}
.large-offset-10 {
margin-left: 83.33333%!important
}
.large-offset-11 {
margin-left: 91.66667%!important
}
.large-reset-order {
float: left;
left: auto;
margin-left: 0;
margin-right: 0;
right: auto
}
.column.large-centered, .columns.large-centered {
margin-left: auto;
margin-right: auto;
float: none
}
.column.large-uncentered, .columns.large-uncentered {
float: left;
margin-left: 0;
margin-right: 0
}
.column.large-centered:last-child, .columns.large-centered:last-child {
float: none
}
.column.large-uncentered:last-child, .columns.large-uncentered:last-child {
float: left
}
.column.large-uncentered.opposite, .columns.large-uncentered.opposite {
float: right
}
}
@media only screen and (min-width:767px) {
.medium-3 {
max-width: calc(100% - 210px)
}
.medium-9 {
max-width: calc(100% - 210px)
}
.tab-bar-section.middle {
left: 1.8rem;
}
.tab-bar-section {
padding: 0;
position: relative
}
}
@media only screen and (min-width:991px) and (min-height:900px) {
#sidebar {
position: initial;
}
}
@media only screen and (min-width:990px) {
.large-2 {
width: 25%;
max-width: 245px;
}
#middle-nav .title a {
max-width: 245px
}
.large-10 {
width: 75%;
min-width: calc(100% - 245px)
}
}
@media (max-width: 1360px) {
.dropdown-desctop {
display: none;
}
.dropdown-mobile {
display: block;
}
}
@media (max-width: 990px) {
.mobile-row-4-2 {
display: block;
font-weight: 700;
}
.nomobile-row-4-2 {
display: none;
}
.height-limit {
max-height: none;
padding-right: 0;
}
.table-image {
font-size: 1rem;
}
[data-tooltip]:before {
margin-left: -30px;
min-width: 130px;
}
}
@media only screen and (min-width:720px) {
.portable-infobox {
margin-top: -25px;
}
}
@media only screen and (max-width:719px) {
.rating-score {
margin: 5px 7px 0px 0px;
}
}
@media only screen and (max-width:990px) {
.wikitable-row, .wikitable-uniform-row {
display: block;
}
.wikitable-row ul.gallery {
overflow-x: auto;
white-space: nowrap;
width: 100%;
}
.wikitable-row ul.gallery li.gallerybox div.thumb img {
width: auto !important;
height: auto !important;
max-width: 100%;
max-height: 100%;
}
.table-image img {
margin-bottom: 10px;
}
.wikitable-uniform-row img {
margin-bottom: 10px;
}
.wikitable-uniform-row i {
font-size: 12px;
line-height: 16px;
}
.wikitable-uniform-row p {
margin-bottom: 1em;
}
.client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc {
margin-left: 0!important;
}
}
@media only screen and (max-width:640px) {
.navbar {
display: none;
}
.tab-bar .title {
margin-left: -85px;
padding-top: 0px;
}
input.search-text {
margin: 0;
}
p, ul, ol, dl {
font-size: 1rem;
}
div.thumb.tleft .thumbinner, div.thumb.tright .thumbinner {
width: 100%!important;
margin: auto;
}
.tab-bar {
background: url('/mediawiki/images/infobox-head-top.png') #500e0b;
}
.mw-ui-button.mw-ui-big {
font-size: 0.6em;
}
.mw-mmv-title {
font-size: 1rem;
margin-top: 5px;
margin-left: 6%;
}
.mw-mmv-description-page-button {
display: inherit;
position: absolute;
bottom: 0;
}
.mw-mmv-ttf-container {
overflow: visible;
}
button.mw-mmv-next-image:hover {
background-color: transparent;
}
button.mw-mmv-prev-image:hover {
background-color: transparent;
}
.mw-mmv-next-image, .mw-mmv-prev-image {
width: 100px;
}
.mw-mmv-next-image {
background-position: center;
right: 0;
}
.mw-mmv-prev-image {
background-position: center;
left: 0;
}
table {
width: fit-content;
overflow: auto;
display: block;
border: 0!important;
}
div.NavFrame p, div.NavFrame div.NavContent, div.NavFrame div.NavContent p {
font-size: smaller;
}
div.NavFrame {
font-size: smaller;
}
.NavToggle {
display: none;
}
.wikitable-title {
font-size: small;
flex-direction: column;
max-height: 7em;
}
.tabs dd > a, .tabs .tab-title > a {
font-size: small;
padding: 0.5rem;
text-align: center;
display: flex;
align-items: center;
}
.nav-row {
display: block;
}
.portable-infobox {
margin: 0 0 1em 0;
}
.userbox {
width: 100%;
height: 90px;
justify-content: center;
margin-bottom: 0.5em;
}
.userbox-title {
font-size: smaller;
}
a {
color: #2e96de;
}
.NavFrame a, .mw-editsection a, .mw-normal-catlinks a, .wikitable a {
color: #3a4247;
}
a.new {
color: #ba0000!important;
}
.nav-row-title {
text-align: center;
}
.nav-row-content {
text-align: center;
}
.tabs-navbox {
justify-content: space-between;
}
.tabs-navbox::before, .tabs-navbox::after {
content: '';
}
.gallery-preview-wrap span {
font-size: 0.7em;
}
.button-gallery-preview {
margin-top: -1em;
}
.gallery-preview .gallery {
padding-top: 1.5em;
}
.ext-related-articles-card {
margin-bottom: 10px!important;
}
.category-message {
height: 100px;
overflow-y: auto;
font-size: 0.65em;
}
.wikitable-uniform-text {
text-align: center;
padding: 7px;
margin: 0!important;
}
.uniform-row-text {
margin-left: 0;
margin-right: 0;
font-size: 0.8em;
}
.wikitable-uniform-text:last-child {
border-bottom: #839ca4 1px solid;
}
.socials-wrap {
position: initial
}
.socials {
justify-content: center;
}
.fa-arrow-up {
right: 2%;
font-size: 2.5em;
}
}