MediaWiki:Gadget-monobook-themed.css

/*==================================================	MAIN BODY

=
=====================================*/

body { background: var(--th-background); }

h2 { font-size: 1.7em; color: var(--th-color-primary); font-family: Coustard, "Linux Libertine", Georgia, Times, serif; text-shadow: 0 1px var(--th-color-tertiary); line-height: 10px; margin-bottom: 0.3em; margin-top: 1em; }

.mw-content-ltr .mw-editsection, .mw-content-rtl .mw-content-ltr .mw-editsection { font-family: sans-serif; }

.mw-content-ltr, .mw-editinginterface, .mw-rcfilters-ui-changesListWrapperWidget, .mw-specialpage-summary, ul.mw-contributions-list, p.mw-pager-navigation-bar, ul.mw-editfooter-list, .mw-editfooter-toggler, .oo-ui-labelElement .oo-ui-labelElement-label, .mw-datatable th, .mw-datatable td, .mw-body-content { font-size: 14px; } .mw-datatable th, .mw-datatable td { padding: 1px 5px; }

line-height: 0.8em; font-size: 1.8em; } line-height: 0.8em; }
 * 1) filehistory, #filelinks, #metadata {
 * 1) Table_structure, #Data_table {

.ui-menu .ui-menu-item a { font-size: 14px; }

.mw-editform #editpage-copywarn { font-size: 13px } .toc h2 { font-family: sans-serif; }

background: var(--th-color-tertiary); border-top-left-radius: 1em; border-bottom-left-radius: 1em; border-color: hsla(100, 100%, 100%, 0); }
 * 1) content {

font-size: 90%; }
 * 1) contentSub, #contentSub2 {

padding-top: 0; overflow: visible; color: var(--th-color-primary); font-family: Coustard, "Linux Libertine", Georgia, Times, serif; text-shadow: 0 1px var(--th-color-tertiary); font-size: 2em; }
 * 1) firstHeading {

.mw-headline { line-height: 13px; }

.mw-body-content { line-height: 1.6; }

.nookipedia-logo { background-image: var(--th-nookipedia-text-main-page) !important; }

.social-icon-discord { background-image: var(--th-discord) !important; }

.social-icon-twitter { background-image: var(--th-twitter) !important; }

.social-icon-instagram { background-image: var(--th-instagram) !important; }

.social-icon-facebook { background-image: var(--th-facebook) !important; }

a#logo { display:none; }

/*==================================================	FOOTER/CATEGORIES

=
=====================================*/

background-image: var(--th-nookipedia-footer); background-repeat: repeat-x; background-attachment: scroll; background-position: bottom; background-color: var(--th-color-tertiary); min-height: 10px; border-top: 2px solid var(--th-color-primary); border-bottom: #fabd2300; margin: 2em 0 0 0; overflow: hidden; padding: 1em 0 9em 0; text-align: center; font-size: 90%; color: #000000; }
 * 1) footer {

display: inherit !important; border-top: 3px solid #cccccc; padding-bottom: 2em; margin: 1em 0.2em 0; padding: 0.5em 0 0.5em; }
 * 1) catlinks {

.catlinks { border: 1px solid #a2a9b100; background-color: #f8f9fa00; }

/*==================================================	SIDEBAR

=
=====================================*/

.mw-wiki-logo { background-image: var(--th-logo); background-size: 150px; }

.portlet h3 { text-transform: capitalize; font-weight: normal; font-family: Coustard, "Linux Libertine", Georgia, Times, serif; color: var(--th-color-tertiary); background: transparent; display: inline; height: 1em; font-size: 16px; white-space: nowrap; background: var(--th-color-primary); border-top: 1px solid var(--th-color-primary); border-right: 1px solid var(--th-color-primary); border-radius: 10px !important; padding: 0.9em; }

padding-left: 0.5em; padding-right: 0.5em; font-weight: bold; font-family: Coustard, "Linux Libertine", Georgia, Times, serif; color: var(--th-color-tertiary); background-color: var(--th-color-primary); border-radius: 5px !important; }
 * 1) searchGoButton {

.mw-prefs-buttons { background: var(--nookipedia-bg-color); }

.pBody { background-color: var(--th-color-tertiary); border-radius: 10px; }

input.searchButton { margin-top: 1px; font-size: 95%; font-family: Coustard, "Linux Libertine", Georgia, Times, serif; color: var(--th-color-tertiary); background-color: var(--th-color-primary); border-radius: 5px !important; } .portlet li { padding: 0; margin: 0; list-style: var(--th-list); list-style-position: outside; font-size: 1.003em; line-height: 20px; } .generated-sidebar, border-top-right-radius: 1em; border-bottom-right-radius: 1em; border-top-left-radius: 1em; border-bottom-left-radius: 1em; border: 2px solid var(--th-color-primary); background-color: var(--th-color-primary); padding: 0; margin: 0 0 0.5em; width: 11.6em; }
 * 1) p-tb,
 * 2) p-search,
 * 3) p-lang {

/* Style Discord link in sidebar Adapted with permission from Runescape Wiki implementation by User: JaydenKieran https: //runescape.wiki/w/MediaWiki: Vector.css https: //runescape.wiki/w/User: JaydenKieran

Used on Nookipedia for Mediawiki:Vector.css */ list-style-image: none; }	background-color: #5865F2; border-radius: 5px; color: #fff !important; display: block; font-size: 12px; font-weight: 700; left: -18px; padding: 2px 0 1px calc(21px + 5.5px * 2); position: relative; transition: .2s ease; width: 103px; }	font-weight: 400; }	background: url(https://dodo.ac/np/images/f/f6/Discord_Icon_White.svg) no-repeat; background-size: 17px 13px; content: ''; height: 13px; left: 7px; position: absolute; top: 5px; width: 25px; }	background-color: #1122d7; text-decoration: none; }
 * 1) p-Community #n-Discord-Server {
 * 1) p-Community #n-Discord-Server a {
 * 1) p-Community #n-Discord-Server a::before {
 * 1) p-Community #n-Discord-Server a::after {
 * 1) p-Community #n-Discord-Server a: hover {

