Pikipedia

MediaWiki:Gadget-Timeless.css: Difference between revisions

Message Discussion

MediaWiki:Gadget-Timeless.css (view source)

Revision as of 19:31, March 22, 2024

4,354 bytes removed ,  1 month ago
m
no edit summary
No edit summary
mNo edit summary
 
(46 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will affect users of the Timeless skin on both desktop and mobile */
/* CSS placed here will affect users of the Timeless skin on both desktop and mobile */


/* Text logo (short) */
/* Indicators */
.sitenotice-shown .mw-indicators {
top: 0.1em;
}
 
/* Wordmark logo */
.mw-wiki-title.wordmark img {
width: 175px !important;
height: auto !important;
}
#p-logo-text a.wordmark {
padding-top: 1px !important;
}
@media screen and (max-width: 850px) {
@media screen and (max-width: 850px) {
#p-logo-text a {
#p-logo-text a.wordmark {
padding-top: 7px !important;
padding-top: 3px !important;
}
}
}
}
Line 20: Line 32:
width: 100% !important;
width: 100% !important;
}
}
}
/* Infoboxes */
.infobox {
border: 1px solid #AAA;
background-color: #F9F9F9;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #AAA;
}
.infobox th,
.infoboxTitle {
background: #CEF2E0;
}
/* Site boxes */
.pikipediaBox, .mw-message-box,
.warningbox, body div.mw-warning-with-logexcerpt {
background: #CEF2E0;
border: 1px solid #A3BFB1;
}
/* Titled boxes */
.titledBox {
background: #ecf6ee url(https://pikmin.wiki.gallery/images/0/09/Vector_grass.jpg) bottom center;
border: 1px solid #66b283;
margin-top: 1em;
}
.titledBoxTitle {
background: #cef2e0;
border: 1px solid #a3bfb1;
}
/* Wiki tables */
.mw-parser-output table.wikitable > tr > th,
.mw-parser-output table.wikitable > * > tr > th {
background-color: #d8f0db;
}
}


Line 26: Line 76:
background: #9CC872 url(https://pikmin.wiki.gallery/images/3/37/Vector_background.jpg) fixed;
background: #9CC872 url(https://pikmin.wiki.gallery/images/3/37/Vector_background.jpg) fixed;
}
}
#mw-header-container,
#mw-header-container, #mw-header-nav-hack, .mobile h2.list-header, body {
#mw-header-nav-hack,
body {
background: #3d7a5d;
background: #3d7a5d;
}
}
Line 48: Line 96:
}
}


/* Search bar */
/* Fixes */
#searchInput:focus {
#whosonline {
box-shadow: inset 0 0 0 2px #26573e;
margin-bottom: 2px !important;
outline: none;
}
}


