|
|
| (15 intermediate revisions by one other user not shown) |
| Line 1: |
Line 1: |
| /* after content section */ | | /* Generic elements */ |
| #mw-data-after-content > div {
| | hr { |
| display: flex; | | border: none; |
| flex-direction: column; | | height: 1px; |
| padding: 10px; | | background-color: var(--border-color); |
| gap: 15px;
| |
| place-items: center;
| |
| } | | } |
|
| |
|
| #mw-data-after-content br {
| | .main-accent { |
| display: none; | | color: var(--accent-color); |
| } | | } |
|
| |
|
| #mw-data-after-content {
| | .clearfix { |
| background: var(--theme-tone-6); | | clear: both; |
| border-radius: 0 0 5px 5px;
| |
| } | | } |
|
| |
|
| #mw-data-after-content a.nn-cmp-show {
| | .left { |
| margin-top: 0.8em;
| | text-align: left; |
| display: inline-block;
| |
| padding: 5px 10px;
| |
| background-color: var(--theme-tone-3);
| |
| width: fit-content;
| |
| border-radius: 4px;
| |
| font-weight: 500;
| |
| color: black;
| |
| transition: background-color 0.3s, color 0.2s;
| |
| text-decoration: none; | |
| color: var(--text-color);
| |
| } | | } |
|
| |
|
| #mw-data-after-content a.nn-cmp-show:hover {
| | b, |
| background-color: var(--accent-color); | | th, |
| color: white;
| | .mw-changeslist-line-watched .mw-title { |
| | font-weight: 500; |
| } | | } |
|
| |
|
| @media screen and (min-width: 1100px) and (max-width: 1340px) {
| | .sig .sig-icon { |
| #content-bottom-stuff { | | border-radius: 50%; |
| margin-left: 0;
| | display: inline-flex; |
| display: table-caption;
| | background: white; |
| } | | padding: 2px; |
| #mw-related-navigation .sidebar-chunk { | | border: 2px solid black; |
| box-shadow: 0 0 2px 1px rgb(0 0 0 / 10%) !important;
| | width: 16px; |
| } | | height: 16px; |
| | | place-content: center; |
| #mw-related-navigation { | | place-items: center; |
| position: absolute;
| | margin: 0 5px; |
| right: 0;
| | position: relative; |
| transform: translateX(90%);
| | top: 2px; |
| transition: 300ms;
| |
| } | |
| | |
| #mw-related-navigation:hover { | |
| transform: translateX(0);
| |
| }
| |
| } | | } |
|
| |
|
| /****************************** Checkbox, Radio & Button Styles ******************************/
| | .sig .sig-icon .image { |
| input,
| | display: inline-flex; |
| button {
| |
| position: relative; | |
| } | | } |
|
| |
|
| /****************************** Namebox Styles ******************************/
| | .sig .sig-icon img { |
| table.nmbox {
| | border-radius: 50%; |
| border-collapse: collapse; | | margin-left: 1px; |
| width: 100%;
| |
| clear: both; | |
| font-size: 85%;
| |
| border: 2px solid #bfdbe3;
| |
| margin: 20px 0;
| |
| } | | } |
|
| |
|
| .nmbox th:first-of-type { | | .wikiEditor-ui-toolbar { |
| width: 80px; | | background-image: none; |
| | background-color: var(--theme-tone-5); |
| } | | } |
|
| |
|
| table.nmbox > tbody > tr > th,
| | .border-color { |
| table.nmbox > tbody > tr > td {
| | border-color: var(--border-color) !important; |
| padding: 0.4em 0.8em; | |
| } | | } |
|
| |
|
| table.nmbox > tbody > tr > td {
| | .outline-color { |
| background-color: #f7fdff; | | outline-color: var(--border-color) !important; |
| } | | } |
|
| |
|
| table.nmbox > tbody > tr > th {
| | .border-color-tone-2 { |
| background-color: #ebf4f7; | | border-color: var(--border-color-tone-2) !important; |
| } | | } |
|
| |
|
| #p-googleadsense .pBody {
| | .tone-1 { |
| padding-top: 5px; | | background-color: var(--theme-tone-1) !important; |
| text-align: center;
| |
| } | | } |
|
| |
|
| /* Collapsible toggle */
| | .tone-2 { |
| .mw-content-ltr .section-border .mw-collapsible-toggle { | | background-color: var(--theme-tone-2) !important; |
| padding-right: 10px;
| |
| position: absolute;
| |
| right: 0;
| |
| } | | } |
|
| |
|
| /* floating text */
| | .tone-3 { |
| | | background-color: var(--theme-tone-3) !important; |
| .textfloat { | |
| color: #fff; | |
| text-shadow: 1px 1px 1px #000;
| |
| } | | } |
|
| |
|
| .textfloat a, | | .tone-4 { |
| .textfloat a:link,
| | background-color: var(--theme-tone-4) !important; |
| .textfloat a:visited,
| |
| .textfloat a:hover,
| |
| .textfloat a:active {
| |
| color: inherit; | |
| } | | } |
|
| |
|
| th {
| | .tone-5 { |
| background-color: inherit; | | background-color: var(--theme-tone-5) !important; |
| } | | } |
|
| |
|
| /**
| | .tone-6 { |
| Bilibili Sidebar Style
| | background-color: var(--theme-tone-6) !important; |
| **/
| |
| .portal h3 { | |
| background-image: none !important; | |
| padding: 0 0 3px 0 !important;
| |
| } | | } |
|
| |
|
| .portal h3, | | .tone-7 { |
| .portal h3:hover,
| | background-color: var(--theme-tone-7) !important; |
| .portal h3:active,
| |
| .portal h3:link,
| |
| .portal h3:visited {
| |
| font-weight: bolder !important; | |
| text-decoration: none !important;
| |
| } | | } |
|
| |
|
| .portal li > ul { | | .tone-7-hover:hover { |
| position: absolute;
| | background-color: var(--theme-tone-7) !important; |
| visibility: hidden;
| |
| left: 100%;
| |
| background-color: #fff; | |
| margin-top: -1em !important;
| |
| margin-left: -10px !important;
| |
| min-width: 180px;
| |
| max-width: 230px;
| |
| opacity: 0;
| |
| -webkit-box-shadow: 10px 10px 10px #ccf;
| |
| -moz-box-shadow: 10px 10px 10px #ccf;
| |
| box-shadow: 10px 10px 10px #ccf;
| |
| } | | } |
|
| |
|
| .portal li:hover > ul { | | .tone-8 { |
| opacity: 1; | | background-color: var(--theme-tone-8) !important; |
| visibility: visible;
| |
| } | | } |
|
| |
|
| .portal ul, | | .tone-8-active:active { |
| .portal li,
| | background-color: var(--theme-tone-8) !important; |
| .portal a,
| |
| .portal strong.selflink {
| |
| display: block; | |
| } | | } |
|
| |
|
| .portal a, | | .color-normal { |
| .portal strong.selflink {
| | color: var(--text-color); |
| max-width: 96%; | |
| } | | } |
|
| |
|
| .portal li { | | .color-normal-force { |
| position: relative; | | color: var(--text-color)!important; |
| font-weight: bold;
| |
| font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
| |
| text-decoration: none;
| |
| padding: 0;
| |
| margin: 0;
| |
| } | | } |
|
| |
|
| .portal li:hover { | | .color-normal-force-link a { |
| -webkit-transform: translateX(10px);
| | color: var(--text-color) !important; |
| -moz-transform: translateX(10px); | |
| -ms-transform: translateX(10px);
| |
| -o-transform: translateX(10px);
| |
| transform: translateX(10px);
| |
| } | | } |
|
| |
|
| .portal a, | | .accent-color { |
| .portal a:link,
| | background-color: var(--accent-color) !important; |
| .portal a:visited,
| |
| .portal a:hover,
| |
| .portal a:active,
| |
| .portal strong.selflink {
| |
| text-decoration: none; | |
| color: #000 !important;
| |
| } | | } |
|
| |
|
| .portal a:before, | | .accent-textcolor, |
| .portal a:after, | | .accent-textcolor a { |
| .portal strong.selflink:before,
| | color: var(--accent-color) !important; |
| .portal strong.selflink:after {
| |
| color: #07a3d7; | |
| margin: auto 3px;
| |
| } | | } |
|
| |
|
| .portal a:before, | | .accent-color-hover:hover { |
| .portal strong.selflink:before {
| | background-color: var(--accent-color) !important; |
| content: ">"; | |
| } | | } |
|
| |
|
| .portal a:after,
| | /* Font */ |
| .portal strong.selflink:after {
| | html { |
| content: "<"; | | font-size: 104.5%; |
| visibility: hidden;
| | overflow-x: hidden; |
| -webkit-transform: translateX(15px);
| |
| -moz-transform: translateX(15px);
| |
| -ms-transform: translateX(15px); | |
| -o-transform: translateX(15px);
| |
| transform: translateX(15px);
| |
| } | | } |
|
| |
|
| .portal a:hover:after,
| | @font-face { |
| .portal strong.selflink:hover:after {
| | font-family: "Heading"; |
| visibility: visible; | | font-style: normal; |
| -webkit-transform: translateX(0px); | | font-weight: normal; |
| -moz-transform: translateX(0px); | | src: url("/fonts/MYRIADPRO-BOLDCOND.woff") format("woff"); |
| -ms-transform: translateX(0px); | |
| -o-transform: translateX(0px);
| |
| transform: translateX(0px);
| |
| } | | } |
|
| |
|
| .portal strong.selflink {
| | @font-face { |
| color: #07a3d7 !important; | | font-family: SegoeUI; |
| border-bottom: 2px #07a3d7 solid; | | src: local("Segoe UI Light"), url(https://elwiki.net/fonts/Segoe_UI/Light/latest.ttf) format("truetype"); |
| | font-weight: 200; |
| } | | } |
|
| |
|
| .portal a:after,
| | @font-face { |
| .portal strong.selflink:after,
| | font-family: SegoeUI; |
| .portal li {
| | src: local("Segoe UI Semilight"), url(https://elwiki.net/fonts/Segoe_UI/Semilight/latest.ttf) format("truetype"); |
| -webkit-transition: transform 0.3s; | | font-weight: 300; |
| -moz-transition: transform 0.3s; | |
| -o-transition: transform 0.3s; | |
| transition: transform 0.3s;
| |
| } | | } |
|
| |
|
| .portal li > ul {
| | @font-face { |
| -webkit-transition: opacity 0.3s; | | font-family: SegoeUI; |
| -moz-transition: opacity 0.3s; | | src: local("Segoe UI"), url(https://elwiki.net/fonts/Segoe_UI/Regular/latest.ttf) format("truetype"); |
| -o-transition: opacity 0.3s; | | font-weight: 400; |
| transition: opacity 0.3s;
| |
| } | | } |
|
| |
|
| /** floating header **/
| | @font-face { |
| .persistHeader {
| | font-family: SegoeUI; |
| position: fixed; | | src: local("Segoe UI Semibold"), url(https://elwiki.net/fonts/Segoe_UI/Semibold/latest.ttf) format("truetype"); |
| top: 0; | | font-weight: 500; |
| display: block;
| |
| width: 100%;
| |
| z-index: 3000;
| |
| background-color: red; | |
| } | | } |
|
| |
|
| .persistHeader.visible { | | @font-face { |
| visibility: visible; | | font-family: SegoeUI; |
| | src: local("Segoe UI Bold"), url(https://elwiki.net/fonts/Segoe_UI/Bold/latest.ttf) format("truetype"); |
| | font-weight: 600; |
| } | | } |
|
| |
|
| code {
| | .fancy-font { |
| display: inline-block;
| | font-family: "Heading" !important; |
| font-weight: bold;
| |
| font-family: "Consolas", "Menlo", "Deja Vu Sans Mono", "Bitstream Vera Sans Mono", monospace; | |
| background-color: #eee;
| |
| color: #4e9a06;
| |
| padding: 2px 0.4em;
| |
| border-radius: 3px;
| |
| } | | } |
|
| |
|
| .rainbow-text {
| | html *:not(.wikiEditor-ui *, .mw-editfont-monospace), |
| background-image: -webkit-gradient(
| | #p-logo-text a { |
| linear,
| | font-family: "SegoeUI", "Frutiger", "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", "Arial", sans-serif; |
| left top,
| |
| right top,
| |
| color-stop(0, #f22),
| |
| color-stop(0.15, #f2f),
| |
| color-stop(0.3, #22f),
| |
| color-stop(0.45, #2ff),
| |
| color-stop(0.6, #2f2),
| |
| color-stop(0.75, #2f2),
| |
| color-stop(0.9, #ff2),
| |
| color-stop(1, #f22)
| |
| ); | |
| background-image: gradient(
| |
| linear,
| |
| left top,
| |
| right top,
| |
| color-stop(0, #f22),
| |
| color-stop(0.15, #f2f),
| |
| color-stop(0.3, #22f),
| |
| color-stop(0.45, #2ff),
| |
| color-stop(0.6, #2f2),
| |
| color-stop(0.75, #2f2),
| |
| color-stop(0.9, #ff2),
| |
| color-stop(1, #f22)
| |
| );
| |
| color: transparent;
| |
| -webkit-background-clip: text;
| |
| background-clip: text;
| |
| } | | } |
|
| |
|
| .rainbow {
| | #contentSub { |
| background-color: orange; | | margin-bottom: 7px; |
| } | | } |
|
| |
|
| * { | | /* Tables */ |
| text-rendering: optimizeSpeed; | | table[cellpadding="5"][border="1"][style], |
| | table[cellpadding="5"][border="1"][style] td, |
| | table[cellpadding="5"][border="1"][style] th, |
| | table[cellpadding="5"][border="1"][class], |
| | table[cellpadding="5"][border="1"][class] td, |
| | table[cellpadding="5"][border="1"][class] th, |
| | .related-skills, |
| | .related-skills td, |
| | .related-skills tr, |
| | .related-skills th { |
| | border-color: var(--border-color); |
| } | | } |
|
| |
|
| .mw-body .external { | | tr[style] th a:not(.textfloat a), |
| padding-right: 0;
| | tr[style] th a:visited:not(.textfloat a), |
| background-image: none; | | tr[style] th a:link:not(.textfloat a), |
| | table[class*="colortable-"] th a:not(.textfloat a), |
| | table[class*="colortable-"] th a:visited:not(.textfloat a), |
| | table[class*="colortable-"] th a:link:not(.textfloat a) { |
| | color: #1d5383 !important; |
| } | | } |
|
| |
|
| .shady, | | table[cellpadding="5"][border="1"][style] tr[style*='background']:not(.wikitable tr, .updates-section-table tr, .alt-langs tr), |
| .shady a { | | table[cellpadding="5"][border="1"][style] tr[style] th:not(.wikitable th), |
| background-color: black !important;
| | table[cellpadding="5"][border="1"][class*="colortable-"] th { |
| color: transparent !important; | | border: 1px solid rgb(71, 71, 71); |
| } | | } |
|
| |
|
| .shady:hover, | | table.colored-table td { |
| .shady:hover a,
| | border: 1px solid rgb(71, 71, 71) !important; |
| .shady a:hover {
| |
| background-color: black !important; | |
| color: white !important;
| |
| } | | } |
|
| |
|
| /* Hoverimage */
| | tr[style*="#444444"] th { |
| .hoverimage img {
| | color: white; |
| opacity: 0; | | text-shadow: none !important; |
| filter: alpha(opacity=0); | |
| } | | } |
|
| |
|
| .hoverimage img:hover {
| | tr[style*="background:#444444"] a { |
| opacity: 1; | | color: white !important; |
| filter: alpha(opacity=100); | | text-shadow: none !important; |
| } | | } |
|
| |
|
| .hoverimages img {
| | table[cellpadding="5"][border="1"][style] tr[style*="#444444"], |
| opacity: 0.85; | | table[cellpadding="5"][border="1"][style] tr[style*="#444444"] th { |
| filter: alpha(opacity=0);
| | border-color: var(--border-color-tone-2) !important; |
| } | | } |
|
| |
|
| .hoverimages img:hover {
| | tr[style*="#414243"] th { |
| opacity: 1; | | border-color: var(--border-color-tone-2) !important; |
| filter: alpha(opacity=100);
| |
| } | | } |
|
| |
|
| /* Installing Hover Logo */
| | .updates-table td:is(:nth-child(3), :nth-child(4), :nth-child(2)[colspan]) { |
| #WikiHeader h1.wordmark img {
| | text-align: left; |
| opacity: 0.85;
| |
| filter: alpha(opacity=85);
| |
| /* For IE8 and earlier */ | |
| } | | } |
|
| |
|
| #WikiHeader h1.wordmark img:hover {
| | .force-white, |
| opacity: 1; | | .force-white a { |
| filter: alpha(opacity=100); | | color: white !important; |
| /* For IE8 and earlier */
| | text-shadow: 1px 1px 1px #000; |
| } | | } |
|
| |
|
| /* ImageHover */
| | .force-black, |
| .fadeout-container:hover .fadeout { | | .force-black a { |
| z-index: -1 !important; | | color: black !important; |
| | text-shadow: none !important; |
| } | | } |
|
| |
|
| .fadeout img:hover {
| | /* Topbar */ |
| opacity: 0; | | #personal span { |
| | font-weight: 500; |
| } | | } |
|
| |
|
| .fadeout img:active {
| | #mw-header-hack { |
| opacity: 0; | | border-bottom: 1px solid var(--border-color); |
| } | | } |
|
| |
|
| body:not(.editor) .fadeout-container.fadeout-hide-bottom > :nth-child(2) {
| | #personal-inner { |
| visibility: hidden; | | border-radius: 5px; |
| /* the 'body:not(.editor)' is used to prevent hiding the image in editing mode where it is not displayed properly */ | | border-color: var(--border-color); |
| } | | } |
|
| |
|
| .inner-border th:not(th:last-child) {
| | #personal h2 { |
| border-right: 1px solid var(--border-color); | | color: var(--text-color); |
| } | | } |
|
| |
|
| /* Tooltip */
| | #p-personal-label { |
| .tooltip {
| | display: none!important; |
| position: relative;
| |
| display: inline-block; | |
| border-bottom: 1px dotted var(--text-color);
| |
| } | | } |
|
| |
|
| tr[style] th .tooltip,
| | #personal .dropdown .mw-portlet > div, #personal .dropdown .mw-portlet-body, #mw-site-navigation .sidebar-chunk .mw-portlet > div, #mw-related-navigation .sidebar-chunk .mw-portlet > div, #mw-site-navigation .sidebar-chunk .mw-portlet-body, #mw-related-navigation .sidebar-chunk .mw-portlet-body { |
| table[class*="colortable-"] tr th .tooltip,
| | margin-bottom: 0; |
| table[class*="colortable-"] tr th .tippy-btn {
| |
| border-bottom-color: #000 !important; | |
| } | | } |
|
| |
|
| .tooltiptext {
| | #searchButton { |
| visibility: hidden; | | background-position: top right; |
| min-width: 400px;
| | box-shadow: none; |
| padding: 12px 14px;
| | background-image: url("https://elwiki.net/wiki/images/e/e4/UI_-_Search.png"); |
| text-align: center;
| | background-size: 34px; |
| position: absolute;
| | right: 0; |
| left: 50%; | | margin-top: -1px; |
| bottom: calc(20px + 100%);
| |
| z-index: 100004;
| |
| background: var(--theme-tone-3); | |
| box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.15);
| |
| border: 1px solid var(--border-color-tone-2);
| |
| border-radius: 2px; | |
| font-weight: normal; | |
| text-shadow: none; | |
| border-radius: 4px;
| |
| color: var(--text-color);
| |
| } | | } |
|
| |
|
| .tooltiptext:after,
| | #searchButton:hover { |
| .tooltiptext:before {
| | filter: brightness(1.1); |
| content: ""; | |
| position: absolute;
| |
| left: 50%;
| |
| border-style: solid;
| |
| } | | } |
|
| |
|
| .tooltiptext:after {
| | #mw-searchButton { |
| top: 100%; | | display: none; |
| bottom: auto;
| |
| width: 20px;
| |
| height: 20px;
| |
| background: var(--theme-tone-3);
| |
| margin-top: -10px;
| |
| margin-left: -10px;
| |
| box-shadow: 1px 1px 0px var(--border-color-tone-2);
| |
| transform: rotate(45deg);
| |
| border-width: 0;
| |
| } | | } |
|
| |
|
| .tooltiptext:before {
| | #searchInput { |
| top: 100%; | | padding: 1em; |
| bottom: auto; | | transition: box-shadow 0.3s; |
| border-width: 18px; | | border-color: var(--border-color); |
| margin-left: -18px;
| | letter-spacing: 0.7px; |
| border-color: rgba(0, 0, 0, 0.15) transparent transparent transparent;
| |
| pointer-events: none; | |
| } | | } |
|
| |
|
| .tooltip .tooltip .tooltiptext {
| | #searchInput:focus { |
| bottom: auto; | | outline: none; |
| top: calc(20px + 100%); | | box-shadow: 2px 2px 5px rgb(0 0 0 / 20%); |
| } | | } |
|
| |
|
| .tooltip .tooltip .tooltiptext:after {
| | #simpleSearch { |
| top: auto;
| | border-radius: 5px; |
| bottom: 100%;
| |
| border-width: 15px; | |
| margin-left: -15px;
| |
| border-color: transparent transparent var(--theme-tone-7) transparent;
| |
| width: 0;
| |
| height: 0;
| |
| box-shadow: none; | | box-shadow: none; |
| background: none; | | border-color: var(--border-color) !important; |
| transform: none;
| |
| } | | } |
|
| |
|
| .tooltip .tooltip .tooltiptext:before { | | #p-logo-text a { |
| top: auto; | | letter-spacing: 1.5px; |
| bottom: 100%; | | font-weight: 500; |
| border-width: 16px; | | color: rgb(60, 60, 60); |
| margin-left: -16px; | | display: flex; |
| border-color: transparent transparent var(--border-color-tone-2) transparent; | | place-items: center; |
| }
| | place-content: center; |
| | | text-decoration: none !important; |
| .tooltiptext hr {
| | margin-top: -5px; |
| margin: 10px 0 12px; | | gap: 2px; |
| position: relative; | | padding: 0; |
| background: none; | |
| } | | } |
|
| |
|
| .tooltiptext hr:after {
| | a#p-banner::before { |
| content: ""; | | content: ""; |
| | height: 37px; |
| | width: 37px; |
| display: block; | | display: block; |
| width: 100%; | | background-image: url(https://elwiki.net/wiki/images/thumb/e/ee/UI_-_Hedgehog_Event.png/37px-UI_-_Hedgehog_Event.png); |
| height: 1px !important; | | background-repeat: no-repeat; |
| position: absolute; | | background-color: transparent; |
| left: -14px; | | position: relative; |
| background: var(--border-color-tone-2); | | margin-top: 4px; |
| padding: 0 14px;
| |
| } | | } |
|
| |
|
| .tooltip:hover > .tooltiptext {
| | label[for="mw-whatlinkshere-target"] { |
| visibility: visible; | | border: 0; |
| } | | } |
|
| |
|
| .tooltiptext { | | .mw-body-content .bannerbox a > img { |
| opacity: 0; | | max-width: initial !important; |
| transition: opacity 200ms ease, visibility 0s ease 200ms, transform 200ms ease;
| |
| transform: translate(-50%, 8px);
| |
| } | | } |
|
| |
|
| .tooltip .tooltip .tooltiptext { | | .suggestions-result-current { |
| transform: translate(-50%, -8px); | | background: var(--accent-color) !important; |
| } | | } |
|
| |
|
| .tooltip:hover > .tooltiptext { | | .highlight { |
| opacity: 1;
| |
| transition-delay: 0s;
| |
| transform: translate(-50%, 0);
| |
| }
| |
| | |
| .tooltiptext a {
| |
| color: var(--accent-color);
| |
| border-bottom: 0;
| |
| }
| |
| | |
| .tooltiptext a:visited {
| |
| color: var(--accent-color-tone-3);
| |
| }
| |
| | |
| .tooltiptext a:active {
| |
| color: #faa700;
| |
| }
| |
| | |
| .tooltiptext a:hover,
| |
| a:focus {
| |
| text-decoration: underline;
| |
| }
| |
| | |
| .tooltiptext a.new {
| |
| color: #ba0000;
| |
| }
| |
| | |
| .mwe-math-element {
| |
| filter: brightness(0%);
| |
| }
| |
| | |
| @media screen and (min-width: 851px) {
| |
| #personal {
| |
| padding-left: 0;
| |
| }
| |
| }
| |
| | |
| .infobox * {
| |
| z-index: 2;
| |
| }
| |
| | |
| /* Syntax highlighter - dark mode */
| |
| .dark-mode .mw-highlight .k,
| |
| .mw-search-result-data,
| |
| .dark-mode .mw-highlight .kr {
| |
| color: #76ff76;
| |
| }
| |
| | |
| .dark-mode .mw-highlight .kc {
| |
| color: #fff;
| |
| font-weight: 400;
| |
| }
| |
| | |
| .dark-mode .mw-highlight .mh {
| |
| color: #ffc0c0;
| |
| }
| |
| | |
| .dark-mode .mw-highlight .nf,
| |
| .dark-mode .mw-highlight .nc {
| |
| color: #44f5ff;
| |
| font-weight: 500; | | font-weight: 500; |
| } | | } |
|
| |
|
| .dark-mode .mw-highlight .nn {
| | #personal h2 { |
| color: #ffe144; | | background-image: none; |
| font-weight: 500; | | padding-top: 3px; |
| | padding-left: 5px; |
| | letter-spacing: 0.75px; |
| } | | } |
|
| |
|
| .dark-mode .mw-highlight .mi,
| | #personal h2::after { |
| .dark-mode .mw-highlight .kt {
| | width: 0; |
| color: #eee; | | height: 0 !important; |
| font-weight: 500; | | border: 0 solid transparent; |
| }
| | border-left-width: 6px; |
| | | border-right-width: 6px; |
| .dark-mode .mw-highlight .o,
| | border-top: 6px solid var(--border-color-tone-2); |
| .dark-mode .mw-highlight .mf {
| | background-image: none; |
| color: #eee; | |
| }
| |
| | |
| .dark-mode .mw-highlight .nt,
| |
| .dark-mode .mw-highlight .nb,
| |
| .dark-mode .mw-highlight .kd {
| |
| color: #33ffa1;
| |
| font-weight: 500; | |
| }
| |
| | |
| .dark-mode .mw-highlight .nd,
| |
| .dark-mode .mw-highlight .s1 {
| |
| color: #e152ff; | |
| }
| |
| | |
| .dark-mode .mw-highlight .cp {
| |
| color: #ff3232;
| |
| }
| |
| | |
| .dark-mode .mw-highlight .s2 {
| |
| color: #ffffff;
| |
| }
| |
| | |
| .dark-mode .mw-highlight .c {
| |
| color: #63c2c2;
| |
| }
| |
| | |
| .dark-mode .mw-highlight .sx {
| |
| color: #56d0ff;
| |
| }
| |
| | |
| .dark-mode .mw-highlight .c1 {
| |
| color: #77d235; | |
| }
| |
| | |
| /* Infobox */
| |
| .infobox-wrap {
| |
| padding: 0;
| |
| float: right;
| |
| clear: right;
| |
| position: relative; | | position: relative; |
| | top: -7px; |
| | margin-left: 10px; |
| } | | } |
|
| |
|
| table.infobox div.tabdiv:not(.forceport) > ul {
| | #p-personal-label { |
| background-color: #f7f7f7;
| | display: none; |
| padding: 7px 0 7px 0;
| |
| border-bottom: 2px solid var(--theme-tone-2);
| |
| align-items: center; | |
| justify-content: center;
| |
| } | | } |
|
| |
|
| .infobox .tabber-new > .tabber-content {
| | #personal-inner { |
| margin-top: 10px;
| | padding: 0 !important; |
| }
| |
| | |
| table.infobox div.tabdiv:not(.forceport) > ul ~ div ul {
| |
| margin-top: -10px;
| |
| margin-left: -10px;
| |
| margin-right: -10px;
| |
| background: none;
| |
| border-bottom: none;
| |
| }
| |
| | |
| table.infobox div.tabdiv:not(.forceport) > ul > li {
| |
| padding-top: 0;
| |
| }
| |
| | |
| .infobox div.tabdiv > ul > li:hover,
| |
| .infobox div.tabdiv > ul > li.active {
| |
| background: none;
| |
| color: var(--accent-color);
| |
| border-radius: 0;
| |
| }
| |
| | |
| table.infobox div.tabdiv:not(.forceport) > ul > li {
| |
| background: none;
| |
| }
| |
| | |
| .infobox div.tabdiv > ul > li {
| |
| padding: 5px 10px;
| |
| margin-right: 5px !important;
| |
| }
| |
| | |
| .infobox .tabber-content p:first-child {
| |
| margin-top: 5px;
| |
| }
| |
| | |
| .infobox div.tabdiv > ul > li.active a,
| |
| .infobox div.tabdiv > ul > li:hover a {
| |
| color: var(--accent-color) !important;
| |
| }
| |
| | |
| /* Remove .mw-body-content stacking context so the tooltip can
| |
| overlap with elements outside content area and be shown properly */
| |
| .mw-body-content {
| |
| z-index: auto;
| |
| }
| |
| | |
| /* Template fix */
| |
| dfn {
| |
| display: none !important;
| |
| }
| |
| | |
| /* Image margin in headlines */
| |
| .mw-headline .image img {
| |
| padding-bottom: 5px;
| |
| }
| |
| | |
| /* Navbar */
| |
| .sidebar-chunk,
| |
| #p-logo,
| |
| #p-banner,
| |
| #personal,
| |
| #personal-inner, | |
| #mw-data-after-content img,
| |
| #mw-data-after-content a,
| |
| ::placeholder {
| |
| user-select: none;
| |
| -moz-user-select: none;
| |
| -webkit-user-select: none;
| |
| }
| |
| | |
| ::-moz-placeholder {
| |
| user-select: none;
| |
| -moz-user-select: none;
| |
| }
| |
| | |
| ::-webkit-placeholder {
| |
| user-select: none;
| |
| -webkit-user-select: none;
| |
| }
| |
| | |
| #p-logo {
| |
| border: 1px solid var(--border-color);
| |
| border-bottom: 0;
| |
| }
| |
| | |
| .mw-wiki-logo {
| |
| padding-top: 0.5rem; | |
| margin-top: 0;
| |
| }
| |
| | |
| #page-tools, #site-tools {
| |
| padding-top: 0!important;
| |
| } | | } |
|
| |
|
| #mw-site-navigation { | | #personal .dropdown .mw-portlet-body { |
| z-index: 3;
| | margin-bottom: 0; |
| padding: 0.85rem;
| |
| padding-top: 0;
| |
| margin-top: 1rem;
| |
| margin-left: 0; | |
| margin-right: 1rem;
| |
| padding: 0 !important;
| |
| max-width: 200px;
| |
| } | | } |
|
| |
|
| #mw-site-navigation .sidebar-chunk li { | | #personal .dropdown li { |
| padding: 0; | | padding: 0; |
| } | | } |
|
| |
|
| .sidebar-chunk a { | | #personal .dropdown li a { |
| padding: 0.4rem 1rem!important; | | border: 0.25em solid var(--theme-tone-6); |
| | display: block; |
| | padding: 0.4em; |
| | color: var(--text-color); |
| | border-radius: 6px; |
| font-size: 1.02em; | | font-size: 1.02em; |
| font-weight: 500;
| |
| letter-spacing: 0.03em; | | letter-spacing: 0.03em; |
| transition: background-color 0.3s, color 0.2s; | | transition: background-color 0.3s, color 0.2s; |
| border-radius: 0;
| |
|
| |
| border-bottom: none; | | border-bottom: none; |
| }
| |
|
| |
| .sidebar-chunk li {
| |
| font-size: 1.02em;
| |
| font-weight: 500;
| |
| }
| |
|
| |
| .sidebar-chunk a::before,
| |
| .sidebar-chunk a::after {
| |
| content: unset !important;
| |
| }
| |
|
| |
| .sidebar-chunk ul li > a,
| |
| .sidebar-chunk ul li > a:visited,
| |
| .sidebar-chunk ul li > a:link,
| |
| div.sidebar-chunk a.external.text {
| |
| padding: 0.3em;
| |
| background-image: none !important;
| |
| color: var(--text-color);
| |
| }
| |
|
| |
| .sidebar-chunk ul li > a[href="#.21"],
| |
| .sidebar-chunk .mw-selflink {
| |
| cursor: default;
| |
| }
| |
|
| |
| .sidebar-chunk li > ul a {
| |
| border-color: var(--theme-tone-6);
| |
| }
| |
|
| |
| .sidebar-chunk a,
| |
| .sidebar-chunk a:link,
| |
| .sidebar-chunk a:visited,
| |
| .sidebar-chunk strong.selflink {
| |
| text-decoration: none; | | text-decoration: none; |
| color: #000;
| |
| } | | } |
|
| |
|
| .sidebar-chunk li:hover > a, | | #personal .dropdown li:last-child a { |
| .sidebar-chunk li:hover > a:link,
| | border-bottom: 0.25em solid var(--theme-tone-6); |
| .sidebar-chunk .mw-selflink,
| |
| .sidebar-chunk a.mw-has-selflink {
| |
| background: var(--theme-tone-4); | |
| color: var(--text-color) !important;
| |
| } | | } |
|
| |
|
| #mw-related-navigation .sidebar-chunk li { | | #personal .dropdown li:hover a { |
| padding: 0; | | background-color: var(--accent-color); |
| | color: white; |
| } | | } |
|
| |
|
| #mw-site-navigation .sidebar-chunk { | | #mw-wrapper #mw-header .dropdown { |
| padding: 1.6em; | | display: block !important; |
| border-color: var(--theme-tone-6); | | opacity: 0; |
| | pointer-events: none; |
| | transform: scale(0); |
| | transform-origin: top right; |
| | transition: 0.15s; |
| } | | } |
|
| |
|
| .sidebar-chunk li:hover { | | #mw-wrapper #mw-header .dropdown-active .dropdown { |
| transform: none !important; | | display: block !important; |
| }
| | transform: scale(1); |
| | | opacity: 1; |
| .sidebar-chunk li > ul {
| |
| top: 0; | |
| border-radius: 5px;
| |
| box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 30%); | |
| }
| |
| | |
| .sidebar-chunk li:hover > ul {
| |
| pointer-events: all; | | pointer-events: all; |
| transform: translateX(0);
| |
| } | | } |
|
| |
|
| div.sidebar-chunk li > ul {
| | .suggestions .suggestions-result { |
| visibility: visible !important; | | padding: 0.5em 1em; |
| pointer-events: none;
| |
| left: 100%;
| |
| margin-left: 0 !important;
| |
| display: block;
| |
| transform: translateX(-7px);
| |
| transition: 0.3s !important;
| |
| border: 1px solid var(--border-color);
| |
| box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1) !important;
| |
| background-color: var(--theme-tone-6);
| |
| } | | } |
|
| |
|
| div.sidebar-chunk h3 {
| | .suggestions .suggestions-special { |
| font-size: 1.2em !important;
| | padding: 0.5em 1em; |
| text-transform: capitalize;
| |
| letter-spacing: 0.5px;
| |
| margin-left: 0.65em !important;
| |
| font-family: "Familjen Grotesk";
| |
| margin: 0.5rem 0 0.5rem 0 !important;
| |
| padding: 0.5rem 1rem 0.5rem 1rem !important; | |
| background-color: var(--theme-tone-3);
| |
| border: none !important;
| |
| } | | } |
|
| |
|
| div.sidebar-chunk .mw-portlet:first-child h3 {
| | .suggestions .suggestions-result-current, |
| margin-top: 0!important; | | .suggestions-result-current .special-query { |
| | color: white !important; |
| } | | } |
|
| |
|
| .sidebar-chunk {
| | /* Footer */ |
| border-radius: 5px;
| |
| padding: 0.95rem 0 !important;
| |
| border: 1px solid var(--border-color) !important;
| |
| padding-bottom: 0.5rem!important;
| |
| }
| |
|
| |
|
| #site-tools .mw-portlet-body { | | #mw-footer { |
| margin-bottom: 0 !important; | | padding-left: 0; |
| | padding-right: 0; |
| | max-width: 100%; |
| } | | } |
|
| |
|
| #mw-related-navigation .sidebar-chunk #p-normal-catlinks .mw-portlet-body { | | #footer-info { |
| margin-bottom: 1.5em; | | width: 65vw; |
| | margin: auto; |
| } | | } |
|
| |
|
| #site-navigation { | | #mw-footer-container { |
| border-top-left-radius: 0; | | margin: auto; |
| border-top-right-radius: 0; | | border: none; |
| border-top: 0 !important; | | box-shadow: none; |
| | color: var(--text-color); |
| } | | } |
|
| |
|
| /* main container */
| | #mw-footer-container a, |
| #mw-content-container { | | #mw-footer-container a:hover { |
| border-bottom: none;
| | color: var(--accent-color) !important; |
| min-height: 200vh;
| | transition: 0.3s; |
| }
| |
| | |
| #mw-content { | |
| border-bottom: none;
| |
| background-color: var(--theme-tone-6);
| |
| margin-top: 1rem;
| |
| border-radius: 6px;
| |
| border: 1px solid var(--border-color);
| |
| }
| |
| | |
| #mw-related-navigation .sidebar-chunk {
| |
| margin-top: 1rem;
| |
| }
| |
| | |
| /* Long table adjustments */
| |
| table[class*="colortable-"]:not(.section) {
| |
| overflow: auto;
| |
| display: block;
| |
| border: 0;
| |
| }
| |
| | |
| .overflowed :is(.content-table-left, .content-table-right) {
| |
| display: none;
| |
| }
| |
| | |
| .long-table {
| |
| overflow-x: auto;
| |
| }
| |
| | |
| .long-table::-webkit-scrollbar-thumb,
| |
| .long-table::-webkit-scrollbar-track,
| |
| .long-table::-webkit-scrollbar,
| |
| .content-table::-webkit-scrollbar-thumb,
| |
| .content-table::-webkit-scrollbar-track,
| |
| .content-table::-webkit-scrollbar,
| |
| table::-webkit-scrollbar-thumb,
| |
| table::-webkit-scrollbar-track,
| |
| table::-webkit-scrollbar {
| |
| border-radius: 0;
| |
| }
| |
| | |
| :is(.long-table, .overflowed) .tooltiptext:not(.tooltip-up .tooltiptext),
| |
| .tooltip-down .tooltiptext {
| |
| top: calc(20px + 100%);
| |
| box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.15);
| |
| bottom: auto;
| |
| }
| |
| | |
| :is(.long-table, .overflowed) .tooltiptext:not(.tooltip-up .tooltiptext):before,
| |
| .tooltip-down .tooltiptext:before {
| |
| bottom: 100%;
| |
| top: unset;
| |
| border-color: transparent transparent rgba(0, 0, 0, 0.15) transparent;
| |
| }
| |
| | |
| :is(.long-table, .overflowed) .tooltiptext:not(.tooltip-up .tooltiptext):after,
| |
| .tooltip-down .tooltiptext:after {
| |
| bottom: 100%;
| |
| margin-bottom: -10px;
| |
| top: unset;
| |
| transform: rotate(225deg);
| |
| box-shadow: 1px 1px 0px rgb(165, 165, 165);
| |
| }
| |
| | |
| /* status effect icons */
| |
| .status {
| |
| display: inline-flex;
| |
| gap: 0.35em;
| |
| }
| |
| | |
| .status .tooltip {
| |
| white-space: nowrap;
| |
| }
| |
| | |
| /* combo overlay */
| |
| .combo-overlay a {
| |
| display: flex;
| |
| }
| |
| | |
| /* header */
| |
| .mw-body .mw-parser-output h1 {
| |
| display: flex; | |
| place-items: center;
| |
| border-bottom: 1px solid var(--border-color);
| |
| position: relative;
| |
| }
| |
| | |
| .mw-body .mw-parser-output h1::after,
| |
| .mw-body .mw-parser-output h2::after {
| |
| border-bottom: 1px solid var(--border-color);
| |
| overflow: hidden; | |
| width: 100%;
| |
| position: absolute;
| |
| bottom: 0;
| |
| }
| |
| | |
| .mw-body .mw-parser-output h1 .mw-headline,
| |
| .mw-body .mw-parser-output h1 .mw-headline a,
| |
| .mw-body .mw-parser-output h1 .mw-headline font,
| |
| .mw-body .mw-parser-output h1 .mw-headline .custom-text,
| |
| .mw-body .mw-parser-output h2 .mw-headline,
| |
| .mw-body .mw-parser-output h2 .mw-headline a,
| |
| .mw-body .mw-parser-output h2 .mw-headline font,
| |
| .mw-body .mw-parser-output h2 .mw-headline .custom-text,
| |
| .mw-body .mw-parser-output h2 .mw-headline .tooltip {
| |
| font-size: 0.8em;
| |
| display: inline-flex;
| |
| place-items: center;
| |
| padding-left: 27px;
| |
| /*font-family: "Heading";*/
| |
| font-weight: 500; | | font-weight: 500; |
| /*letter-spacing: 0.2px;*/ | | transition: opacity 0.3s; |
| letter-spacing: -1px;
| |
| gap: 5px;
| |
| }
| |
| | |
| .mw-body .mw-parser-output h2 .mw-headline .tooltiptext {
| |
| font-size: initial;
| |
| letter-spacing: initial;
| |
| }
| |
| | |
| .mw-body .mw-parser-output h1 .mw-headline,
| |
| .mw-body .mw-parser-output h1 .mw-headline a,
| |
| .mw-body .mw-parser-output h1 .mw-headline font,
| |
| .mw-body .mw-parser-output h1 .mw-headline .custom-text {
| |
| padding-left: 0;
| |
| gap: 8px;
| |
| }
| |
| | |
| .mw-body .mw-parser-output h3 .mw-headline,
| |
| .mw-body .mw-parser-output h3 .mw-headline a,
| |
| .mw-body .mw-parser-output h3 .mw-headline font,
| |
| .mw-body .mw-parser-output h3 .mw-headline .custom-text {
| |
| font-size: 1.1rem;
| |
| font-weight: 500;
| |
| }
| |
| | |
| .mw-body .mw-parser-output h1 .mw-headline,
| |
| .mw-body .mw-parser-output h1 .mw-headline a,
| |
| .mw-body .mw-parser-output h1 .mw-headline font,
| |
| .mw-body .mw-parser-output h1 .mw-headline .custom-text {
| |
| font-size: 0.9em;
| |
| }
| |
| | |
| .mw-body .mw-parser-output h1 .mw-headline a,
| |
| .mw-body .mw-parser-output h1 .mw-headline font,
| |
| .mw-body .mw-parser-output h1 .mw-headline .custom-text,
| |
| .mw-body .mw-parser-output h2 .mw-headline a,
| |
| .mw-body .mw-parser-output h2 .mw-headline font,
| |
| .mw-body .mw-parser-output h2 .mw-headline .custom-text,
| |
| .mw-body .mw-parser-output h2 .mw-headline .tooltip {
| |
| padding-left: 0;
| |
| font-size: inherit;
| |
| } | | } |
|
| |
|
| .mw-body .mw-parser-output h4 .mw-headline,
| | #mw-footer-container a:hover { |
| .mw-body .mw-parser-output h4 .mw-headline a,
| | opacity: 0.65; |
| .mw-body .mw-parser-output h4 .mw-headline font,
| |
| .mw-body .mw-parser-output h4 .mw-headline .custom-text {
| |
| font-size: 1rem; | |
| font-weight: 600;
| |
| } | | } |
|
| |
|
| .mw-body .mw-parser-output h1 .mw-headline a:hover,
| | #footer-places { |
| .mw-body .mw-parser-output h2 .mw-headline a:hover {
| |
| text-decoration: underline;
| |
| }
| |
| | |
| .mw-body .mw-parser-output h2:not(.toctitle h2) {
| |
| background-image: url(https://elwiki.net/wiki/images/0/0a/Asset_-_Header.png);
| |
| background-repeat: no-repeat;
| |
| background-position: left;
| |
| min-height: 38px;
| |
| background-size: contain;
| |
| display: flex; | | display: flex; |
| position: relative;
| |
| }
| |
|
| |
| .mw-body .mw-parser-output h3 {
| |
| margin-top: 1rem;
| |
| }
| |
|
| |
| .mw-editsection {
| |
| background-position: left center;
| |
| }
| |
|
| |
| .mw-editsection a:first-of-type {
| |
| height: 100%;
| |
| display: inline-flex;
| |
| place-content: center; | | place-content: center; |
| place-items: center; | | border-top: 1px solid var(--border-color); |
| padding: 0 0 0 1.45rem;
| | margin-top: 0; |
| }
| | margin-bottom: 0; |
| | | background: var(--theme-tone-5); |
| .has-arrow {
| |
| position: relative;
| |
| }
| |
| | |
| .class-tree > .has-arrow:after {
| |
| content: "";
| |
| display: block;
| |
| position: absolute;
| |
| z-index: 2;
| |
| top: 13px;
| |
| right: -18px;
| |
| width: 15px;
| |
| background-repeat: no-repeat;
| |
| height: 15px;
| |
| background-image: url(https://elwiki.net/wiki/images/0/0b/Arrowright.png);
| |
| background-size: contain;
| |
| background-position: center;
| |
| }
| |
| | |
| /* Echo */
| |
| | |
| #personal-extra ul {
| |
| margin-top: 0.4rem; | |
| margin-left: 0.5rem; | |
| display: flex; | |
| gap: 0.3rem;
| |
| }
| |
| | |
| #user-tools {
| |
| display: flex;
| |
| place-content: center;
| |
| min-width: 0;
| |
| padding: 0 1.5rem;
| |
| }
| |
| | |
| #personal-extra {
| |
| padding: 0.05rem 0 00;
| |
| } | | } |
|
| |
|
| .mw-echo-alert { | | .mw-footer #footer-places li { |
| margin: 0; | | margin: 0; |
| | border-right: 1px solid var(--border-color); |
| | width: 16vw; |
| | text-align: center; |
| } | | } |
|
| |
|
| .mw-echo-ui-notificationItemWidget-icon img { | | .mw-footer #footer-places li:first-child { |
| filter: brightness(1.8) saturate(1.3); | | border-left: 1px solid var(--border-color); |
| } | | } |
|
| |
|
| .mw-echo-ui-toggleReadCircleButtonWidget-circle,
| | #mw-footer-container #footer-places a { |
| #pt-notifications-notice .mw-echo-notifications-badge.oo-ui-flaggedElement-unseen:after,
| | padding: 0.5rem; |
| #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-unseen-notifications:after {
| | display: block; |
| background: var(--accent-color) !important; | | color: var(--text-color) !important; |
| }
| | transition: 0.3s !important; |
| | |
| .mw-echo-ui-notificationItemWidget-content-actions
| |
| > .mw-echo-ui-notificationItemWidget-content-actions-buttons.oo-ui-buttonSelectWidget { | |
| display: flex;
| |
| } | | } |
|
| |
|
| /* Anchor tabs */
| | #footer-places a:hover { |
| .anchor-tabs a {
| |
| background-color: var(--theme-tone-7); | | background-color: var(--theme-tone-7); |
| } | | } |
|
| |
|
| .anchor-tabs a.mw-selflink {
| | #mw-footer-container #footer-places a:hover { |
| background: var(--accent-color); | | color: var(--accent-color) !important; |
| } | | } |
|
| |
|
| /* Instance page */
| | .mw-footer .footer-icons { |
| .instance-page .wikitable tr > th { | | padding-right: 1rem; |
| background-color: var(--theme-tone-5); | |
| } | | } |
|
| |
|
| .instance-page .segment-contents { | | .colortable td { |
| border-color: var(--border-color) !important; | | background-color: transparent!important; |
| }
| | font-weight: 500; |
| | | color: black!important; |
| /* Old tabs hacks */
| |
| .tabdiv table.wikitable:first-of-type {
| |
| margin-top: 0; | |
| }
| |
| .infobox-new .tabdiv:not(.tabber-new) {
| |
| display: flex; | |
| flex-direction: column;
| |
| }
| |
| .infobox-new .tabdiv ul:not(.tabber-new ul) {
| |
| display: flex;
| |
| place-content: center;
| |
| } | | } |
|
| |
|
| /* Metadata */
| | .dark-mode .dark-mode-only, |
| .mw-metadata-show-hide-extended a[role="button"] { | | :not(.dark-mode) .light-mode-only { |
| font-size: 0.9rem;
| |
| font-weight: 500;
| |
| color: var(--text-color);
| |
| padding: 5px;
| |
| display: block; | | display: block; |
| cursor: pointer;
| |
| transition: background-color 0.3s;
| |
| background-color: var(--theme-tone-3);
| |
| text-decoration: none;
| |
| margin: -5px;
| |
| }
| |
| .mw-metadata-show-hide-extended a[role="button"]:hover {
| |
| background-color: var(--theme-tone-7);
| |
| }
| |
| .mw_metadata {
| |
| border-bottom-width: 1px !important;
| |
| }
| |
| .mw_metadata > * > tr > th {
| |
| background-color: var(--theme-tone-4) !important;
| |
| font-weight: bold;
| |
| text-align: right;
| |
| color: var(--text-color);
| |
| border-color: var(--border-color);
| |
| }
| |
| .content-table .mw_metadata > * > tr > td {
| |
| border-color: var(--border-color);
| |
| padding: 5px;
| |
| text-align: center;
| |
| } | | } |
|
| |
|
| @media screen and (min-width: 1100px) and (max-width: 1340px) {
| | :not(.dark-mode) .dark-mode-only, |
| #mw-content {
| | .dark-mode .light-mode-only { |
| margin-left: 0;
| | display: none; |
| margin-right: 0;
| |
| width: 70vw !important;
| |
| }
| |
| | |
| #content-bottom-stuff {
| |
| padding: 1em 2em 3em;
| |
| width: 70vw;
| |
| background: var(--theme-tone-6);
| |
| border-radius: 0 0 5px 5px;
| |
| display: block;
| |
| }
| |
| | |
| #mw-data-after-content {
| |
| background: transparent;
| |
| }
| |
| }
| |
| | |
| @media screen and (min-width: 1100px) {
| |
| #mw-content-wrapper {
| |
| margin: 0;
| |
| width: 100% !important;
| |
| }
| |
| | |
| #mw-content-wrapper {
| |
| margin-left: 14em;
| |
| margin-right: 16em;
| |
| width: 65vw !important;
| |
| min-width: 50%;
| |
| }
| |
| | |
| #mw-related-navigation {
| |
| position: absolute;
| |
| right: 1em;
| |
| }
| |
| | |
| #mw-site-navigation {
| |
| position: absolute;
| |
| left: 1em;
| |
| }
| |
| | |
| #mw-content-block {
| |
| position: relative;
| |
| display: flex !important;
| |
| }
| |
| | |
| #mw-header-container {
| |
| padding: 0.65em 0 0;
| |
| }
| |
| }
| |
| | |
| @media screen and (max-width: 1099px) {
| |
| div#mw-site-navigation {
| |
| z-index: 99;
| |
| }
| |
| }
| |
| | |
| @media screen and (max-width: 850px) {
| |
| #mw-content-block {
| |
| background: var(--theme-tone-7);
| |
| }
| |
| }
| |
| | |
| /* Responsive Styles */
| |
| @media screen and (min-width: 851px) and (max-width: 1099px) {
| |
| #mw-site-navigation .sidebar-chunk {
| |
| padding: 0 !important;
| |
| }
| |
| | |
| #mw-site-navigation .sidebar-inner {
| |
| padding: 1em;
| |
| }
| |
| | |
| .sidebar-chunk ul li > a {
| |
| border-color: white;
| |
| }
| |
| | |
| #simpleSearch {
| |
| width: 95%;
| |
| margin-left: auto;
| |
| }
| |
| | |
| #mw-site-navigation {
| |
| z-index: 99;
| |
| }
| |
| #mw-header-nav-hack {
| |
| background-color: var(--theme-tone-5);
| |
| border-top-color: var(--theme-tone-5);
| |
| }
| |
| #mw-site-navigation,
| |
| #mw-related-navigation,
| |
| .sidebar-chunk,
| |
| div.color-left,
| |
| div.color-middle,
| |
| div.color-right {
| |
| background-color: var(--theme-tone-5) !important;
| |
| }
| |
| .dark-mode #mw-site-navigation h2:after,
| |
| .dark-mode #mw-related-navigation h2:after {
| |
| filter: invert(1);
| |
| }
| |
| .sidebar-inner,
| |
| div.sidebar-chunk li > ul {
| |
| background: var(--theme-tone-4) !important;
| |
| border-color: var(--border-color) !important;
| |
| }
| |
| .sidebar-inner li a {
| |
| border-color: var(--theme-tone-4) !important;
| |
| }
| |
| .dark-mode #mw-related-navigation .sidebar-inner:after {
| |
| margin-top: -3px;
| |
| border-bottom-color: var(--border-color);
| |
| }
| |
| #mw-related-navigation .sidebar-inner:before {
| |
| border-bottom-color: var(--border-color);
| |
| }
| |
| .dark-mode #mw-site-navigation .dropdown-active h2 span:before,
| |
| .client-nojs .dark-mode #mw-site-navigation .sidebar-chunk:hover h2 span:before,
| |
| .dark-mode #mw-site-navigation .dropdown-active h2 span:after,
| |
| .client-nojs .dark-mode #mw-site-navigation .sidebar-chunk:hover h2 span:after {
| |
| filter: brightness(0.3);
| |
| margin-top: -3px;
| |
| } | |
| }
| |
| | |
| @media screen and (max-width: 550px) {
| |
| #p-logo-text {
| |
| position: absolute;
| |
| }
| |
| }
| |
| | |
| @media screen and (max-width: 1300px) {
| |
| body {
| |
| overflow-x: hidden;
| |
| }
| |
| }
| |
| | |
| @media screen and (max-width: 850px) {
| |
| .sidebar-inner,
| |
| .dropdown {
| |
| background: #f8f9fa;
| |
| }
| |
| .dark-mode #site-navigation h2,
| |
| .dark-mode #site-tools h2 {
| |
| filter: invert(1);
| |
| }
| |
| }
| |
| | |
| @media screen and (max-width: 1600px) {
| |
| .current-info .segment-contents .mw-collapsible-content {
| |
| flex-direction: column;
| |
| }
| |
| .boss-timer-section,
| |
| .boss-timer-section .tabber-content {
| |
| width: auto !important;
| |
| }
| |
| .timers-wrap {
| |
| place-content: center;
| |
| }
| |
| }
| |
| | |
| @media screen and (max-width: 767px) {
| |
| table {
| |
| max-width: 100%;
| |
| overflow-x: auto;
| |
| display: inline-table !important;
| |
| }
| |
| | |
| .hscroll {
| |
| width: 100%;
| |
| overflow-x: scroll;
| |
| }
| |
| | |
| .infobox {
| |
| float: left !important;
| |
| }
| |
| .split.uneven-split .segment-headers,
| |
| .split.uneven-split .segment-contents {
| |
| grid-template-columns: auto;
| |
| }
| |
| } | | } |
|
| |
|
| @media screen and (min-width: 1340px) {
| | .mobileonly { |
| #mw-site-navigation .sidebar-chunk .mw-portlet-body,
| | /* display: none; */ |
| #mw-related-navigation .sidebar-chunk .mw-portlet-body {
| |
| margin-bottom: 1rem;
| |
| } | |
| | |
| #mw-site-navigation .sidebar-chunk .mw-portlet-body:last-of-type,
| |
| #mw-related-navigation .sidebar-chunk .mw-portlet-body:last-of-type {
| |
| margin-bottom: 0;
| |
| }
| |
| } | | } |