Pivot.css: различия между версиями
Материал из ВикиВоины
Строка 1112: | Строка 1112: | ||
max-height: 300px; | max-height: 300px; | ||
overflow-y: auto; | overflow-y: auto; | ||
− | overflow-x: | + | overflow-x: hidden; |
padding-right: 10px; | padding-right: 10px; | ||
} | } |
Версия 07:32, 13 июня 2024
body { background: url('/mediawiki/images/backgroud-repeat-min.png') repeat-x fixed left top #66120e; } #content { margin-top: -10px; } #drop { margin-top: -1.5em; } #sidebar ul a:focus, #sidebar ul a { color: #ffffff; } #footer-privacy { display: none; } @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; } .ve-init-target-visual .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link, .ve-init-target-visual .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link { display: block !important; } .flow-component .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link, .flow-component .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link { display: block !important; } .flow-ui-editorWidget-wikitextHelpLabel { display: none; } .flow-ui-newTopicWidget-title.oo-ui-textInputWidget input { font-size: 1.2em; } .flow-ui-anonWarningWidget-active { background: #ffa39e; } .mw-content-ltr .flow-post.flow-post-highlight-newer .flow-post-content { border-left: none; margin-left: 0!important; background: #ffe8a694; padding-left: 0!important; } .flow-component .mw-ui-icon.mw-ui-icon-before:before { width: 20px; } .flow-ui-boardDescriptionWidget-editButton { font-size: smaller; } .flow-ui-navigationWidget { background-color: #2786c2d6; } .flow-topic { background: #e3d0ce; } .flow-component.flow-board-page.flow-full-height-side-rail .flow-board-header { background: #519bc926; padding-left: 10px; } .flow-topic-titlebar { background-color: #66120ed6; } .flow-topic-titlebar h2, .flow-topic-meta { color: white; } a.flow-timestamp-anchor:hover:visited { color: #2786c2; } a.flow-timestamp-anchor:hover { color: #2786c2; } .flow-component .mw-ui-icon.mw-ui-icon-before.mw-ui-icon-only:before { right: -4px; } .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head { overflow: hidden; } .oo-ui-image-progressive.oo-ui-icon-unStar, .mw-ui-icon-unStar-progressive:before { background-image: linear-gradient(transparent,transparent),url(https://wikiwarriors.org/mediawiki/extensions/VoteNY/resources/images/star_voted.png); } .oo-ui-layout .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { white-space: break-spaces; } 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 { 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: -2px; } 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 0 2px 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%; } .mw-gallery-focused .gallerytextwrapper { margin: 0!important; padding: 0!important; } .mw-gallery-focused .gallerytextwrapper p { margin: 0; } ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper:hover p { margin-bottom: -2px; } .gallerytextwrapper p { padding: 5px; margin-bottom: 0; text-align: center!important; } .mw-content-ltr .mw-gallery-packed-hover ul { margin: 0!important; } ul.gallery { margin: 0!important; } #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; } .button-comment { display: none; position: absolute; right: 16px; bottom: 185px; z-index: 2; } .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: 999; 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: -2px 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; overflow-x: hidden; padding-right: 10px; } #searchform-sidebar { position: relative; } .main-search-imput-clear { display: block; width: 16px; height: 16px; background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eclear%3C/title%3E%3Cpath d=%22M10 0a10 10 0 1010 10A10 10 0 0010 0zm5.66 14.24l-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z%22/%3E%3C/svg%3E"); background-size: 100%; background-repeat: no-repeat; cursor: pointer; position: absolute; right: 10px; top: 10px; } .main-search-imput-clear:hover { opacity: 0.6; } .search-loading { background: url(https://wikiwarriors.org/mediawiki/skins/pivot/assets/stylesheets/indicator.gif) no-repeat; height: 16px; width: 16px; position: absolute; right: 30px; top: 10px; } .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; background: linear-gradient(45deg, #2f81b8, #004372); border-bottom: 1px solid #eee; } .sugesstion-image-wrap-mob { width: 100px; height: 70px; margin-right: 10px; min-width: 100px } .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; } .side-nav li.active > a:first-child:not(.button) { color: #ffc800!important; font-family: inherit; font-weight: inherit; } .side-nav li.active { position: relative; } .side-nav li.active::before { content: ''; position: absolute; top: 1px; transform: translateY(50%); border: solid transparent; border-width: 5px; border-left-color: #ffc800; } .contents-overlay { display: none; position: fixed; top: 50%; transform: translate(0, -50%); width: 100%; margin: 0px; text-align: center; padding: 20px 0px; z-index: 9; background: url(https://wikiwarriors.org/mediawiki/images/infobox-head-bottom.png) bottom rgb(80 15 12 / 96%); background-repeat: repeat-x; } .contents-overlay::before { content: ''; background: url(https://wikiwarriors.org/mediawiki/images/infobox-head-top.png); position: absolute; top: 0; left: 0; height: 40px; width: 100vw; } .contents-overlay ul.side-nav label { background: #2786c2b8; } .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; } .active-country-list { background: #f5d754; } .countries ul li { cursor: pointer; } .selected-patch-country { fill: #ffc800!important; } .selected-patch-country:hover { fill: #ffdd4d!important; } #bottom-notice, #bottom-notice-ns { margin: 0; } @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 (max-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 only screen and (min-width: 641px) and (max-width: 990px) { #echo-notifications { right: 170px; } } @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 (min-width:898px) and (max-width:1024px) { .button-comment { bottom: 192px; } } @media (min-width:720px) and (max-width:897px) { .button-comment { bottom: 212px; } } @media (min-width:641px) and (max-width:719px) { .button-comment { bottom: 382px; } } @media (max-width:406px) { .flow-ui-navigationWidget { height: 35px; } .flow-ui-navigationWidget .flow-ui-reorderTopicsWidget { display: none; } } @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; } #echo-notifications { right: 100px; bottom: -10px; } #pt-notifications-notice .mw-echo-notifications-badge, #pt-notifications-alert .mw-echo-notifications-badge, #pt-notifications-message .mw-echo-notifications-badge { font-size: 0.94em; } #p-cactions { padding-top: 1em; } #echo-notifications-notice { display: none!important; } .flow-board-header-title { font-size: initial; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { font-size: small; } .flow-board-header-footer { display: none; } .flow-board-header { z-index: 1; } .flow-ui-navigationWidget { margin-top: 15px; } .button-comment { position: initial; width: 100%; padding: 10px 0; } .main-search-imput-clear-mob { right: 32px; z-index: 10; } .search-loading { top: -60px; right: 90px; } .side-nav li.active::before { display: none; } .side-nav li.active > a:first-child:not(.button) { background: #ffffff70; } .contents-overlay .side-nav .side-nav .active a { color: #ffc800!important; } .contents-item-wrap a:hover { text-shadow: none!important; text-decoration: none; } }