User:PopitTart/vector.css: Difference between revisions

From Pikipedia, the Pikmin wiki
Jump to navigation Jump to search
(horrid dark wip)
No edit summary
 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
/*
* Body.
*/
body {
/* Background of everything. */
background: #232 url(https://media.discordapp.net/attachments/855859134460329987/1264615331305881691/Untitled2103_20240721090937.jpg?ex=669e844e&is=669d32ce&hm=685f27c8a12b3b7d562ebd3fe193f291a37178e1a29e0843e5be1cd16d707781&=&format=webp&width=1317&height=741) center top;
}
@media all and (min-width: 1350px) {
/* Add a right padding on wider displays. */
body, #right-navigation {
padding-right: 11em;
}
}
/*
* Header.
*/
#mw-page-base {
/* Full-white header-like background that the Vector skin has. */
background: initial;
}
nav.vector-menu-tabs {
/* Tabs div. */
background: initial;
margin-left: 10px;
height: 37px;
}
nav.vector-menu-tabs ul {
/* Tabs ul. */
background: initial;
height: 37px;
}
nav.vector-menu-tabs ul > li {
/* Tabs. */
background: #242;
border: 2px solid #66b283;
border-radius: 10px 10px 0px 0px;
margin-right: 10px;
line-height: 0.5em;
}
nav.vector-menu-tabs li.selected {
/* Current tab. */
background: #222e;
padding-bottom: 2px;
border-bottom: 0;
}
.vector-menu-tabs, .vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
/* Remove blue from tabs. */
background: none;
}
.vector-menu-tabs-legacy .new a,
.vector-menu-tabs-legacy .new a:visited {
/* Non-existent page tab link color. */
color: #880;
}
#p-search {
/* Search container. */
margin-right: 10px;
}
#p-search form {
/* Search form. */
margin-top: 10px;
}
#searchInput, .rcoptions #tagfilter {
/* Search bar and RC tag filter. */
background: #222;
border-radius: 6px;
border: 1px solid #a2a9b1;
padding: 0.3em 0.4em 0.2em;
transition: border-color 250ms,box-shadow 250ms;
}
.rcoptions #tagfilter:hover {
/* RC tag filter hover. */
border-color: #72777d;
}
#searchButton {
/* Search button. */
background-position: center 5px;
}
#ca-watch, #ca-unwatch {
/* Watch/unwatch button. */
line-height: 2em;
}
/*
* Sidebar.
*/
#p-logo + .mw-portlet .vector-menu-heading {
/* Show "Navigation" header. */
display: block;
}
.vector-menu-portal .vector-menu-heading {
/* Section headers. */
color: #fff;
border-bottom: 1px solid #66b283;
margin-right: 10px;
}
#mw-panel .portal {
/* Sections. */
margin-top: 10px;
}
#mw-panel #p-logo + .portal,
#mw-panel .portal, #p-personal {
/* Sidebar sections, as well as header personal info box. */
padding: 6px;
padding-left: 10px;
border: 2px solid #fff8;
border-radius: 12px;
box-shadow: inset 0 0 20px #fff8;
background-color: #0004;
}
.vector-menu-portal .vector-menu-content ul {
/* Lists. */
list-style-image: url(https://pikmin.wiki.gallery/images/a/a5/Vector_bullet.png);
}
#p-personal {
/* Personal info box. */
padding: 0 10px 2px 0;
right: 0.33em;
}
#p-personal ul {
/* Personal info box list. */
padding-left: 0;
}
.vector-user-menu-legacy #pt-userpage a {
/* Logged-in user icon. */
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2213.836%22 viewBox=%220 0 12 13.836%22%3E %3Cpath fill=%22%233C8F5B%22 d=%22M1.938%2C6.656c-1.32%2C1.485-1.47%2C3.15-0.97%2C4.25c0.323%2C0.707%2C0.78%2C1.127%2C1.313%2C1.375 c0.496%2C0.229%2C1.074%2C0.273%2C1.658%2C0.282c0.023%2C0%2C0.04%2C0.03%2C0.062%2C0.03h4.187c0.61%2C0%2C1.225-0.125%2C1.75-0.405 c0.527-0.28%2C0.961-0.718%2C1.188-1.376c0.335-0.964%2C0.175-2.529-1.094-4.03C9.094%2C7.954%2C7.68%2C8.719%2C6.065%2C8.719 c-1.677%2C0-3.182-0.812-4.125-2.063H1.938z%22/%3E %3Cpath fill=%22%233C8F5B%22 d=%22M6.063%2C0c-1.89%2C0-3.595%2C1.674-3.594%2C3.563C2.467%2C5.45%2C4.173%2C7.155%2C6.06%2C7.155 c1.89%2C0%2C3.564-1.705%2C3.563-3.593C9.625%2C1.673%2C7.95%2C0%2C6.063%2C0L6.063%2C0z%22/%3E %3C/svg%3E");
}
.vector-user-menu-legacy #pt-userpage a,
.vector-user-menu-legacy #pt-anonuserpage {
/* User/anon icon position. */
background-position: left 5px;
}
/*
* Footer.
*/
#footer {
/* Footer. */
background: url(https://pikmin.wiki.gallery/images/8/83/Vector_banner.png) no-repeat right bottom;
min-height: 75px;
border-width: 8px;
border-bottom-style: solid;
border-image: linear-gradient(to right, rgba(242, 255, 192, 0), rgba(242, 255, 192, 255) 20%, rgba(242, 255, 192, 255) 80%, rgba(242, 255, 192, 0)) 1;
}
#footer::after {
/* Clear fix. */
content: '';
display: block;
clear: both;
}
/*
* Main text.
*/
#content {
/* Article body. */
background: #222e;
border-right-width: initial;
border: 2px solid #66b283;
border-radius: 14px;
}
.mw-body-content {
/* Article body. */
font-size: 11pt;
}
.pikipediaBox, .mw-message-box,
.messagebox, .errorbox, .warningbox, .successbox {
/* Pikipedia & MediaWiki boxes. */
background: #343;
border-radius: 8px;
}
.mw-indicators {
/* Game icons. */
top: 7px;
}
#localNotice {
/* Site notice. */
margin: -9px 0 6px;
}
#localNotice .pikipediaBox {
/* Site notice box. */
margin: 0 auto 5px;
}
/*
* Infoboxes.
*/
.infobox {
/* Infoboxes. */
border-radius: 8px;
}
.infobox th {
/* Headers. */
border-radius: 6px;
}
/*
* Navboxes.
*/
.navbox {
/* Navboxes. */
border-radius: 8px;
}
table.navbox th {
/* Headers. */
border-radius: 6px;
}