/*==================================================	LABELS

=
=====================================*/

padding: 0 0 0 1.14em; }
 * 1) p-New_Horizons-label {

padding: 0 0 0 2.9em; }
 * 1) p-search-label {

padding: 0 0 0 1.9em; }
 * 1) p-navigation-label,
 * 2) p-lang-label {

padding: 0 0 0 2em; }
 * 1) p-Categories-label {

padding: 0 0 0 1.7em; }
 * 1) p-Community-label {

padding: 0 0 0 2.5em; }
 * 1) p-Contents-label {

padding: 0 0 0 1.4em; }
 * 1) p-Maintenance-label {

padding: 0 0 0 3.2em; }
 * 1) p-tb-label {

/*==================================================	TOP NAV

=
=====================================*/

li#pt-userpage, li#pt-anonuserpage, li#pt-login { padding: 1px 0 2px 20px; background: url(https://dodo.ac/np/images/thumb/8/82/Furniture_NH_Inv_Icon.png/18px-Furniture_NH_Inv_Icon.png) top left no-repeat; }	padding: 0.5em 0.1em 0.4em 0.1em; text-align: center; }	font-family: Coustard, "Linux Libertine", Georgia, Times, serif; }
 * 1) p-search .pBody {
 * 1) p-personal {

text-transform: capitalize; }
 * 1) p-personal ul {

color: #000 !important; }
 * 1) pt-mytalk > .mw-echo-alert {

font-size: 12px; color: var(--th-p-text-color-mb); }
 * 1) p-personal li a {

background-color: rgba(255,255,255,0.5); }
 * 1) p-personal li a:hover {

background-color: var(--th-color-secondary); border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; padding-bottom: 5px; }
 * 1) p-cactions ul li,
 * 2) p-cactions ul li a {

background-color: var(--th-color-tertiary); border-color: hsla(100, 100%, 100%, 0); }
 * 1) p-cactions li.selected,
 * 2) p-cactions li a:hover,
 * 3) p-cactions li.selected a,
 * 4) p-cactions li {

background-color: var(--th-color-tertiary); color: var(--th-color-primary); padding: 0 0.8em 0.3em; padding-bottom: 0.3em; position: relative; z-index: 0; margin: 0; text-decoration: none; text-transform: capitalize; font-weight: normal; font-family: Coustard, "Linux Libertine", Georgia, Times, serif; font-size: 1.1em; }
 * 1) p-cactions li a {

/*==================================================	PARTIALLY IMPORTED CONTENT FROM "Nookipedia-Timeless.css"

=
====================================*/ /* TOC adjustments */ .mw-body .mw-parser-output h2 { border-bottom: none; font-family: 'Coustard'; }

div.toc { background-color: var(--th-img-thumbnail); border: none; border-radius: 10px; box-shadow: none; }

/* Image thumbnail adjustments */ div.thumbinner { background-color: var(--th-img-thumbnail); border: none; border-radius: 10px; box-shadow: none; padding: 1em; }

div.thumbinner div.thumbimage { border: none; border-radius: 5px; }

div.topicon { right:30px; position: absolute; top: 6em; display: block !important; }

/* Adjust font family on headers and lists */ .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt { font-weight: bold; font-family: sans-serif; } .mw-body h3 { font-size: 1.2em; } .mw-body h4, .mw-body h5, .mw-body h6 { font-size: 1.0em; } .mw-body dt { font-family: sans-serif; } .mw-body dd { margin-bottom: 0.01em; }

/* More TOC adjustments */ .mw-body .toc h2 { font-size: 1em; margin: 0; display: inline; font-weight: normal; } .toc .toctitle { direction: ltr; text-align: left; } .mw-body .mw-parser-output h1::after, .mw-body .mw-parser-output h2::after { content: ''; display: block; border-bottom: solid 2px #A2A9B1; overflow: hidden; margin-top: 0.1em; } .toctogglespan { float: right; } div.toc { background-color: var(--th-img-thumbnail); border: none; border-radius: 10px; box-shadow: none; display: table; padding: 1.25em 1.75em; margin-top: 1em; margin-bottom: 1em; min-width: 15em; }

/*==================================================	MOBILE ADJUSTMENTS

=
=====================================*/ @media screen and (min-width: 0px) and (max-width: 550px) { #p-cactions.mobile-menu-active, #p-personal.mobile-menu-active, #p-tb.mobile-menu-active, #p-lang.mobile-menu-active, #sidebar-mobilejs.mobile-menu-active { padding: 5px !important; background-color: var(--th-color-tertiary) !important; border: solid var(--th-color-primary) 2px !important; border-radius: 10px !important; min-width: 175px !important; }	#p-search .pBody { background: transparent; padding: 0; margin: 0 4em 0 0; border: none; }	#searchGoButton { padding-left: 0.5em; padding-right: 0.5em; font-weight: bold; color: transparent; background-color: transparent; border-radius: 5px !important; }	#searchInput { padding: 1em; box-sizing: border-box; border-radius: 15px; }	#searchform { position: relative; width: 100%; padding: 0 3px 9px; box-sizing: border-box; background: transparent; }	#p-search { margin: 0 5em; width: 80%; border: none; background-color: transparent; }	#menus-cover-background { background-color: transparent; background-image: none; }	.generated-sidebar, #p-tb, #p-lang { border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; border: none; background-color: transparent; padding: 0; margin: 0 0 0.5em; width: 11.6em; }	.portlet h3 { background-color: var(--th-color-primary) !important; border: 0px !important; color: var(--th-color-tertiary) !important; padding: 7px 10px 9px !important; margin: 0; text-align: center !important; border-radius: 5px !important; font-size: 1.2em; background-position: right 5px center; background-repeat: no-repeat; display: inline-block; width: 85%; font-family: Coustard,"Linux Libertine",Georgia,Times,serif; }	#content { background: var(--th-color-tertiary); border-top-left-radius: unset; border-bottom-left-radius: unset; border-color: hsla(100,100%,100%,0); }	.portlet li { padding: 0; margin: 0; list-style: var(--th-list); list-style-position: outside; font-size: 0.95em; line-height: 5px; margin: 0 0 .5em; }	#p-cactions-mobile li { display: inline-block; border: none; border-bottom: 0; margin-right: 0.5em; height: 2.5em; }	#echo-hack-badges #pt-notifications-alert .mw-echo-notifications-badge, #echo-hack-badges #pt-notifications-notice .mw-echo-notifications-badge { margin: 0; }	#p-cactions-mobile li a, #p-cactions-mobile li.selected a, #p-cactions-mobile li:hover a { background-color: transparent; }	.pBody { border-radius: 10px 10px 10px 10px; }	#f-list { display: grid; }	.generated-sidebar, #p-tb, #p-lang { margin: 0; width: 11.6em; }	li#pt-userpage, li#pt-anonuserpage, li#pt-login { padding: 1px 0 2px 0; background: unset; }	#p-cactions ul li, #p-cactions ul li a { background: unset; }	#p-personal li a { font-family: sans-serif; word-wrap: break-word; font-size: 0.95em; color: revert; }	#p-cactions ul li, #p-cactions ul li a { background: unset; font-family: sans-serif; word-wrap: break-word; font-size: 0.95em; color: revert; line-height: 10px; }

#p-navigation-label-mobilejs { display:none; }	#pt-mytalk, #pt-userpage, #pt-notifications, #pt-preferences, #pt-watchlist, #pt-mycontris, #pt-logout { line-height: 6px; }	h3 { font-size: 128%; display: contents; }	div.thumb { float: none; margin: 1em auto; }	h2 { font-size: 1.7em; color: var(--th-color-primary); font-family: Coustard,"Linux Libertine",Georgia,Times,serif; text-shadow: 0 1px var(--th-color-tertiary); line-height: normal; }	a#logo { background-image: var(--th-nookipedia-text); background-size: 200px; width: 200px; display: block; height: 5em; background-repeat: no-repeat; margin: 2em auto 0; }	#globalWrapper-toggle { display: none; } }