MediaWiki:Common.css: Difference between revisions

Browse history interactively

← Older edit

@@ Line 15: / Line 15: @@
 @import url("https://petitplanet.wiki/index.php?title=MediaWiki:Infobox.css&action=raw&ctype=text/css");
 @import url("https://petitplanet.wiki/index.php?title=MediaWiki:Card.css&action=raw&ctype=text/css");
+@import url("https://petitplanet.wiki/index.php?title=MediaWiki:Recipe.css&action=raw&ctype=text/css");
+@import url("https://petitplanet.wiki/index.php?title=MediaWiki:CustomTabs.css&action=raw&ctype=text/css");
+@import url("https://petitplanet.wiki/index.php?title=MediaWiki:Item.css&action=raw&ctype=text/css");
+@import url("https://petitplanet.wiki/index.php?title=MediaWiki:Tooltip.css&action=raw&ctype=text/css");
+@import url("https://petitplanet.wiki/index.php?title=MediaWiki:Edittools.css&action=raw&ctype=text/css");
+@import url("https://petitplanet.wiki/index.php?title=MediaWiki:Formatting.css&action=raw&ctype=text/css");
-@import url("https://petitplanet.wiki/index.php?title=MediaWiki:Vector-2022.css&action=raw&ctype=text/css");
+:root {
+	--unknown-img: url("https://petitplanet.wiki/images/d/dd/Unknown.png");
-/* General Styling */
-code {
-    border: none;
-    background-color: var(--theme-color-3);
-    border-radius: 5px;
-    padding: 2px 5px;
-}
-*::selection {
-    background-color: var(--theme-accent-color);
-    border-radius: 5px;
-    color: var(--page-background-color)
 }
@@ Line 37: / Line 30: @@
 }
-body , h1, h2, h3, h4 {
+body, h1, h2, h3, h4 {
-     color: var(--page-text-color);
+     color: var(--color-base);
-}
-.mw-page-container {
-    background-color: var(--page-background-color) !important;
-    border-radius: 40px;
-    margin-top:20px;
-}
-.mw-header {
-    background-color: transparent !important;
-}
-a, a:visited , .vector-menu-tabs .mw-list-item a:visited , .vector-pinnable-element .mw-list-item a:not(.mw-selflink):visited, .vector-dropdown-content .mw-list-item a:not(.mw-selflink):visited {
-    color: var(--theme-link-color);
-}
-.cdx-radio__input:enabled:checked+.cdx-radio__icon {
-    border-color: var(--theme-link-color);
-}
-.cdx-radio__icon {
-    background-color: var(--theme-color-2);
-}
-pre {
-    border-radius: 10px;
-    border: none;
-    background-color: var(--theme-color-1);
-    color: var(--theme-color-10)
 }
-#p-search {
+.mw-content-ltr ul.pipe_delimit {
-  display: flex;
+    margin: 0px;
-  justify-content: center;
-  align-items: center;
 }
+.mw-content-ltr ul.pipe_delimit li {
-.cdx-search-input--has-end-button {
+     display:inline;
-     background-color: transparent !important;
-    border: none !important;
 }
+.mw-content-ltr ul.pipe_delimit li + li::before {
-.cdx-text-input__input {
+     content: " | ";
-    background-color: var(--page-background-color) !important;
-    border-radius: 20px !important;
-    border: none;
-     margin-right: 20px !important;
 }
-.cdx-search-input__input-wrapper {
+.mw-logo-wordmark {
-     margin-right: 10px !important;
+     width: initial !important;
 }
+.mobileHide, .mobile-only, .no-desktop { display: none; }
-.cdx-typeahead-search .cdx-button:enabled, .cdx-typeahead-search .cdx-button.cdx-button--fake-button--enabled {
+/* Main page header */
-     background-color: #FFED76 !important;
+.mp-header-container {
-    color: var(--page-background-color);
+     background-color: var(--background-color-2);
-    font-family: 'Inter' !important;
-    border: 1px solid #FFED76;
      border-radius: 20px;
+    padding: 1rem;
+    margin-bottom: 1rem;
 }
-.skin-theme-clientpref-day .cdx-typeahead-search .cdx-button:enabled, .skin-theme-clientpref-day .cdx-typeahead-search .cdx-button.cdx-button--fake-button--enabled {
+.skin-theme-clientpref-day .mp-header-wordmark img {
-    color: var(--page-text-color);
+     filter: invert(1);
-}
-#ca-uls span {
-    color: var(--page-text-color) !important;
-}
-#pt-userpage-2 a:not(.mw-selflink) {
-    color: var(--page-text-color) !important;
-    font-weight: 700;
-    margin-right: 5px;
-}
-#searchform > div > button:hover {
-     border: 1px solid var(--color-progressive);
-}
-.catlinks {
-    border-radius: 10px;
-    border: none;
-    background-color: var(--theme-color-1);
-    padding: 10px 20px;
-}
-.mw-header {
-    top: 10px;
 }