/*
h1 {
* Categories.
font-family: 'PikminPPT' !important;
*/
font-size: 2.5em !important;
#catlinks {
letter-spacing: .05em;
/* Categories box. */
color: #d8f0db;
border-radius: 8px;
text-shadow: .07em 0 #080, 0 .07em #080, 0 -.07em #080, -.07em 0 #080,
.05em .05em #080,  .05em -.05em #080,  -.05em .05em #080,  -.05em -.05em #080;
}
}


 
h2 {
/*
font-family: 'FOT-NewRodin Pro B' !important;
* Main page.
*/
.titledBox {
/* Section boxes. */
border-radius: 16px;
margin-top: 32px;
}
}


.titledBoxTitle {
h3, h4 {
/* Section box titles. */
font-family: 'FOT-NewRodin Pro DB' !important;
border-radius: 12px;
}
 
.main-page-left-col {
/* Left column. */
padding-right: 16px;
}
 
.main-page-right-col {
/* Right column. */
padding-left: 16px;
}
 
 
/*
* Edit page.
*/
.mw-editform .editOptions {
/* Edit options form. */
background: #343;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
}
 
 
/*
* Green UI elements.
*/
#mw-sidebar-button:focus {
border-color: #020;
box-shadow: inset 0 0 0 1px #020;
}
#searchInput:focus, #simpleSearch:hover #searchInput:focus,
.rcoptions #tagfilter:focus, .rcoptions #tagfilter:hover:focus {
border-color: #020;
box-shadow: inset 0 0 0 1px #020,inset 0 0 0 2px #fff;
}
.suggestions-result-current {
background-color: #242;
}
}

Latest revision as of 21:59, August 6, 2024

h1 {
	font-family: 'PikminPPT' !important;
	font-size: 2.5em !important;
	letter-spacing: .05em;
	color: #d8f0db;
	text-shadow: .07em 0 #080, 0 .07em #080, 0 -.07em #080, -.07em 0 #080,
	.05em .05em #080,  .05em -.05em #080,  -.05em .05em #080,  -.05em -.05em #080;
}

h2 {
	font-family: 'FOT-NewRodin Pro B' !important;
}

h3, h4 {
	font-family: 'FOT-NewRodin Pro DB' !important;
}