|
|
| (14 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| /* CSS placed here will affect users of the Nimbus skin */ | | /* CSS placed here will affect users of the Nimbus skin */ |
|
| |
|
| #site-logo { | | body { background: #fff url(https://halo.wiki.gallery/images/bodybg6.jpg) repeat-x center top / contain; } |
| padding-top: 10px;
| | #site-logo a { background-size: contain; } |
| margin: 0 0 -10px -4px;
| | #site-logo { margin: 0 0 -10px -4px; } |
| } | | #mw-indicator-rc { top: 22px; } |
|
| |
|
| #site-logo a {
| |
| width: 222px;
| |
| height: 164px;
| |
| display: block;
| |
| background: transparent no-repeat;
| |
| background-size: contain;
| |
| }
| |
| .client-nojs #site-logo a, | | .client-nojs #site-logo a, |
| .mw-special-Gadgets #site-logo a, | | .mw-special-Gadgets #site-logo a, |
| Line 22: |
Line 15: |
| .mw-special-CreateAccount #site-logo a, | | .mw-special-CreateAccount #site-logo a, |
| .mw-special-PasswordReset #site-logo a { | | .mw-special-PasswordReset #site-logo a { |
| background-image: url(https://halo.wiki.gallery/images/halopedia-john.png); | | background-image: url(https://halo.wiki.gallery/images/3/3c/HP-Logo2023.png), url(https://halo.wiki.gallery/images/7/71/HP-LogoJohnHINF2.png); |
| }
| |
| | |
| body {
| |
| text-align: unset;
| |
| background: #fff url(https://halo.wiki.gallery/images/bodybg6.jpg) repeat-x center top / contain;
| |
| }
| |
| ul {
| |
| list-style-type: square;
| |
| list-style-image: url(https://wiki.gallery/images/bullet.svg);
| |
| }
| |
| #container { text-align: unset; }
| |
| .mw-body { z-index: unset; } | |
| sup, sub { line-height: 1; }
| |
| .mw-notification-area-overlay,
| |
| .oo-ui-defaultOverlay {
| |
| font-size: 127%;
| |
| }
| |
| #jump-to-nav:not(:focus) {
| |
| height: 0;
| |
| overflow: hidden;
| |
| }
| |
| .special li {
| |
| line-height: 1.4em;
| |
| margin: 0;
| |
| }
| |
| #siteNotice {
| |
| font-size: 95%;
| |
| }
| |
| #siteNotice p {
| |
| margin: 0;
| |
| } | | } |
|
| |
|
| .mw-dismissable-notice,
| |
| #siteNotice > #localNotice {
| |
| background: #fff;
| |
| border: 2px solid #555;
| |
| border-radius: 1.4em;
| |
| padding: 3px 10px;
| |
| margin-bottom: 5px;
| |
| }
| |
| #localNotice {
| |
| margin: 0.25em 0;
| |
| }
| |
|
| |
| #site-header, #body-container {
| |
| z-index: auto;
| |
| }
| |
|
| |
| #article-body, #content {
| |
| overflow: hidden;
| |
| background: #fff;
| |
| border: 1px solid #D4DFD7;
| |
| padding: 10px 1em 0;
| |
| }
| |
|
| |
| .pagetitle {
| |
| font-size: 2.3em;
| |
| overflow: visible;
| |
| line-height: 0.85em;
| |
| padding-top: 11px;
| |
| margin-bottom: 1px;
| |
| }
| |
|
| |
| #contentSub {
| |
| margin-bottom: 10px;
| |
| }
| |
|
| |
| /* Temp fix IE 8 footer bug with show/hide templates */
| |
| #footer-container {
| |
| position: static;
| |
| }
| |
|
| |
| /* Hide heading on main page */
| |
| .page-Main_Page.action-view #article-text {
| |
| margin-top: 10px;
| |
| }
| |
| .page-Main_Page.action-view .pagetitle,
| |
| .page-Main_Page.action-view .subtitle {
| |
| display: none !important;
| |
| }
| |
|
| |
| /* Links */
| |
| a, #article-text .history-user a.extiw { color: #00f; }
| |
| a:active, #article-text .history-user a.extiw:active { color: orange; }
| |
| a:visited, #article-text .history-user a.extiw:visited { color: #00c; }
| |
| #article-text a.external[href^="https://www.halopedia.org"] { | | #article-text a.external[href^="https://www.halopedia.org"] { |
| color: #00f; | | color: #00f; |
| Line 120: |
Line 30: |
| } | | } |
|
| |
|
| p { margin: 0.6em 0 0.7em 0; }
| |
| h3 + dl, h4 + dl, h5 + dl {
| |
| margin-top: -0.1em;
| |
| }
| |
| .ns-talk p + dl, .ns-110 p + dl, | | .ns-talk p + dl, .ns-110 p + dl, |
| .rootpage-Halopedia_Changing_username p + dl { | | .rootpage-Halopedia_Changing_username p + dl { |
| Line 133: |
Line 39: |
| } | | } |
|
| |
|
| .bottom-left-nav { | | .pagetitle { |
| padding-bottom: 8px; | | font-size: 2.3em; |
| | padding-top: 11px; |
| } | | } |
| .bottom-left-nav-container {
| | #article-body, #content { |
| padding-bottom: 0;
| | border: 1px solid #D4DFD7; |
| }
| |
| #side-bar .item { | |
| margin-top: 3px;
| |
| margin-bottom: 5px;
| |
| }
| |
| #side-bar .item p {
| |
| margin: 0;
| |
| }
| |
| #side-bar .mp-activity {
| |
| padding: 0;
| |
| margin: 3px 0 1px;
| |
| }
| |
| | |
| /* Wider sub-menus */
| |
| .sub-menu {
| |
| width: 160px;
| |
| right: -160px;
| |
| box-shadow: 2px 2px 3px #999999;
| |
| }
| |
| | |
| /* Widen up search box, increase input font size */
| |
| #search-top { | |
| position: absolute;
| |
| top: 60px;
| |
| right: 0;
| |
| margin-right: 20px;
| |
| }
| |
| #searchInput {
| |
| height: 18px;
| |
| width: 240px;
| |
| font-size: 125%;
| |
| }
| |
| input.search-button {
| |
| float: left;
| |
| margin: 0 -5px 0 -1px;
| |
| }
| |
| #navigation {
| |
| margin-bottom: -4px;
| |
| border-radius: 10px; | |
| background: transparent;
| |
| box-shadow: 0 0 6px #555;
| |
| }
| |
| #search-title {
| |
| border-bottom: medium none;
| |
| color: #333333;
| |
| font-size: 16px;
| |
| font-weight: bold;
| |
| letter-spacing: -1px;
| |
| margin: 0 0 5px !important;
| |
| }
| |
| | |
| /* Move "more wikis" button to the left */
| |
| #sw-more-category {
| |
| left: 10px;
| |
| }
| |
| | |
| /* Spacing between avatar rows */
| |
| #footer-contributors img {
| |
| margin: 0 1px 3px 0;
| |
| }
| |
| | |
| /* Image tweak for Watch button */
| |
| #article-controls img {
| |
| padding-right: 4px;
| |
| }
| |
| | |
| /* Remove the background behind the tabs */
| |
| #action-bar {
| |
| background-color: transparent;
| |
| }
| |
| | |
| /* Replace rounded corners with square corners */
| |
| .tab-on span, .more-tab-on span {
| |
| background: none;
| |
| }
| |
| .tab-off span, .more-tab-off span {
| |
| background: none;
| |
| }
| |
| | |
| /* Header elements */
| |
| #header,
| |
| #action-bar {
| |
| z-index: 3;
| |
| }
| |
| #search-top { | |
| z-index: 4;
| |
| }
| |
| | |
| /* Remove top bar */
| |
| #header {
| |
| height: 0;
| |
| }
| |
| #sw-more-category {
| |
| display: none;
| |
| }
| |
| #wiki-login {
| |
| margin-top: 0;
| |
| background: #687F79;
| |
| padding: 4px 0 4px 10px;
| |
| }
| |
| #login-message {
| |
| margin: 1px 10px 0 1px;
| |
| }
| |
| | |
| /* Fix for the save preferences button being too far down */
| |
| .jsprefs#preferences {
| |
| padding-bottom: 55px;
| |
| }
| |
| | |
| /* Give the log out button text some hover color */
| |
| a.negative-button:hover {
| |
| color: #941A00;
| |
| }
| |
| | |
| /* Article tabs */
| |
| #article-tabs {
| |
| top: 6px;
| |
| } | | } |
| #navigation-title, #footer-container h2, | | #navigation-title, #footer-container h2, |
| #other-links a, #article-tabs a, #article-tabs div { | | #other-links a, #article-tabs a, #article-tabs div { |
| color: #3B4744; | | color: #3B4744; |
| }
| |
| #other-links a:hover, #article-tabs a:hover, #article-tabs div:hover {
| |
| color: #000;
| |
| }
| |
|
| |
| /* Categories box */
| |
| .catlinks {
| |
| margin-top: 10px;
| |
| } | | } |
|
| |
|
| /** Vector-style nav **/
| | #navigation-title { background: url(https://halo.wiki.gallery/images/nav-top.png) no-repeat scroll left bottom #D4DFD7; } |
| #article-tabs {
| | #other-links { background: url(https://halo.wiki.gallery/images/nav-bottom.png) no-repeat scroll left top #D4DFD7; } |
| left: -3px;
| |
| }
| |
| .tab-on, .more-tab-on {
| |
| background: linear-gradient(to top, rgb(255, 255, 255) 75%, rgba(255, 255, 255, 0) 100%) !important;
| |
| }
| |
| .tab-off, .more-tab-off {
| |
| background: linear-gradient(to top, rgb(240, 234, 214) 75%, rgba(255, 255, 255, 0) 100%) !important;
| |
| }
| |
| | |
| /** Log-in bar **/
| |
| #wiki-login {
| |
| border-radius: 0 0 0 0.7em;
| |
| }
| |
| | |
| /** Sidebar **/
| |
| .menu-item {
| |
| background: #fff !important;
| |
| }
| |
| #social-icons > a + a {
| |
| margin-left: 2px;
| |
| }
| |
| #other-links a {
| |
| width: 92px;
| |
| }
| |
| | |
| #navigation-title { | |
| background: url(https://halo.wiki.gallery/images/nav-top.png) no-repeat scroll left bottom #D4DFD7;
| |
| border-radius: 10px 10px 0 0;
| |
| line-height: 28px;
| |
| text-align: center;
| |
| } | |
| #other-links { | |
| background: url(https://halo.wiki.gallery/images/nav-bottom.png) no-repeat scroll left top #D4DFD7;
| |
| border-radius: 0 0 10px 10px;
| |
| padding: 5px 7px 3px 8px;
| |
| }
| |
| #other-links-container {
| |
| background-color: transparent;
| |
| }
| |
| | |
| /** Discord button **/
| |
| #menu #discord-button {
| |
| color: #fff !important;
| |
| font-size: 11px;
| |
| font-weight: bold;
| |
| border-radius: 5px;
| |
| border: 1px solid #4b56d0;
| |
| background-color: #5865F2;
| |
| position: relative;
| |
| padding: 2px 4px 3px 25px;
| |
| box-shadow: 0 2px 3px rgba(0,0,0,0.1);
| |
| transition: 0.2s ease;
| |
| top: -1px;
| |
| }
| |
| @-moz-document url-prefix() {
| |
| #menu #discord-button {
| |
| top: -2px;
| |
| }
| |
| }
| |
| #menu #discord-button::before {
| |
| content: '';
| |
| background: url(https://halo.wiki.gallery/images/discord-icon.svg) no-repeat;
| |
| background-size: 17px 13px;
| |
| filter: drop-shadow(0 1px 1px rgba(0,0,0,0.1));
| |
| position: absolute;
| |
| top: 2px;
| |
| left: 4px;
| |
| width: 17px;
| |
| height: 13px;
| |
| }
| |
| #menu #discord-button::after {
| |
| content: ' chat';
| |
| font-weight: normal;
| |
| opacity: 0.85;
| |
| }
| |
| #menu #discord-button:hover {
| |
| text-decoration: none;
| |
| background-color: #525ee0;
| |
| }
| |
| | |
| /** Footer position **/
| |
| #footer-container {
| |
| height: 143px;
| |
| border-radius: 0 0 0.7em 0.7em;
| |
| }
| |
| #footer-container, #footer-bottom {
| |
| margin: 0 10px 0 220px;
| |
| }
| |
| #footer-bottom {
| |
| margin-bottom: 5px;
| |
| }
| |
| #footer-actions, #footer-contributors {
| |
| width: 45%;
| |
| }
| |
| #footer-contributors {
| |
| padding: 10px 0 0 0;
| |
| }
| |
| | |
| /* Indicator icons */
| |
| .mw-indicators {
| |
| font-size: 95%;
| |
| }
| |
| .mw-indicator {
| |
| display: inline-block;
| |
| }
| |
| #mw-indicator-rc {
| |
| top: 23px;
| |
| }
| |
| | |
| /* No white border around gallery boxes */
| |
| li.gallerybox {
| |
| border-color: transparent;
| |
| }
| |
| | |
| /* Keep create account benefits up top */
| |
| .mw-special-CreateAccount #userloginForm {
| |
| margin-right: 83px;
| |
| }
| |
| | |
| /* Fix file upload window in editor */
| |
| .oo-ui-windowManager-modal > .oo-ui-dialog {
| |
| z-index: 15 !important;
| |
| }
| |
| .oo-ui-window-frame {
| |
| font-size: 130%;
| |
| }
| |
| | |
| /* Widget popups */
| |
| .oo-ui-popupWidget-popup {
| |
| font-size: 12px;
| |
| }
| |
| | |
| /* Nimbus 2020 update */
| |
| .mw-skin-nimbus-actiontab {
| |
| border-radius: 0;
| |
| }
| |
| #article-tabs div {
| |
| cursor: pointer;
| |
| }
| |
| .article-more-actions {
| |
| width: 94px;
| |
| }
| |
| #footer-container p {
| |
| margin: 0;
| |
| font-size: 10px;
| |
| }
| |
| #footer-container p:last-of-type {
| |
| margin-bottom: 13px;
| |
| }
| |
| #footer-actions a {
| |
| display: table-row;
| |
| }
| |
| #footer-bottom a:hover,
| |
| #footer-container a:hover {
| |
| text-decoration: underline;
| |
| }
| |
| | |
| /* Echo support */
| |
| #mw-echo-ui-overlay {
| |
| font-size: 12px;
| |
| }
| |
| #wiki-login > li {
| |
| float: left;
| |
| list-style: none;
| |
| margin: 4px 5px -6px 0
| |
| }
| |
| #wiki-login > li:last-of-type {
| |
| margin-right: 10px;
| |
| }
| |
| | |
| /* Echo extension */
| |
| .oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-iconElement > .oo-ui-buttonElement-button {
| |
| padding-left: 3em;
| |
| }
| |
| .mw-echo-ui-specialHelpMenuWidget-menu {
| |
| font-size: 14px;
| |
| }
| |
| #pt-notifications-alert .mw-echo-notifications-badge,
| |
| #pt-notifications-notice .mw-echo-notifications-badge {
| |
| top: -5px;
| |
| }
| |
| | |
| /* Echo icons (white) */
| |
| #wiki-login .oo-ui-icon-bell {
| |
| background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Ebell%3C/title%3E%3Cpath fill=%22%23fff%22 d=%22M16 7a5.38 5.38 0 00-4.46-4.85C11.6 1.46 11.53 0 10 0S8.4 1.46 8.46 2.15A5.38 5.38 0 004 7v6l-2 2v1h16v-1l-2-2zm-6 13a3 3 0 003-3H7a3 3 0 003 3z%22/%3E%3C/svg%3E");
| |
| }
| |
| #wiki-login .oo-ui-icon-tray {
| |
| background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Etray%3C/title%3E%3Cpath fill=%22%23fff%22 d=%22M3 1a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V3a2 2 0 00-2-2zm14 12h-4l-1 2H8l-1-2H3V3h14z%22/%3E%3C/svg%3E");
| |
| }
| |
| | |
| /* OOUI fixes */
| |
| .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header,
| |
| .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
| |
| width: 35%;
| |
| }
| |
| .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
| |
| padding-left: 12px;
| |
| } | |