/* Links */
/* Green links */
a, .toctogglelabel { color: #080; }
a, .toctogglelabel, .mw-special-CheckUser .mw-checkuser-paging-links { color: #080; }
a:hover, a:visited:hover { color: #090; }
a:hover, a:visited:hover { color: #090; }
a:active { color: #060; }
a:active { color: #060; }
a:visited { color: #070; }
a:visited { color: #070; }
a.new > * { color: unset !important; }
a.new > * { color: unset !important; }
a.new, a.new:visited, a.new:hover { color: #bb0; }
a.external, .mw-parser-output a.external, a.extiw, .mw-parser-output a.extiw { color: #0a0; }
a.extiw, .mw-parser-output a.extiw { color: #0a0; }
a.external:hover, .mw-parser-output a.external:hover, a.extiw:hover, .mw-parser-output a.extiw:hover { color: #0b0; }
a.external:hover, .mw-parser-output a.external:hover, a.extiw:hover, .mw-parser-output a.extiw:hover { color: #0b0; }
a.external:active, .mw-parser-output a.external:active, a.extiw:active, .mw-parser-output a.extiw:active { color: #080; }
a.external:active, .mw-parser-output a.external:active, a.extiw:active, .mw-parser-output a.extiw:active { color: #080; }
a.external:visited, .mw-parser-output a.external:visited, a.extiw:visited, .mw-parser-output a.extiw:visited { color: #090; }
a.external:visited, .mw-parser-output a.external:visited, a.extiw:visited, .mw-parser-output a.extiw:visited { color: #090; }
a.external, .mw-parser-output a.external, .link-mailto, .link-ftp, .link-irc, .link-audio, .link-video, .link-document {
.mw-parser-output a.external, .link-mailto, .link-ftp, .link-irc, .link-audio, .link-video, .link-document {
color: #0a0;
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22%3E %3Cpath fill=%22%23fff%22 stroke=%22%230a0%22 d=%22M1.5 4.518h5.982V10.5H1.5z%22/%3E %3Cpath fill=%22%230a0%22 d=%22M5.765 1H11v5.39L9.427 7.937l-1.31-1.31L5.393 9.35l-2.69-2.688 2.81-2.808L4.2 2.544z%22/%3E %3Cpath fill=%22%23fff%22 d=%22M9.995 2.004l.022 4.885L8.2 5.07 5.32 7.95 4.09 6.723l2.882-2.88-1.85-1.852z%22/%3E %3C/svg%3E");
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22%3E %3Cpath fill=%22%23fff%22 stroke=%22%230a0%22 d=%22M1.5 4.518h5.982V10.5H1.5z%22/%3E %3Cpath fill=%22%230a0%22 d=%22M5.765 1H11v5.39L9.427 7.937l-1.31-1.31L5.393 9.35l-2.69-2.688 2.81-2.808L4.2 2.544z%22/%3E %3Cpath fill=%22%23fff%22 d=%22M9.995 2.004l.022 4.885L8.2 5.07 5.32 7.95 4.09 6.723l2.882-2.88-1.85-1.852z%22/%3E %3C/svg%3E");
}
}
Line 74: Line 119:
background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13'%3E%3Cpath fill='%23080' d='M7.5 2v3H10l1-1H8.5V1z'/%3E%3Cpath fill='%230a0' d='M3 1v10h8V4L8.5 1zm1 1h4l2 2.5V10H4z'/%3E%3C/svg%3E");
background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13'%3E%3Cpath fill='%23080' d='M7.5 2v3H10l1-1H8.5V1z'/%3E%3Cpath fill='%230a0' d='M3 1v10h8V4L8.5 1zm1 1h4l2 2.5V10H4z'/%3E%3C/svg%3E");
}
}
/* New links (yellow) */
a.new, a.new:hover, a.new:visited,
.new a, .new a:hover, .new a:visited,
a.mw-usertoollinks-contribs-no-edits { color: #bb0; }
a.new:visited:hover, .new a:visited:hover { color: #880; }


/* Fixes */
/* Green UI */
#whosonline {
#searchInput:focus {
margin-bottom: 2px !important;
box-shadow: inset 0 0 0 2px #26573e;
}
outline: none;
 
/* Standard changes */
#p-banner, #mw-page-header-links a {
text-decoration: none !important;
}
#siteNotice {
text-align: center;
}
#siteNotice, #siteNotice p,
.mw-dismissable-notice-close {
margin: 0;
}
.mw-dismissable-notice-close {
cursor: pointer;
}
#localNotice, .mw-dismissable-notice {
border: none !important;
background: none !important;
box-shadow: none !important;
}
#localNotice > .mw-parser-output > :last-child {
margin-bottom: 0 !important;
}
#siteSub {
display: none !important;
}
.mw-indicators {
margin: 0.25em 0 0 1em;
}
.mw-indicator {
margin: 0;
}
.usermessage {
margin-top: 0.5em;
}
.mw-editsection a {
margin-right: 0;
}
#content-bottom-stuff {
background: #f9f9f9;
}
#mw-header-nav-hack {
border-top: 0;
}
#p-pagemisc #ca-nstab-special {
display: none;
}
#catlinks {
border-top: 0;
padding: 0.75em 0 0.5em;
}
#footer-places {
margin-bottom: 0;
padding-bottom: 1em;
}
}
#mw-footer-container {
form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type="submit"] {
border-top: 0;
background: #080;
box-shadow: none;
border-color: #080;
}
}
#mw-footer-container a {
form:not(.oo-ui-layout) button:not(:disabled):hover, form:not(.oo-ui-layout) input[type="submit"]:not(:disabled):hover,
form:not(.oo-ui-layout) button:not(:disabled):active, form:not(.oo-ui-layout) input[type="submit"]:not(:disabled):active {
color: #fff;
color: #fff;
background: none;
background: #0a0;
padding: 0;
border-color: #0a0;
}
}
#mw-footer-container a:hover {
form:not(.oo-ui-layout) button:not(:disabled):hover, form:not(.oo-ui-layout) input[type="submit"]:not(:disabled):hover,
text-decoration: underline;
form:not(.oo-ui-layout) button:not(:disabled):active, form:not(.oo-ui-layout) input[type="submit"]:not(:disabled):active {
}
background: #060;
body.page-Main_Page #lastmod,
border-color: #060;
body.page-Main_Page #catlinks-sidebar {
display: none !important;
}
#mw-content h1.firstHeading {
margin-top: 0.25em;
overflow: visible;
}
#contentSub {
margin-bottom: 10px;
}
#mw-content h1, #mw-content h2,
#mw-content h3, #mw-content h4,
#mw-content h5, #mw-content h6,
#mw-content dt {
margin-top: 1em;
}
#mw-content dt {
font-family: inherit;
}
#mw-content dd {
margin-bottom: 0.25em;
}
div.editOptions {
margin-top: 0;
border-bottom-width: 1px;
}
table {
border-spacing: 2px;
}
.infobox table {
border-spacing: 0;
}
table td, table th {
padding: 2px 4px;
}
table.wikitable {
padding: 0;
}
blockquote {
margin-left: 0;
border-left: 3px solid #c8ccd1;
}
fieldset {
margin: 1em 0;
}
fieldset legend {
font-size: 1.1em;
padding: 0.5em 1.25em;
}
ul#filetoc {
border: 1px solid #eee;
}
.ns-special ul {
list-style: inherit;
}
.search-types ul {
list-style: none !important;
}
input[type="checkbox"],
input[type="radio"] {
box-shadow: none !important;
}
.thumb {
padding-bottom: 0;
}
.thumbcaption {
padding-left: 0.5em;
padding-right: 0.5em;
padding-bottom: 0;
min-height: 0;
}
div.tnone {
margin-top: 0.2em;
margin-bottom: 0.8em;
}
body.ns-14 .gallery,
body.ns-14 #mw-pages > .mw-content-ltr {
margin-bottom: 1em !important;
}
body.ns-special .content-header {
border-bottom: 0;
padding-bottom: 0;
}
body.ns-special #mw-content h2.mw-mf-title-wrapper {
font-size: 1.85em;
text-align: center;
border-bottom: 0;
margin: 0;
}
@media all and (max-width: 719px) {
.mw-body h1 {
font-size: 1.9em;
}
.mw-body h2 {
font-size: 1.6em;
}
#mw-editpage-watchlist-expiry {
display: none;
}
#mw-content {
padding: 1em 16px;
}
}
@media all and (min-width: 720px) and (max-width: 850px) {
#mw-content {
padding: 1em 2em;
}
}
@media all and (max-width: 850px) {
#p-logo-text {
position: absolute !important;
}
#siteNotice {
font-size: 85%;
}
#pagehistory {
font-size: 90%;
}
#personal-extra {
right: 7em;
z-index: 1;
}
#personal-extra li,
#p-namespaces li {
margin-right: 1em;
}
#p-views li, #p-more li {
margin-left: 1em;
}
.sidebar-inner li, .dropdown li {
padding: 0;
}
#menus-cover {
height: 150% !important;
overflow: visible !important;
}
.mw-body-content img {
max-width: 100% !important;
height: auto !important;
}
#searchInput {
padding-left: 10px;
}
#searchButton,
#mw-searchButton {
right: 1.25px !important;
}
#mw-content dl {
margin-block-start: 0;
margin-block-end: 0;
}
#mw-content {
padding: 1em 16px;
}
.mw-indicators {
position: absolute !important;
top: 97px !important;
right: 16px !important;
}
#mw-content .mw-indicators img {
height: 20px !important;
width: auto !important;
}
h2.list-header {
color: #001133;
padding: 0;
background: transparent;
}
ul.diff-summary-list,
ul.revision-history-links {
padding-left: 0;
}
.revision-history-prev + .revision-history-next {
margin-top: -19px;
}
.mw-revision, .previewnote p,
.errorbox, .warningbox, .successbox,
.mw-error-box, .mw-warning-box, .mw-success-box {
padding-left: 1em;
padding-right: 1em;
}
#mw-content-text ol {
padding-left: 0;
margin-left: 2em;
}
figure, .thumb {
clear: both !important;
max-width: none !important;
}
div.thumbimage {
max-width: max-content;
}
caption {
display: block;
}
table:not(.infobox) {
display: block;
overflow-x: auto !important;
overflow-y: hidden !important;
}
.mw-changeslist-legend {
display: none !important;
}
.mw-ui-container #userloginForm {
margin-right: 0;
}
.mw-editsection a {
font-size: 90%;
}
.mw-ui-vform {
width: auto;
}
}
@media all and (min-width: 851px) {
.mw-warning-with-logexcerpt {
padding-left: 1em;
padding-right: 1em;
}
}
@media all and (min-width: 1100px) {
body:not(.bottom-cats) .catlinks-allhidden {
display: none !important;
}
.sidebar-inner > #sidebar-hidden-catlinks:first-child {
display: inherit !important;
}
.mw-footer .footer-icons {
padding-top: 0.5em;
}
}
.mw-footer .footer-icons {
margin-bottom: 0.5em;
}
 
