5,350
edits
MediaWiki:Gadget-Timeless.css: Difference between revisions
m
no edit summary
No edit summary |
mNo edit summary |
||
| (175 intermediate revisions by 2 users 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 */ | ||
/* | /* 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) { | |||
#p-logo-text a.wordmark { | |||
padding-top: 3px !important; | |||
} | |||
} | } | ||
/* | /* Site notice */ | ||
# | #siteNotice .pikipediaBox { | ||
text-align: center !important; | |||
margin-bottom: 5px !important; | |||
} | } | ||
# | #siteNotice .pikipediaBox p { | ||
margin: 0 !important; | |||
} | } | ||
# | @media all and (max-width: 850px) { | ||
#siteNotice .pikipediaBox { | |||
width: 100% !important; | |||
} | |||
} | } | ||
border | /* 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; | 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; | |||
} | } | ||
/* Timeless theme */ | |||
#mw-content-container { | |||
background: #9CC872 url(https://pikmin.wiki.gallery/images/3/37/Vector_background.jpg) fixed; | |||
} | } | ||
#mw-header-container, #mw-header-nav-hack, .mobile h2.list-header, body { | |||
background: #3d7a5d; | |||
} | } | ||
#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 { | |||
border-color: #3d7a5d; | |||
} | } | ||
.color-left, .color-middle, .color-right, | |||
.suggestions .suggestions-result-current { | |||
background: #26573e; | |||
} | } | ||
#mw-content-container { | |||
border-color: #26573e; | |||
} | } | ||
/* Fixes */ | |||
margin-bottom: | #whosonline { | ||
margin-bottom: 2px !important; | |||
} | } | ||
/* Green links */ | |||
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"); | |||
} | } | ||
.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#"], | |||
.mw-parser-output a.external[href*=".pdf?"], .mw-parser-output a.external[href*=".PDF?"], .link-document { | |||
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; } | |||
/* | /* Green UI */ | ||
#searchInput:focus { | |||
box-shadow: inset 0 0 0 2px #26573e; | |||
outline: none; | |||
} | } | ||
form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type="submit"] { | |||
background: #080; | |||
border-color: #080; | |||
} | |||
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; | |||
background: #0a0; | |||
border-color: #0a0; | |||
} | } | ||
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 { | |||
background: #060; | |||
border-color: #060; | |||
# | |||
} | } | ||
/* White text theme */ | /* White text theme */ | ||
#p-logo-text a { | #p-logo-text a { | ||
color: #fff; | color: #fff !important; | ||
} | } | ||
@media screen and (max-width:850px) { | @media screen and (max-width:850px) { | ||