|
|
(84 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 */ |
| @media screen and (max-width: 850px) {
| | .sitenotice-shown .mw-indicators { |
| #p-logo-text a { | | top: 0.1em; |
| padding-top: 7px !important;
| |
| }
| |
| } | | } |
|
| |
|
| /* Timeless theme */ | | /* Wordmark logo */ |
| #mw-content-container {
| | .mw-wiki-title.wordmark img { |
| background: #9CC872 url(https://pikmin.wiki.gallery/images/timeless-bg.webp) fixed; | | width: 175px !important; |
| | height: auto !important; |
| } | | } |
| #mw-header-container, | | #p-logo-text a.wordmark { |
| #mw-header-nav-hack,
| | padding-top: 1px !important; |
| body {
| |
| background: #3d7a5d; | |
| } | | } |
| #mw-content h1.firstHeading,
| | @media screen and (max-width: 850px) { |
| #mw-content h1, #mw-content h2,
| | #p-logo-text a.wordmark { |
| #mw-page-header-links li.selected,
| | padding-top: 3px !important; |
| #mw-site-navigation .sidebar-chunk h3,
| | } |
| #mw-related-navigation .sidebar-chunk h3,
| |
| #personal .dropdown h3 {
| |
| border-color: #3d7a5d;
| |
| }
| |
| .color-left, .color-middle, .color-right,
| |
| .suggestions .suggestions-result-current {
| |
| background: #26573e; | |
| }
| |
| #mw-content-container {
| |
| border-color: #26573e;
| |
| }
| |
| | |
| /* Links */
| |
| a { color: #080; }
| |
| a:hover { color: #090; }
| |
| a:active { color: #060; }
| |
| a:visited { color: #070; }
| |
| a.new > * { color: unset !important; }
| |
| a.new, a.new:visited, a.new:hover { color: #bb0; }
| |
| 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: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, .mw-parser-output a.external, .link-https {
| |
| color: #0a0;
| |
| padding-right: 15px;
| |
| background: 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") center right no-repeat; | |
| } | | } |
|
| |
|
| /* Fixes */ | | /* Site notice */ |
| #whosonline {
| |
| margin-bottom: 2px !important;
| |
| }
| |
| #siteNotice .pikipediaBox { | | #siteNotice .pikipediaBox { |
| text-align: center !important; | | text-align: center !important; |
Line 67: |
Line 34: |
| } | | } |
|
| |
|
| /* Standard changes */ | | /* Infoboxes */ |
| #siteNotice {
| | .infobox { |
| font-size: 85%; | | border: 1px solid #AAA; |
| text-align: center; | | background-color: #F9F9F9; |
| margin: 0 !important;
| |
| } | | } |
| #siteNotice p {
| | .infobox.bordered td, |
| margin: 0; | | .infobox.bordered th { |
| | border: 1px solid #AAA; |
| } | | } |
| .mw-dismissable-notice-close { | | .infobox th, |
| margin: 0; | | .infoboxTitle { |
| cursor: pointer;
| | background: #CEF2E0; |
| } | | } |
| #localNotice, .mw-dismissable-notice {
| | |
| border: none !important;
| | /* Site boxes */ |
| background: none !important; | | .pikipediaBox, .mw-message-box, |
| box-shadow: none !important; | | .warningbox, body div.mw-warning-with-logexcerpt { |
| | background: #CEF2E0; |
| | border: 1px solid #A3BFB1; |
| } | | } |
| #localNotice > .mw-parser-output > :last-child { | | |
| margin-bottom: 0 !important; | | /* 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; |
| } | | } |
| #siteSub { | | .titledBoxTitle { |
| display: none !important; | | background: #cef2e0; |
| | border: 1px solid #a3bfb1; |
| } | | } |
| .mw-indicators { | | |
| margin: 0.25em 0 0 1em; | | /* Wiki tables */ |
| | .mw-parser-output table.wikitable > tr > th, |
| | .mw-parser-output table.wikitable > * > tr > th { |
| | background-color: #d8f0db; |
| } | | } |
| .usermessage {
| | |
| margin-top: 0.5em; | | /* Timeless theme */ |
| | #mw-content-container { |
| | background: #9CC872 url(https://pikmin.wiki.gallery/images/3/37/Vector_background.jpg) fixed; |
| } | | } |
| .mw-editsection a {
| | #mw-header-container, #mw-header-nav-hack, .mobile h2.list-header, body { |
| margin-right: 0;
| | background: #3d7a5d; |
| }
| |
| #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;
| |
| }
| |
| #mw-footer-container {
| |
| border-top: 0;
| |
| box-shadow: none;
| |
| }
| |
| #mw-footer-container a {
| |
| color: #fff;
| |
| background: none; | |
| padding: 0;
| |
| }
| |
| #mw-footer-container a:hover { | |
| text-decoration: underline;
| |
| }
| |
| body.page-Main_Page #lastmod {
| |
| display: none !important;
| |
| } | | } |
| | #personal .dropdown h3, |
| | #mw-page-header-links li.selected, |
| | #mw-site-navigation .sidebar-chunk h3, |
| | #mw-related-navigation .sidebar-chunk h3, |
| | #mw-content h1::after, #mw-content h2::after, |
| | #mw-content h1, #mw-content h2, |
| #mw-content h1.firstHeading { | | #mw-content h1.firstHeading { |
| margin-top: 0.25em; | | border-color: #3d7a5d; |
| overflow: visible;
| |
| } | | } |
| #contentSub {
| | .color-left, .color-middle, .color-right, |
| margin-bottom: 10px; | | .suggestions .suggestions-result-current { |
| | background: #26573e; |
| } | | } |
| #mw-content h1, #mw-content h2, | | #mw-content-container { |
| #mw-content h3, #mw-content h4,
| | border-color: #26573e; |
| #mw-content h5, #mw-content h6,
| |
| #mw-content dt {
| |
| margin-top: 1em; | |
| } | | } |
| #mw-content dd { | | |
| margin-bottom: 0.25em; | | /* Fixes */ |
| | #whosonline { |
| | margin-bottom: 2px !important; |
| } | | } |
| div.editOptions {
| | |
| margin-top: 0;
| | /* Green links */ |
| border-bottom-width: 1px; | | a, .toctogglelabel, .mw-special-CheckUser .mw-checkuser-paging-links { color: #080; } |
| | a:hover, a:visited:hover { color: #090; } |
| | a:active { color: #060; } |
| | a:visited { color: #070; } |
| | a.new > * { color: unset !important; } |
| | a.external, .mw-parser-output a.external, 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: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; } |
| | .mw-parser-output a.external, .link-mailto, .link-ftp, .link-irc, .link-audio, .link-video, .link-document { |
| | 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"); |
| } | | } |
| table {
| | .mw-parser-output a.external[href$=".pdf"], .mw-parser-output a.external[href$=".PDF"], |
| border-spacing: 2px;
| | .mw-parser-output a.external[href*=".pdf#"], .mw-parser-output a.external[href*=".PDF#"], |
| }
| | .mw-parser-output a.external[href*=".pdf?"], .mw-parser-output a.external[href*=".PDF?"], .link-document { |
| .infobox table { | | 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"); |
| 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;
| |
| }
| |
| 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;
| |
| }
| |
| #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;
| |
| }
| |
| .previewnote p, .successbox,
| |
| .errorbox, .warningbox,
| |
| .mw-revision {
| |
| padding-left: 1em;
| |
| padding-right: 1em;
| |
| }
| |
| #mw-content-text ol {
| |
| margin-left: 2em;
| |
| }
| |
| figure, .thumb {
| |
| clear: both !important;
| |
| max-width: none !important;
| |
| }
| |
| caption {
| |
| display: block;
| |
| }
| |
| table:not(.infobox) {
| |
| display: block;
| |
| overflow-x: auto !important;
| |
| overflow-y: hidden !important;
| |
| }
| |
| .mw-ui-container #userloginForm {
| |
| margin-right: 0;
| |
| }
| |
| .mw-ui-vform {
| |
| width: auto;
| |
| }
| |
| }
| |
| @media all and (min-width: 851px) {
| |
| .mw-warning-with-logexcerpt {
| |
| padding-left: 1em;
| |
| padding-right: 1em;
| |
| }
| |
| }
| |
| .mw-footer .footer-icons {
| |
| margin-bottom: 0.5em;
| |
| }
| |
| @media all and (min-width: 1100px) {
| |
| .mw-footer .footer-icons {
| |
| padding-top: 0.5em;
| |
| }
| |
| } | | } |
| | /* 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; } |
|
| |
|
| /* Recent changes options */ | | /* Green UI */ |
| @media all and (max-width: 850px) {
| | #searchInput:focus { |
| .rcoptions { | | box-shadow: inset 0 0 0 2px #26573e; |
| padding: 0.25em 1.25em;
| | outline: none; |
| } | |
| } | | } |
| | | form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type="submit"] { |
| /* OOUI */
| | background: #080; |
| @media all and (max-width: 850px) {
| | border-color: #080; |
| .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;
| |
| }
| |
| } | | } |
| | | form:not(.oo-ui-layout) button:not(:disabled):hover, form:not(.oo-ui-layout) input[type="submit"]:not(:disabled):hover, |
| /* Video widget */
| | form:not(.oo-ui-layout) button:not(:disabled):active, form:not(.oo-ui-layout) input[type="submit"]:not(:disabled):active { |
| .videoWidget.tnone:not(.thumb) { | | color: #fff; |
| margin-top: 0; | | background: #0a0; |
| margin-bottom: 0; | | border-color: #0a0; |
| } | | } |
| @media all and (max-width: 850px) {
| | form:not(.oo-ui-layout) button:not(:disabled):hover, form:not(.oo-ui-layout) input[type="submit"]:not(:disabled):hover, |
| .videoWidget {
| | form:not(.oo-ui-layout) button:not(:disabled):active, form:not(.oo-ui-layout) input[type="submit"]:not(:disabled):active { |
| display: block !important;
| | background: #060; |
| }
| | border-color: #060; |
| .autoResize, .mw-overflow {
| |
| padding-left: 0 !important;
| |
| padding-right: 0 !important;
| |
| }
| |
| .videoWidget .thumbimage {
| |
| border: 0;
| |
| }
| |
| .videoWidget.tleft,
| |
| .videoWidget.tright {
| |
| float: none;
| |
| padding: 0;
| |
| }
| |
| } | | } |
|
| |
|