User:Raidarr/setup/Wiki styling

Base layout/documentation for QP's styling. To be expanded later. If you want to use this yourself, by all means.

Significant inspiration came from Kirby wiki.

Vector.css
/* Framwork for Qualitipedia vector layout - changes should be made carefully. Documented at qualitipedia.miraheze.org/User:Raidarr/setup/Wiki_styling. Edit version 0.82 */ /* Basic elements */ body, #mw-head, #mw-page-base, #mw-head-base {background-color:#008000;background-image:none!important;} body #pageWrapper {margin-right:10px;} body, input, button, select, .tabbernav li {font-family: "Trebuchet MS", Ubuntu, Waree, sans-serif;} div {color:black;} /* Content and footer */ .mw-footer {background-color:#color1;padding-bottom:45px;border-bottom-left-radius:0.2em;border:1px solid black;} /* Sidebar */ .vector-menu-portal {margin:0px;background:#color3;padding-left:10px!important;padding-right:5px!important;} .vector-menu-portal {border-bottom:1px solid #color2;border-top:1px solid #color2;border-right:1px solid black;border-left:1px solid black;} .vector-menu-portal:first-of-type {border-top-left-radius:0.2em;border-top-right-radius:0.2em;border-top:1px solid black;} .vector-menu-portal:last-of-type {border-bottom-left-radius:0.2em;border-bottom-right-radius:0.2em;border-bottom:1px solid black;} .vector-menu-portal .p-lang {border-top-left-radius:0.2em;border-top-right-radius:0.2em;} /* Tabs */ .vector-menu-tabs li {background-image: linear-gradient(to top, #color3, #color1)!important;border-bottom:1px solid black;} /* trim !i */ .vector-menu-tabs .selected {border-left:1px solid black;border-right:1px solid black;border-top:1px solid black;border-bottom:1px solid #color3;background-image:none!important;background:#color3;} .vector-menu-tabs .selected {border-top-right-radius:0.2em;border-top-left-radius:0.2em;border-bottom-right-radius:0.05em;border-bottom-left-radius:0.05em;margin-top:5px;line-height:3.5px;position:relative;z-index:2} .vector-menu-tabs li a {margin-bottom:-1px!important;} .vector-menu-tabs {padding-left:0px;} /* User links */ /* Thematic UI */
 * 1) mw-page-base {position:relative;z-index:0;}
 * 1) content {background-color:#color3;border-left:1px solid black;border-top:1px solid black;position:relative;z-index:1;}
 * 1) p-personal > div > ul {background:#color3;border:1px solid black;width:auto;right:-7px;}
 * 2) p-personal ul {padding-left:3px;padding-right:1em;border-bottom-left-radius:0.5em;border-bottom-right-radius:0.5em;}
 * 3) p-personal {top:0px;}
 * 1) searchInput {background:#color3;border:1px solid black;border-radius:0.2em;}

/* Non-core framework for theme integration */ /* Not ready; #siteNotice {background:#color2;padding:1em;border-radius:0.2em;border:1px solid black;margin-top:-5px;margin-bottom:5px;} */
 * 1) pt-logout, #pt-createaccount, #pt-login {background-color:white;padding:0 4px 3px 4px;margin-top:2px;border-radius:0.2em;border:1px solid black;}
 * 2) siteNotice {margin-top:-5px;margin-bottom:5px;}

/* Code for site functions can be found at MediaWiki:Common.css */

Common.css
/* Qualitipedia general styling, theme independent. Documented at qualitipedia.miraheze.org/User:Raidarr/setup/Wiki_styling. Edit version 0.82 */ /* Legacy tweaks */ .poem-nomargin p {margin: 0;} .spoiler {border: .1em dotted #808080;background: #fff;padding: .1em .2em;} .spoilerhidden, .spoilerhidden a, spoilerhidden a:visited, .spoilerhidden .new, .spoilerhidden .external, .spoilerhidden .extiw {color: #fff !important;background-image: none;}

/* Sitenotice code */ .sitenoticebox {border:1px solid #ccc;width:80%;min-width:320px;margin:auto;text-align:center;background:#eee;font-size:14px;font-weight:bold;padding:5px;margin-bottom:5px}

/* Corrections for SocialProfile */ .profile-actions {display:inline-block;padding-top:.5em;} .user-section-actions {display:inline-block;margin-top:0.25em;} .user-section-actions .action-left {margin-right:0.8em;} .user-articles-container .article-item-top {margin-bottom:1em;margin-top:-0.4em} .user-articles-container .article-item-top .article-title {margin-top: 0.2em;} .user-articles-container .article-item {margin-bottom: .8em;} .user-articles-container .article-item .article-title {margin-top: 0.2em;} body[class*="foe"] .relationship-action, body[class*="foe"] .relationship-textbox-title, body[class*="foe"] #message, body[class*="foe"] .relationship-buttons input:nth-child(1) {display:none;}
 * 1) profile-right {display:inline-block;float:none;padding-bottom: 1.65em;margin-top: 1em;}

/*Comment tweak to properly split sorting tools from the comments */ .c-order {margin-bottom: 1.5em;}
 * 1) comments-body span {margin-bottom:-0.5em;margin-right:0.5em;}

/* Blog post changes */ .listpages-container .listpages-item {margin-bottom: 1.2em;} .page-Special_CreateBlogPost #create-tagcloud, .page-Special_CreateBlogPost div.create-title, .page-Special_CreateBlogPost .categorytext, .page-Special_CreateBlogPost #pageCtg {display:none;}

/* Unskewing notices to be relative to content, not whole page */ .sitedir-ltr, .mw-dismissable-notice-body {margin:0!important}
 * 1) localNotice {margin:0 15% 0 15%;}

/* ManageWiki adjustments */
 * 1) managewiki {border-radius:0.2em;border:solid black 1px;}
 * 2) managewiki .oo-ui-menuLayout-menu {border-bottom:solid black 1px;}
 * 3) managewiki .managewiki-submit-formfields {padding-left:1em;}

/* Ban notice */ .warningbox {border: 1px solid darkred;background: #ffcfcf;}

/* Vanity code - request to local admins */

/* Changes for Vector appearance in specific can be found at MediaWiki:Vector.css */

Vanity
a[href="/wiki/User:Somename"] { font-family: "something", somethingelse; font-weight: obnoxiouslytiny; color: #987654;} If you know what CSS you want and it follows two rules - a), is not intrusive to reading per admin/bureaucrat discretion and b), is simple enough in the above format, you may request it be added to a QP wiki's local CSS. As a user, you should be in good standing and have a number of edits (at least reaching autoconfirmed) to make the request, which can be granted, refused or changed as QP management sees fit. This is a conventional rule, not explicitly defined in policy.