Toggle search
Toggle menu
695
730
30
4.6K
The Petit Planet Wiki
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
More actions
Browse history interactively
← Older edit
No edit summary
mNo edit summary
 
(32 intermediate revisions by 3 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&family=Stack+Sans+Text:wght@200..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+KR:wght@400;700&family=Noto+Sans+SC:wght@400;700&family=Noto+Sans+TC:wght@400;700&family=Noto+Sans+Thai:wght@400;700&family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Noto+Sans+Avestan:wght@400;700&family=El+Messiri:wght@400;700&family=Noto+Sans+Hebrew:wght@400;700&display=swap');


/* Imports caching */
/* Imports caching */
Line 10: Line 11:
@import url("https://petitplanet.wiki/index.php?title=MediaWiki:Font.css&action=raw&ctype=text/css");
@import url("https://petitplanet.wiki/index.php?title=MediaWiki:Font.css&action=raw&ctype=text/css");
@import url("https://petitplanet.wiki/index.php?title=MediaWiki:Colors.css&action=raw&ctype=text/css");
@import url("https://petitplanet.wiki/index.php?title=MediaWiki:Colors.css&action=raw&ctype=text/css");
@import url("https://petitplanet.wiki/index.php?title=MediaWiki:Change History.css&action=raw&ctype=text/css");
@import url("https://petitplanet.wiki/index.php?title=MediaWiki:Hatnote.css&action=raw&ctype=text/css");
@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");


/* General Styling */
:root {
 
--unknown-img: url("https://petitplanet.wiki/images/d/dd/Unknown.png");
code {
    border: none;
    background-color: var(--theme-color-3);
    border-radius: 5px;
    padding: 2px 5px;
}
 
/* Cursor */
* {
    cursor: url("https://petitplanet.wiki/images/4/4c/Cursor.png") 0 0, default !important;
}
 
*::selection {
    background-color: var(--theme-accent-color);
    border-radius: 5px;
    color: var(--page-background-color)
}
}


Line 35: 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;
}
 
.vector-pinned-container , .vector-sticky-pinned-container {
    background-color: transparent;
}
 
.vector-sticky-pinned-container::after {
    background: none !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 {
  display: flex;
  justify-content: center;
  align-items: center;
}
 
.cdx-search-input--has-end-button {
    background-color: transparent !important;
    border: none !important;
}
 
.cdx-text-input__input {
    background-color: var(--page-background-color) !important;
    border-radius: 20px !important;
    border: none;
    margin-right: 20px !important;
}
 
.cdx-search-input__input-wrapper {
    margin-right: 10px !important;   
}
 
 
.cdx-typeahead-search .cdx-button:enabled, .cdx-typeahead-search .cdx-button.cdx-button--fake-button--enabled {
    background-color: #FFED76 !important;
    color: var(--page-background-color);
    font-family: 'Quicksand' !important;
    border: none;
    border-radius: 20px;
}
 
.skin-theme-clientpref-day .cdx-typeahead-search .cdx-button:enabled, .skin-theme-clientpref-day .cdx-typeahead-search .cdx-button.cdx-button--fake-button--enabled {
    color: var(--page-text-color);
}
 
.vector-icon {
    background-color: #fefdde !important;
}
 
#ca-uls span {
    color: #fefdde !important;
}
}


#pt-userpage-2 a:not(.mw-selflink) {
.mw-content-ltr ul.pipe_delimit {
    color: var(--theme-accent-color) !important;
     margin: 0px;
    font-weight: 700;
     margin-right: 5px;
}
}
 
.mw-content-ltr ul.pipe_delimit li {
.catlinks {
     display:inline;
    border-radius: 10px;
    border: none;
    background-color: var(--theme-color-1);
     padding: 10px 20px;
}
}
 
.mw-content-ltr ul.pipe_delimit li + li::before {
.mw-header {
     content: " | ";
     top: 10px;
}
}


.vector-header-container .vector-sticky-header {
.mw-logo-wordmark {
    margin-top: 20px;
     width: initial !important;
    background-color: var(--theme-accent-color) !important;
    border-radius: 50px;
     width: 80% !important;
    color: var(--page-text-color);
}
}


.skin-theme-clientpref-night .vector-header-container .vector-sticky-header , .skin-theme-clientpref-night .vector-header-container .vector-sticky-header span {
.mobileHide, .mobile-only, .no-desktop { display: none; }
    color: var(--page-background-color);
   
}


.skin-theme-clientpref-night .vector-header-container .vector-sticky-header .vector-icon , .skin-theme-clientpref-night .vector-header-container .vector-sticky-header button::after , .skin-theme-clientpref-night .vector-header-container .vector-sticky-header label::after {
/* Main page header */
     background-color: var(--page-background-color) !important;
.mp-header-container {
}
     background-color: var(--background-color-1);
 
#vector-sticky-header {
    width: 60% !important;
}
 
.vector-page-toolbar-container {
    box-shadow: none;
}
 
.vector-menu-tabs .mw-list-item.vector-tab-noicon, .vector-page-toolbar-container .vector-dropdown {
    margin: 0 5px !important;
}
 
#left-navigation .vector-menu-content-list li a , #p-views .vector-menu-content-list li a {
    background-color: var(--theme-color-2);
    padding: 5px 15px;
     border-radius: 20px;
     border-radius: 20px;
     border: none;
     padding: 1rem;
     font-weight: 700;
     margin-bottom: 1rem;
}
 
#left-navigation .vector-menu-tabs .mw-list-item.selected a , #p-views .selected a {
    background-color: var(--theme-accent-color) !important;
    color: var(--page-text-color) !important;
}
}


.skin-theme-clientpref-night #left-navigation .vector-menu-tabs .mw-list-item.selected a , .skin-theme-clientpref-night #p-views .selected a {
.skin-theme-clientpref-day .mp-header-wordmark img {
     color: var(--page-background-color) !important;
     filter: invert(1);
}
}
Retrieved from "https://petitplanet.wiki/MediaWiki:Common.css"