User:RdxxeR/minerva.css
/* Recent Bug Fixes */
.minerva-header .search-box {
width: 0 !important;
}
.minerva-header .branding-box {
min-width: 0 !important;
}
.minerva-user-navigation {
min-width: 0;
}
.banner-container, .header, .page-header-bar, .overlay-header, .content, .overlay-content, .content-unstyled, .pre-content, .post-content, #mw-content-text > form, #mw-mf-page-center .pointer-overlay {
max-width: 100% !important;
}
.overlay.search-overlay .search-box, .overlay.search-overlay .search-content, .overlay.search-overlay .spinner-container, .overlay.search-overlay .results {
margin-left: 0;
}
@media screen and (min-width: 768px) {
.banner-container, .header, .page-header-bar, .overlay-header, .content, .overlay-content, .content-unstyled, .pre-content, .post-content, #mw-content-text > form, #mw-mf-page-center .pointer-overlay {
width: 100%;
max-width: min(90%,calc(100vw - 140px));
}
.page-heading {
width: calc(100% - 330px);
}
.banner-container, .header, .page-header-bar, .overlay-header, .content, .overlay-content, .content-unstyled, .pre-content, .post-content, #mw-content-text > form {
margin-left: auto;
margin-right: auto;
}
.overlay.search-overlay .header-cancel {
display: block;
margin-top: 6px;
}
.thumbimage {
border-top-right-radius: 20px !important;
border-bottom-right-radius: 0px !important;
border-top-left-radius: 20px !important;
border-bottom-left-radius: 0px !important;
box-shadow: none !important;
}
.overlay .header-container.header-chrome {
top: 0 !important;
z-index: 2;
border: 0;
padding: 0 !important;
margin: 0 !important;
left: 0;
height: 55px;
width: 100px;
right: inherit;
border-radius: 0px !important;
box-shadow: none !important;
background: transparent;
}
.overlay-issues {
width: 420px;
left: initial;
right: 0;
}
.overlay-header-container {
width: 420px;
left: initial !important;
right: 0;
}
.search-overlay .search-box .search, .minerva-header .search-box .search {
width: 350px;
}
.overlay.search-overlay .overlay-content {
max-width: 90%;
}
.page-actions-menu__list {
justify-content: left;
}
.page-actions-overflow-list {
left: initial;
right: initial;
}
@media not all and (min-resolution:.001dpcm) {
@media {
.overlay .header-container.header-chrome:hover {
width: 420px !important;
margin: 0px !important;
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
border-bottom-left-radius: 0px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
height: 55px !important;
}
}
}
@media (min-width: 720px) {
.content .infobox {
margin: 0.5em 0 1em 35px;
max-width: 350px !important;
}
}
.header-container.header-chrome {
background: var(--menu-background);
/*
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
*/
position: fixed !important;
top: 0 !important;
z-index: 2;
padding-top: 5px;
width: 410px;
padding-bottom: 5px;
margin: 30px 30px 0 0;
border: 0;
border-radius: 20px;
right: 0;
/*
box-shadow: 3px 12px 25px rgba(0,0,0,0.16) !important;
*/
}
.header-chrome.overlay-header-container + .overlay-content {
padding-top: 0;
margin-top: 3.375em !important;
}
.thumbimage {
border-top-right-radius: 20px;
border-top-left-radius: 20px;
}
.thumb {
border-radius: 20px;
}
.content figcaption, .content .thumbcaption {
padding-left: 15px !important;
padding-right: 15px !important;
padding-bottom: 15px !important;
box-sizing: border-box;
padding-top: 10px !important;
color: var(--caption);
font-size: inherit;
}
.page-actions-menu__list-item > a {
font-weight: 400;
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text","Helvetica Neue",sans-serif;
color: var(--grey-text-color);
}
#main-menu-input:checked .mw-body {
transform: translate(-300px, 0) !important;
transition: transform 250ms ease-in-out;
}
.toggle-list__checkbox .mw-body {
transform: translate(-300px, 0) !important;
transition: transform 250ms ease-in-out;
}
/* ENHANCED SEARCH */
@keyframes search{
0% {
transform: translate(420px,0px) ;
}
100% {
transform: translate(0px,0px) ;
}
}
.overlay.search-overlay.visible {
right: 0 !important;
left: auto;
width: 420px;
height: auto;
height: 100%;
position: fixed;
transition: height 400ms ease-in-out;
box-shadow: -2px 0px 25px rgba(0,0,0,0.2) !important;
-webkit-animation: search 150ms linear forwards !important;
animation: search 150ms linear forwards !important;
}
.overlay-header-container.position-fixed, .overlay-footer-container.position-fixed {
border: 0;
}
.overlay-enabled #mw-mf-viewport {
transition: transform 150ms ease-in-out /*cubic-bezier(.2,.67,.25,.99)*/;
}
#mw-mf-viewport {
transform: inherit;
transition: transform 150ms ease-in-out /*cubic-bezier(.2,.67,.25,.99)*/;
max-width: 90%;
margin-right: auto;
margin-left: auto;
}
.overlay.search-overlay .overlay-title {
padding-left: 0px;
padding-top: 15px;
}
.overlay.search-overlay .search-box {
width: 420px;
}
.overlay.search-overlay .search {
margin-left:0px;
}
.overlay.search-overlay .spinner-container, .overlay.search-overlay .search-content, .overlay.search-overlay .results {
margin-left: 0;
width: 100%;
}
.overlay .header-container.header-chrome {
left: auto;
right: 0;
width: 420px !important;
background: transparent !important;
}
.overlay.search-overlay .overlay-title {
width: 100%;
}
.overlay-header .overlay-title {
padding: 10px;
}
@media screen and (min-width: 768px) {
.pre-content h1 {
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text","Helvetica Neue",sans-serif;
font-weight: 900;
font-size: 3em;
color: var(--text-color);
}
body, p {
font-size: 16px;
}
.content p {
margin: 0.8em 0 1.5em 0 !important;
line-height: 180%;
text-align: justify;
hyphens: auto;
-webkit-hyphens: auto;
}
}
.k-player{
background-color: transparent;
}
.k-player .control-bar {
border: 0;
background: #d4d4d4;
}
.minerva-header .branding-box {
opacity: 1;
}
.minerva-header {
border-top: none !important;
}
.header .search-box {
display: none;
}
.mw-parser-output .stack-container>div {
overflow: visible !important;
}
#mw-mf-page-left ul.hlist li a {
color: var(--link-color);
}
.overlay-header-container, .overlay-footer-container {
background: var(--translucent-background);
}
.content table.infobox {
background-color: #fff;
border: none;
}
.infobox th:nth-child(1) {
border-top: none !important;
}
#mw-mf-page-left {
right: 0;
top: 0;
left: inherit;
background: var(--translucent-background);
-webkit-transform: translate(100%,0);
-moz-transform: translate(100%,0);
-ms-transform: translate(100%,0);
transform: translate(100%,0);
}
#main-menu-input:checked ~ .main-menu-mask {
opacity: 1;
}
.mw-searchresults-has-iw .iw-resultset {
background: var(--infobox-background);
}
#main-menu-input:checked ~ body {
overflow: hidden !important;
}
.main-menu-mask {
background: rgba(0,0,0,0.2);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
/* Dark Mode */
html, body, #content, .mw-body, #mw-mf-page-center {
background: var(--body-background);
color: var(--text-color);
}
.mw-parser-output .hlist dd, .mw-parser-output .hlist dt, .mw-parser-output .hlist li {
color: #000;
}
.toggle-list__list {
background: var(--translucent-background);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
}
.toggle-list-item:hover {
background: var(--body-background);
}
.toggle-list-item__label {
color: var(--text-color);
}
#mw-usercssyoucanpreview {
background: #fff;
}
.mw-highlight {
background: var(--translucent-background);
border-radius: 20px;
border: 0;
}
.wikitable, table {
color: #000;
background: #fff;
}
.page-summary h2, .page-summary h3, .overlay.search-overlay li.page-summary .wikidata-description {
color: var(--text-color);
}
.unicode, .haudio {
filter: var(--filter);
}
.branding-box img {
filter: var(--filter);
}
.header .branding-box {
width: 0px;
transition: 100ms ease-in-out;
opacity: 1;
}
.header .branding-box h1 img, .header .branding-box a img {
transition: 250ms ease-in-out;
}
.mw-ui-icon-element, .mw-ui-icon-before:before {
filter: var(--filter);
}
.mw-ui-icon {
filter: var(--filter);
}
.oo-ui-popupWidget-popup .mw-ui-icon {
filter: none !important;
color: #000 !important;
}
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
color: #000;
}
.client-js .toc {
background-color: var(--whiteblack);
border-radius: 20px;
padding: 10px;
}
.client-js .toc .toctitle .toctogglespan + .mw-ui-icon {
top: inherit;
}
#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read, #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {
opacity: 1;
filter: var(--filter);
}
.minerva__tab-container .minerva__tab:visited, .minerva__tab-container .minerva__tab:hover, .minerva__tab-container .minerva__tab:active, .minerva__tab-container .minerva__tab.new, .minerva__tab-container .minerva__tab.new:visited, .minerva__tab-container .minerva__tab.new:active, .minerva__tab-container .minerva__tab.new:hover {
color: var(--text-color);
}
#mw-mf-page-left ul li a {
color: var(--text-color);
}
.content figure .thumbinner, .content .thumb .thumbinner {
border-radius: 20px;
border: none;
background: var(--infobox-background);
}
.thumbinner .trow {
overflow: hidden;
border-top-right-radius: 20px;
border-top-left-radius: 20px;
}
.content table caption {
background: transparent;
}
.infobox img {
background: rgba(255,255,255,0.7);
}
.overlay {
background: var(--translucent-background);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
}
.hatnote {
background: var(--whitegrey);
color: var(--caption);
border-radius: 8px;
margin: 7px 0px !important;
}
a {
color: var(--link-color);
}
a:visited {
color: var(--visited-link-color);
}
.content .infobox td:only-child, .content .infobox th:only-child {
}
.content .infobox th, .content .infobox td {
border-bottom: none;
padding: 10px 10px;
}
.infobox.geography .mergedtoprow td, .infobox.geography .mergedtoprow th {
border-top: none;
}
.infobox.geography td, .infobox.geography th {
border-top: none;
}
.infobox a, .wikitable a, table a {
color: #3366cc;
}
@media (prefers-color-scheme: dark) {
.content .infobox td:only-child, .content .infobox th:only-child {
background-color: transparent !important;
color: var(--text-color) !important;
}
.content .infobox tbody > tr > td, .content .infobox tbody > tr > th {
background-color: transparent !important;
color: var(--text-color) !important;
}
}
.infobox a:visited, .wikitable a:visited, table a:visited {
color: #6b4ba1;
}
.infobox img {
border-top-right-radius: 0 !important;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.infobox .thumb {
border-top-right-radius: 0 !important;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.infobox .thumbimage {
border-top-right-radius: 0 !important;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.overlay.search-overlay .clear {
display: block !important;
}
:root {
--translucent-background: rgba(255, 255, 255, 0.85);
--search-background: rgba(234, 236, 240, 0.8);
--infobox-background: rgba(255, 255, 255, 1);
--fancyinfobox-background: linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 96%,rgba(210,210,210,1) 100%);
--menu-background: rgba(255, 255, 255, 0.98);
--hatnote-background: rgba(234, 236, 240, 0.8);
--body-background: #eef0f2;
--text-color: #000000;
--link-color: #3366cc;
--visited-link-color: #6b4ba1;
--filter: none;
--caption: #54595d;
--image-border: none;
--whiteblack: #fff;
--whitegrey: #fff;
}
@media (prefers-color-scheme: dark) {
:root {
--translucent-background: rgba(75, 75, 75, 0.8);
--search-background: rgba(75, 75, 75, 0.8);
--infobox-background: rgba(75, 75, 75, 0.8);
--fancyinfobox-background: linear-gradient(180deg, rgba(75,75,75,0.8) 0%, rgba(75,75,75,0.8) 96%, rgba(130,130,130,0.9) 100%);
--menu-background: rgba(75, 75, 75, 0.96);
--hatnote-background: rgba(75, 75, 75, 0.5);
--body-background: #000;
--text-color: #fff;
--link-color: #9eb6e7;
--visited-link-color: #c0b0da;
--filter: brightness(0) invert(1);
--caption: #fff;
--image-border: 2px solid #fff;
--whiteblack: #000;
--whitegrey: rgba(75, 75, 75, 0.8);
}
}
/* Banner */
#searchInput {
border-radius: 10px;
}
@media screen and (min-width: 768px) {
}
.search-overlay {
z-index: 3;
}
#mw-mf-page-left ul {
padding-bottom: 0px;
padding-top: 22px;
}
#mw-mf-page-left {
z-index: 4;
}
#mw-mf-page-left ul li a {
color: var(--text-color);
}
#mw-mf-page-left ul li {
background: transparent;
border: none;
}
.overlay.search-overlay.visible {
overflow: scroll;
}
.overlay.search-overlay .results, .overlay.search-overlay .search-feedback {
background: transparent;
box-shadow: none;
}
.overlay.search-overlay li.page-summary {
margin-bottom: 20px;
margin-top: 10px;
border: 0;
box-shadow: none;
border-radius: 20px;
background: var(--whiteblack);
}
.page-list, .topic-title-list, .site-link-list {
overflow: visible;
}
.list-thumb.list-thumb-y, .results-list-container div {
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.overlay.search-overlay .search-content {
border-bottom: 0;
}
.overlay.search-overlay {
background: var(--search-background);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
}
.header-container.header-chrome {
background: var(--menu-background);
position: fixed;
top: 0;
right: 0;
z-index: 2;
box-sizing: border-box;
border: 0;
height: 65px;
/*
box-shadow: 3px 12px 25px rgba(0,0,0,0.16) !important;
*/
transition: all 250ms ease-in-out;
}
/* Targeting Safari for Backdrop Filter and Font size bug*/
@media not all and (min-resolution:.001dpcm) {
@media {
.header-container.header-chrome {
background: var(--translucent-background) !important;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
}
}
}
@media screen and (max-width: 768px) {
#mw-mf-viewport {
padding-top: 60px;
}
.thumb img {
width: calc(100% + 2px) !important;
}
.header-container.header-chrome {
width: 100%;
height: 55px !important;
}
.content figcaption, .content .thumbcaption {
color: var(--text-color);
padding: 15px !important;
}
.notifications-overlay.navigation-drawer {
top: 53px;
}
.minerva-header {
height: 100%;
}
}
.header-chrome.overlay-header-container + .overlay-content {
padding-top: 0;
margin-top: 3.375em;
}
.overlay-content {
z-index: 1;
}
.page-actions-menu {
border-top: 0;
border-bottom: 0;
}
#bodyContent {
margin-top: 20px;
}
/* Fonts */
.pre-content h1 {
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text","Helvetica Neue",sans-serif;
font-weight: 800;
color: var(--text-color);
font-size: 3em;
}
@media screen and (min-width: 768px) {
.thumbinner img {
width: 100% !important;
}
}
#content .gallerybox div.thumb {
background: none;
}
h2 .mw-headline {
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text","Helvetica Neue",sans-serif;
font-weight: 700;
font-size: 1.5em;
color: var(--text-color);
padding: 1em 0 0.2em 0;
}
.content .mw-parser-output > h2, .content .section-heading {
border-bottom: none;
}
h3 .mw-headline{
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text","Helvetica Neue",sans-serif;
font-weight: 600;
font-size: 25px;
color: var(--text-color);
}
h4 .mw-headline{
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text","Helvetica Neue",sans-serif;
font-weight: 500;
font-size: 18px;
color: var(--text-color);
}
body, p {
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text","Helvetica Neue",sans-serif;
font-weight: 300;
}
/* Visual Tweaks */
footer .last-modified-bar, .minerva-footer, footer > .post-content > h2 {
border-bottom: none;
border-top: none;
}
.ext-related-articles-card-list .ext-related-articles-card, .ext-related-articles-card-list .ext-related-articles-card:first-child, .ext-related-articles-card-list .ext-related-articles-card:last-child {
border-radius: 20px;
border: 0 !important;
}
.ext-related-articles-card-list .ext-related-articles-card-thumb {
border-bottom-left-radius: 20px;
border-top-left-radius: 20px;
}
.ext-related-articles-card-list .ext-related-articles-card > a:hover {
box-shadow: none;
}
.last-modified-bar.active {
border-radius: 8px;
padding-left: 20px;
padding-right: 20px;
}
.overlay.media-viewer .cancel {
top: 60px;
}
.infobox {
border-radius: 20px;
padding: 0;
}
table {
border-radius: 0px;
}
input {
border-radius: 10px;
}
.thumbimage {
border-top-right-radius: 20px;
border-bottom-right-radius: 0px;
border-top-left-radius: 20px;
border-bottom-left-radius: 0px;
box-shadow: none;
}
.header {
border-top: none;
height: 100%;
}
.overlay.search-overlay .header input {
border-radius: 10px;
border: 0;
}
.client-js #searchIcon {
display: block;
}
#mw-clearyourcache {
display: none;
}
.skin-minerva-search-trigger {
display: none;
}
.list-thumb.list-thumb-none {
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.content table.infobox {
background: var(--infobox-background);
color: var(--text-color);
border-radius: 20px;
}
table.infobox {
max-width: 350px;
}
.content table.infobox a {
color: var(--link-color);
}
.content table.infobox a:visited {
color: var(--visited-link-color);
}
thead {
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid #54595d;
border-color: rgba(84,89,93,0.3);
}
thead th {
background-color: rgba(234, 236, 240, 0.8) !important;
}
.hatnote a, .dablink a, .rellink a {
color: var(--link-color);
}
#mw-blocked-text {
background: var(--body-background) !important;
}
.user-block {
background: var(--whitegrey) !important;
}
/* Editor */
.oo-ui-toolbar-bar{
background-color: var(--translucent-background);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
color: var(--text-color);
}
.page-list.side-list .list-thumb, .topic-title-list.side-list .list-thumb, .site-link-list.side-list .list-thumb {
color: var(--text-color);
}
.mw-ui-icon {
height: auto;
}
.wikiEditor-ui-toolbar .oo-ui-iconElement-icon {
filter: none;
}
#usercssjsyoucanpreview {
background-color: var(--body-background);
}
.oo-ui-iconElement-icon {
filter: var(--filter);
}
.oo-ui-popupWidget-popup .oo-ui-iconElement-icon {
filter: none !important;
color: #000 !important;
}
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon, .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
filter: var(--filter);
}
.client-js .mw-edittools-section input[type="button"] {
color: var(--text-color);
}
/* Homepage Fixes */
#mp-right,#mp-left,#mp-topbanner,#mp-lower{
background: var(--infobox-background) !important;
border-radius: 20px;
border: 0 !important;
}
.page-Main_Page .mw-headline{
color: #000;
}
.page-Main_Page .mp-h2 {
border-radius: 8px;
}
.page-Main_Page table {
color: var(--text-color) !important;
}
.page-Main_Page #mw-mf-viewport {
padding-top: 100px;
}
Content Disclaimer
Informasi ini disarikan dari Wikipedia dan disajikan kembali untuk tujuan edukasi. Konten tersedia di bawah lisensi CC BY-SA 3.0. Kami tidak bertanggung jawab atas ketidakakuratan data yang bersumber dari kontribusi publik tersebut.
- The information displayed on this website is sourced in part or in whole from Wikipedia and has been adapted for the purpose of restating it. We strive to provide accurate and relevant information, however:
- There is no guarantee of absolute accuracy. Wikipedia is an open, collaborative project that can be edited by anyone, so information is subject to change.
- It is not intended to constitute professional advice. The content displayed is for informational and educational purposes only. For important decisions (e.g., medical, legal, or financial), please consult a professional.
- Content copyright. Wikipedia is licensed under the Creative Commons Attribution-ShareAlike License (CC BY-SA). This means that content may be reused with appropriate attribution and shared under a similar license.
- Responsible use. Any risk arising from the use of information from this website is entirely the responsibility of the user.