|
|
| (54 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| /* CSS placed here will be applied to all skins on desktop */
| |
|
| |
|
| /* Navbox style
| | .mw-logo-wordmark { |
| Edit here: https://www.khwiki.com/MediaWiki:Gadget-NavboxStyle.css
| | display: none !important; |
| Staff highlights
| | } |
| Edit here: https://www.khwiki.com/MediaWiki:Gadget-StaffHighlights.css */
| |
|
| |
|
| /* Indicator icons */
| | .mw-anon-user #vector-page-tools-dropdown, |
| .mw-indicators { | | .mw-anon-user #p-tb, |
| display: flex;
| | .mw-anon-user .vector-column-end { |
| | display: none !important; |
| } | | } |
|
| |
|
| /* Random logo */
| | .mw-page-container, |
| #p-logo a { background: transparent no-repeat; }
| | .mw-content-container, |
| .client-nojs #p-logo a,
| | .vector-sticky-header { |
| .mw-special-Gadgets #p-logo a,
| | max-width: none !important; |
| .mw-special-Userlogin #p-logo a,
| |
| .mw-special-Preferences #p-logo a,
| |
| .mw-special-ChangeEmail #p-logo a, | |
| .mw-special-ResetTokens #p-logo a, | |
| .mw-special-BotPasswords #p-logo a, | |
| .mw-special-CreateAccount #p-logo a,
| |
| .mw-special-PasswordReset #p-logo a {
| |
| background-image: url(https://kh.wiki.gallery/images/b/bc/Wiki.png);
| |
| } | | } |
|
| |
|
| /* Main page */
| | .mw-logo-icon { |
| @media all and (min-width: 551px) {
| | width: 160px !important; |
| body.page-Main_Page.action-view #content {
| | height: 160px !important; |
| overflow: visible;
| |
| z-index: 5;
| |
| }
| |
| } | | } |
| body.page-Main_Page.action-view .mw-parser-output table img { | | |
| min-width: 15px !important;
| | /* Full-width banner at the absolute top, behind everything */ |
| max-width: 100% !important;
| | body { |
| height: auto !important;
| | background-image: url('https://wiki.thehumanserver.org/images/9/9e/Wiki_background_top.png'); |
| | background-repeat: no-repeat; |
| | background-position: center top; |
| | background-size: 100% auto; /* Forces image to fit screen width */ |
| | background-attachment: scroll; /* Use 'fixed' if you want it to stay when scrolling */ |
| } | | } |
|
| |
|
| /* KHWiki tabber */ | | /* Vector-2022 Specific: Make the skin's main containers transparent to reveal the banner */ |
| .infobox .tabbernav { | | .mw-page-container, |
| font-size: 90%;
| | .mw-header, |
| | .vector-sticky-header { |
| | background-color: transparent !important; |
| } | | } |
| .tabber.info { | | |
| float: right;
| | |
| display: block;
| | .mw-header { |
| margin: 0 0 0.5em 1em;
| | margin-top: 10px; |
| } | | } |
| .tabber.info .nav {
| | #content { |
| display: block !important;
| | background-color: #2f2f2f; |
| } | | } |
| .tabber.info .infobox > tbody > tr:nth-child(2) img { | | .vector-user-links { |
| max-width: 100% !important;
| | position: fixed; |
| height: auto !important;
| | top: 10px; |
| | right: 20px; |
| | z-index: 1000; |
| | transform: scale(1.2); |
| | transform-origin: top right; |
| | background: rgba(0, 0, 0, 0.5); |
| | padding: 5px 10px; |
| | border-radius: 8px; |
| } | | } |
| .tabber.info table { | | |
| float: none !important;
| | .vector-user-links .vector-icon { |
| width: auto !important;
| | width: 24px; |
| display: block !important;
| | height: 24px; |
| max-width: none !important;
| |
| overflow-x: auto !important;
| |
| margin: 0 !important;
| |
| } | | } |
| .tabber.info tbody {
| | |
| width: 100% !important;
| | a { |
| display: table !important;
| | color: #d1d1d1 !important; |
| } | | } |
|
| |
|
| /* Infobox templates */
| | |
| .infobox {
| | a:visited { |
| float: right;
| | color: #A8A9AD !important; |
| clear: right;
| |
| margin: 0 0 0.5em 1em;
| |
| padding: 2px;
| |
| }
| |
| .infobox.journal,
| |
| .infobox.journal-green {
| |
| padding: 2px 1em 1em;
| |
| } | | } |
|
| |
|
| /* Notice templates */
| | a:hover { |
| table + #stub {
| | color: #e0e0e0 !important; |
| margin-top: 10px;
| | text-decoration: underline; |
| }
| |
| .notice-template {
| |
| width: 95%;
| |
| margin: 0 auto 10px;
| |
| }
| |
| #mw-imagepage-content .notice-template { | |
| margin: 5px auto !important;
| |
| }
| |
| .notice-template + .notice-template {
| |
| margin-top: -5px;
| |
| } | | } |
|
| |
|
| /* Video tables */
| |
| table.video {
| |
| margin: 5px auto;
| |
| }
| |
|
| |
|
| /* Suite tabs */
| | @media screen and (max-width: 1919px) { |
| .suite_tab {
| |
| display: inline;
| |
| background: #fff;
| |
| background: linear-gradient(top,#eee,#fff);
| |
| box-shadow: 2px 2px 4px #333;
| |
| }
| |
|
| |
|
| /* Forum formatting */
| | .mobile-card-table, |
| .forumlist td.forum_edited a { | | .mobile-card-table tbody, |
| color: #000;
| | .mobile-card-table tr, |
| text-decoration: none;
| | .mobile-card-table td { |
| }
| | display: block !important; |
| .forumlist td.forum_title a { | | width: 100% !important; |
| padding-left: 20px;
| | box-sizing: border-box; |
| }
| | border: none !important; |
| .forumlist td.forum_title a.forum_new { | | } |
| font-weight: bold;
| |
| background: url(https://kh.wiki.gallery/images/forum_new.gif) center left no-repeat;
| |
| padding-left: 20px;
| |
| }
| |
| .forumlist td.forum_title a.forum_new:visited {
| |
| background: none;
| |
| font-weight: normal;
| |
| padding-left: 20px;
| |
| }
| |
| .forumlist th.forum_title {
| |
| padding-left: 20px;
| |
| } | |
|
| |
|
| /* --------------------------------------------------
| | .mobile-card-table tr { |
| MAIN PAGE PORTALS CSS FOLLOWS
| |
| ORIGINAL CONCEPT COURTESY OF THE ZELDA WIKI
| |
| http://www.zeldawiki.org
| |
| ADJUSTED BY KeybladeSpyMaster. Updated May 12, 2015
| |
| -------------------------------------------------- */
| |
|
| |
|
| .nav {
| | padding: 10px; |
| padding: 0;
| | background: rgba(255, 255, 255, 0.05); |
| display: inline-block;
| | border: none !important; |
| }
| | } |
| .nav:hover .dropdown:not(#personal-inner) {
| |
| display: block !important;
| |
| }
| |
| .nav:hover .mwe-popups-container {
| |
| display: none;
| |
| } | |
|
| |
|
| .container {
| |
| height: 450px;
| |
| position: absolute;
| |
| } | | } |
|
| |
|
| .dropdown:not(#personal-inner) { | | .portable-infobox { |
| color: #000;
| | float: right; |
| float: left;
| | clear: right; |
| z-index: 100;
| | margin-top: 1% !important; |
| position: relative;
| | margin-right: 2.5% !important; |
| display: none !important;
| | margin-left: 20px; |
| border: 2px solid #BFBFBF;
| | margin-bottom: 10px; |
| border-radius: 10px;
| | border-radius: 1.2%; |
| right: -45%;
| | border: 6px solid #aaa; |
| left: -45%;
| | overflow: hidden; |
| }
| | width: 350px !important; |
| .dropdown:not(#personal-inner) a {
| | box-shadow: 0 4px 10px rgba(0,0,0,0.15); |
| color: #fff;
| | background-color: 232323 !important; |
| text-decoration: none;
| |
| }
| |
| .dropdown:not(#personal-inner) p {
| |
| margin: 0;
| |
| padding: 0;
| |
| }
| |
| .dropdown:not(#personal-inner) td {
| |
| white-space: nowrap;
| |
| vertical-align: top;
| |
| padding: 1px;
| |
| }
| |
| .dropdown:not(#personal-inner) caption a { | |
| display: block;
| |
| font-size: 150%;
| |
| padding: 5px 20px;
| |
| } | | } |
|
| |
|
| .dropdowntable td { | | .portable-infobox .pi-title { |
| border: 1px solid #fff;
| | border-top-left-radius: 15px; |
| | border-top-right-radius: 15px; |
| } | | } |
| .dropdowntable td a { | | @media screen and (max-width: 1219px) { |
| color: #fff;
| | .portable-infobox { |
| font-weight: normal;
| | float: none !important; |
| background-color: #000;
| | width: 100% !important; |
| background-image: linear-gradient(top, #06305B, #3e4874);
| | max-width: 100% !important; |
| display: block;
| | margin: 1em 0 !important; |
| padding: 2px;
| | box-sizing: border-box !important; |
| }
| | display: block !important; |
| .dropdowntable td a:hover {
| |
| background-image: linear-gradient(top, #bfbfff, #3e4874);
| |
| } | | } |
|
| |
|
| /* --------------------------------------------------
| |
| END OF MAIN PAGE PORTALS CSS
| |
| -------------------------------------------------- */
| |
|
| |
|
| /* Keep create account benefits up top */
| | .portable-infobox .wds-tabs__wrapper { |
| .mw-special-CreateAccount #userloginForm { | | overflow-x: auto !important; |
| margin-right: 95px;
| | white-space: nowrap !important; |
| }
| | width: 100% !important; |
| .mw-createacct-benefits-container {
| |
| width: 360px;
| |
| text-align: center;
| |
| } | | } |
|
| |
|
| /* Adjust inputbox button padding in Firefox */
| | .portable-infobox .pi-image img { |
| @-moz-document url-prefix() {
| | max-width: 100% !important; |
| .bodySearchWrap .mw-ui-button, .createboxButton {
| | height: auto !important; |
| padding-top: 4px;
| | width: auto !important; |
| padding-bottom: 5px;
| |
| }
| |
| } | | } |
|
| |
|
| /* Who's online */
| | @media screen and (max-width: 450px) { |
| #whosonline {
| | .portable-infobox .pi-data { |
| margin-bottom: 1px;
| | display: block !important; |
| | } |
| | .portable-infobox .pi-data-label { |
| | width: 100% !important; |
| | text-align: left !important; |
| | padding-bottom: 2px; |
| | } |
| | .portable-infobox .pi-data-value { |
| | width: 100% !important; |
| | text-align: left !important; |
| | padding-left: 10px; |
| | } |
| } | | } |
|
| |
| /* Width fixes */
| |
| @media all and (max-width: 1250px) {
| |
| .infobox.board div {
| |
| width: auto !important;
| |
| }
| |
| .infobox.board div > div {
| |
| left: 7.5px !important;
| |
| right: 7.5px !important;
| |
| }
| |
| .infobox.board img {
| |
| max-width: 100% !important;
| |
| height: auto !important;
| |
| }
| |
| } | | } |