MediaWiki:Gadget-Timeless.css: Difference between revisions

no edit summary
No edit summary
No edit summary
 
(41 intermediate revisions by the same user not shown)
Line 8: Line 8:
}
}


/* Custom indicators */
/* Indicators */
@media all and (max-width: 850px) {
.mw-indicators {
body .mw-indicators {
top: -0.25em;
position: unset !important;
}
top: unset !important;
.sitenotice-shown .mw-indicators {
right: unset !important;
top: 0.15em;
margin-top: -8px !important;
}
}
}
@media all and (min-width: 851px) {
@media all and (min-width: 851px) {
Line 24: Line 22:
}
}


/* Text logo (short) */
/* Wordmark logo */
.mw-wiki-title.wordmark img {
width: 165px !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: 3.5px !important;
}
}
}
}
Line 38: Line 43:
/* Timeless theme */
/* Timeless theme */
#mw-content-container {
#mw-content-container {
background: #9A9CA0 url(https://halo.wiki.gallery/images/timeless-bg.webp) fixed;
background: #9A9CA0 url(https://halo.wiki.gallery/images/timeless-bg.webp) no-repeat fixed 0 0 / cover;
}
}
#mw-header-container,
#mw-header-container, #mw-header-nav-hack, .mobile h2.list-header {
#mw-header-nav-hack {
background: #ddd;
background: #ddd;
}
}
body { background: #444; }
.color-left, .color-middle, .color-right,
.color-left, .color-middle, .color-right,
.suggestions .suggestions-result-current {
.suggestions .suggestions-result-current {
Line 59: Line 64:
#mw-content-container {
#mw-content-container {
border-color: #222;
border-color: #222;
}
body {
background: #444;
}
/* External links */
a.external, .mw-parser-output a.external, .link-https {
color: #36b;
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%2336b%22 d=%22M1.5 4.518h5.982V10.5H1.5z%22/%3E %3Cpath fill=%22%2336b%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;
}
}


Line 87: Line 82:
}
}


/* Echo extension */
/* No contribs link hover */
.mw-special-Notifications #contentSub,
a.mw-usertoollinks-contribs-no-edits:hover {
.mw-special-Notifications #mw-echo-pref-link {
color: #bd2020;
display: block !important;
}
@media all and (max-width: 981px) {
.mw-special-Notifications #contentSub,
.mw-special-Notifications #mw-echo-pref-link {
text-align: center !important;
}
}
}