/* Recent changes options */
@media all and (max-width: 850px) {
.rcoptions {
padding: 0.25em 1.25em;
}
}
 
/* OOUI */
@media all and (max-width: 850px) {
.oo-ui-labelElement select {
margin: 0;
}
.oo-ui-fieldLayout-header label {
padding-left: 0;
}
.mw-warning-with-logexcerpt > p {
margin-top: 0;
}
#mw-Protect-Form fieldset {
padding: 0;
margin: 0.5em 0;
}
#mw-Protect-Form fieldset legend {
padding: 0.25em 0.5em;
}
#mw-Protect-Form input:not([type="checkbox"]),
#mw-Protect-Form select {
width: 100% !important;
}
}
 
/* Video widget */
.gallerybox div.thumb {
border: solid #eaecf0 !important;
border-width: 1px 1px 0.2em !important;
box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02);
}
.videoWidget.tnone:not(.thumb) {
margin-top: 0;
margin-bottom: 0;
}
@media all and (max-width: 850px) {
.videoWidget {
display: block !important;
}
.autoResize, .mw-overflow {
padding-left: 0 !important;
padding-right: 0 !important;
}
.videoWidget .thumbimage {
border: 0;
}
.videoWidget.tleft,
.videoWidget.tright {
float: none;
padding: 0;
}
}
}


Retrieved from "https://www.pikminwiki.com/Special:MobileDiff/238569...292623"