|
|
(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;
| |
| } | | } |
| } | | } |