/* Standard changes */
/* Bungie: Echo */
#p-banner, #mw-page-header-links a {
@media all and (max-width: 430px) {
text-decoration: none !important;
#personal-extra ul {
}
margin-right: 0 !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;
}
.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;
}
#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,
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 {
#pt-notifications-alert {
font-size: 1.6em;
margin-right: 0.5em !important;
}
}
#mw-editpage-watchlist-expiry {
}
display: none;
@media all and (max-width: 415px) {
}
#pt-notifications-alert {
#mw-content {
margin-right: 0 !important;
padding: 1em 16px;
}
}
}
#pt-notifications-notice {
@media all and (min-width: 720px) and (max-width: 850px) {
margin-right: 0.5em !important;
#mw-content {
padding: 1em 2em;
}
}
}
}
@media all and (max-width: 850px) {
@media all and (max-width: 400px) {
#p-logo-text {
#pt-notifications-alert {
position: absolute !important;
margin-right: 0.5em !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 {
#pt-notifications-notice {
display: none !important;
display: none !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;
}
}
}
}
@media all and (min-width: 1100px) {
@media all and (max-width: 365px) {
body:not(.bottom-cats) .catlinks-allhidden {
#pt-notifications-alert {
display: none !important;
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 {
/* Echo extension */
margin-bottom: 0.5em;
.mw-special-Notifications #contentSub,
.mw-special-Notifications #mw-echo-pref-link {
display: block !important;
}
}
 
@media all and (max-width: 981px) {
/* Recent changes options */
.mw-special-Notifications #contentSub,
@media all and (max-width: 850px) {
.mw-special-Notifications #mw-echo-pref-link {
.rcoptions {
text-align: center !important;
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;
}
}
}
}
 
.oo-ui-buttonSelectWidget,
/* Video widget */
.mw-echo-ui-notificationItemWidget-content-actions .mw-echo-ui-menuItemWidget-prioritized {
.gallerybox div.thumb {
margin-right: 0 !important;
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) {
body.mobile .mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
margin-top: 0;
height: 4em !important;
margin-bottom: 0;
}
}
@media all and (max-width: 850px) {
@media all and (min-width: 851px) {
.videoWidget {
body.mobile .mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
display: block !important;
top: 50px !important;
}
.autoResize, .mw-overflow {
padding-left: 0 !important;
padding-right: 0 !important;
}
.videoWidget .thumbimage {
border: 0;
}
.videoWidget.tleft,
.videoWidget.tright {
float: none;
padding: 0;
}
}
}
}
Line 483: Line 175:
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns:dc=%22http://purl.org/dc/elements/1.1/%22 xmlns:cc=%22http://creativecommons.org/ns%23%22 xmlns:rdf=%22http://www.w3.org/1999/02/22-rdf-syntax-ns%23%22 xmlns:svg=%22http://www.w3.org/2000/svg%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:sodipodi=%22http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd%22 xmlns:inkscape=%22http://www.inkscape.org/namespaces/inkscape%22 height=%2216%22 width=%2222%22 version=%221.1%22 id=%22svg5442%22 inkscape:version=%220.91 r13725%22 sodipodi:docname=%22arrow-down-grey.svg%22%3E %3Cmetadata id=%22metadata5452%22%3E %3Crdf:RDF%3E %3Ccc:Work rdf:about=%22%22%3E %3Cdc:format%3Eimage/svg%2Bxml%3C/dc:format%3E %3Cdc:type rdf:resource=%22http://purl.org/dc/dcmitype/StillImage%22 /%3E %3Cdc:title%3E%3C/dc:title%3E %3C/cc:Work%3E %3C/rdf:RDF%3E %3C/metadata%3E %3Cdefs id=%22defs5450%22 /%3E %3Csodipodi:namedview pagecolor=%22%23ffffff%22 bordercolor=%22%23666666%22 borderopacity=%221%22 objecttolerance=%2210%22 gridtolerance=%2210%22 guidetolerance=%2210%22 inkscape:pageopacity=%220%22 inkscape:pageshadow=%222%22 inkscape:window-width=%22687%22 inkscape:window-height=%22480%22 id=%22namedview5448%22 showgrid=%22false%22 inkscape:zoom=%2214.75%22 inkscape:cx=%2211%22 inkscape:cy=%228%22 inkscape:window-x=%22378%22 inkscape:window-y=%22148%22 inkscape:window-maximized=%220%22 inkscape:current-layer=%22svg5442%22 /%3E %3Cpath style=%22fill:%23000%3Bfill-opacity:1%22 d=%22m15.5 6l-5 5-5-5z%22 fill=%22%23797979%22 id=%22path5446%22 /%3E %3C/svg%3E");
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns:dc=%22http://purl.org/dc/elements/1.1/%22 xmlns:cc=%22http://creativecommons.org/ns%23%22 xmlns:rdf=%22http://www.w3.org/1999/02/22-rdf-syntax-ns%23%22 xmlns:svg=%22http://www.w3.org/2000/svg%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:sodipodi=%22http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd%22 xmlns:inkscape=%22http://www.inkscape.org/namespaces/inkscape%22 height=%2216%22 width=%2222%22 version=%221.1%22 id=%22svg5442%22 inkscape:version=%220.91 r13725%22 sodipodi:docname=%22arrow-down-grey.svg%22%3E %3Cmetadata id=%22metadata5452%22%3E %3Crdf:RDF%3E %3Ccc:Work rdf:about=%22%22%3E %3Cdc:format%3Eimage/svg%2Bxml%3C/dc:format%3E %3Cdc:type rdf:resource=%22http://purl.org/dc/dcmitype/StillImage%22 /%3E %3Cdc:title%3E%3C/dc:title%3E %3C/cc:Work%3E %3C/rdf:RDF%3E %3C/metadata%3E %3Cdefs id=%22defs5450%22 /%3E %3Csodipodi:namedview pagecolor=%22%23ffffff%22 bordercolor=%22%23666666%22 borderopacity=%221%22 objecttolerance=%2210%22 gridtolerance=%2210%22 guidetolerance=%2210%22 inkscape:pageopacity=%220%22 inkscape:pageshadow=%222%22 inkscape:window-width=%22687%22 inkscape:window-height=%22480%22 id=%22namedview5448%22 showgrid=%22false%22 inkscape:zoom=%2214.75%22 inkscape:cx=%2211%22 inkscape:cy=%228%22 inkscape:window-x=%22378%22 inkscape:window-y=%22148%22 inkscape:window-maximized=%220%22 inkscape:current-layer=%22svg5442%22 /%3E %3Cpath style=%22fill:%23000%3Bfill-opacity:1%22 d=%22m15.5 6l-5 5-5-5z%22 fill=%22%23797979%22 id=%22path5446%22 /%3E %3C/svg%3E");
}
}
}
/* Echo icons (black) */
#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read,
#pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {
opacity: 1 !important;
}
}