MediaWiki:Gadget-Timeless.css: Difference between revisions

no edit summary
No edit summary
No edit summary
 
(17 intermediate revisions by the same user not shown)
Line 22: 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 45:
background: #9A9CA0 url(https://halo.wiki.gallery/images/timeless-bg.webp) no-repeat fixed 0 0 / cover;
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 57: Line 64:
#mw-content-container {
#mw-content-container {
border-color: #222;
border-color: #222;
}
body {
background: #444;
}
}


Line 78: Line 82:
}
}


/* Halopedia: Echo */
/* No contribs link hover */
@media all and (max-width: 390px) {
a.mw-usertoollinks-contribs-no-edits:hover {
color: #bd2020;
}
 
/* Bungie: Echo */
@media all and (max-width: 430px) {
#personal-extra ul {
margin-right: 0 !important;
}
#pt-notifications-alert {
margin-right: 0.5em !important;
}
}
@media all and (max-width: 415px) {
#pt-notifications-alert {
margin-right: 0 !important;
}
#pt-notifications-notice {
#pt-notifications-notice {
display: none !important;
margin-right: 0.5em !important;
}
}
}
}
@media all and (max-width: 350px) {
@media all and (max-width: 400px) {
#personal-extra li {
#pt-notifications-alert {
margin-right: 0 !important;
margin-right: 0.5em !important;
}
#pt-notifications-notice {
display: none !important;
}
}
}
}
@media all and (max-width: 325px) {
@media all and (max-width: 365px) {
#pt-notifications-alert {
#pt-notifications-alert {
display: none !important;
display: none !important;
Line 115: Line 138:
body.mobile .mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
body.mobile .mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
top: 50px !important;
top: 50px !important;
}
}
/* Standard changes */
p { margin: 0.5em 0 0.75em; }
#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,
.mw-indicators img {
margin: 0;
}
.usermessage {
color: #000;
font-weight: bold;
background: #fef6e7;
border: 1px solid #fc3;
padding: 0.5em 1em;
margin: 1em 0;
}
.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 {
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 {
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: 95px !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,
.mw-message-box, .errorbox, .warningbox, .successbox {
padding-left: 1em;
padding-right: 1em;
}
#mw-content-text ol {
padding-left: 0;
margin-left: 2em;
}
#mw-footer-container {
font-size: 90%;
}
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-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-chunk {
background: #fff;
}
.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;
}
}
}
}