MediaWiki:Common.css: Difference between revisions
From the Kingdom Hearts Wiki, the Kingdom Hearts encyclopedia
Jump to navigationJump to search
(...<<) |
mNo edit summary |
||
(447 intermediate revisions by 9 users not shown) | |||
Line 1: | Line 1: | ||
/ | /* CSS placed here will be applied to all skins on desktop */ | ||
/* Navbox style | |||
Edit here: https://www.khwiki.com/MediaWiki:Gadget-NavboxStyle.css | |||
Staff highlights | |||
Edit here: https://www.khwiki.com/MediaWiki:Gadget-StaffHighlights.css */ | |||
/* Random logo */ | |||
#p-logo a { background: transparent no-repeat; } | |||
.client-nojs #p-logo a, | |||
.mw-special-Gadgets #p-logo a, | |||
.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 */ | ||
@media all and (min-width: 551px) { | |||
body.page-Main_Page.action-view #content { | |||
overflow: visible; | |||
z-index: 5; | |||
. | } | ||
} | |||
body.page-Main_Page.action-view .mw-parser-output table img { | |||
. | min-width: 15px !important; | ||
max-width: 100% !important; | |||
height: auto !important; | |||
} | |||
/* | /* KHWiki tabber */ | ||
.infobox .tabbernav { | |||
font-size: 90%; | |||
} | } | ||
.tabber.info { | |||
float: right; | |||
display: block; | |||
margin: 0 0 0.5em 1em; | |||
} | } | ||
.tabber.info .nav { | |||
display: block !important; | |||
} | } | ||
.tabber.info .infobox > tbody > tr:nth-child(2) img { | |||
max-width: 100% !important; | |||
height: auto !important; | |||
} | } | ||
.tabber.info table { | |||
float: none !important; | |||
width: auto !important; | |||
display: block !important; | |||
max-width: none !important; | |||
overflow-x: auto !important; | |||
margin: 0 !important; | |||
} | } | ||
.tabber.info tbody { | |||
width: 100% !important; | |||
display: table !important; | |||
} | } | ||
/* Infobox templates */ | |||
.infobox { | |||
float: right; | |||
clear: right; | |||
margin: 0 0 0.5em 1em; | |||
padding: 2px; | |||
} | |||
.infobox.journal, | |||
.infobox.journal-green { | |||
padding: 2px 1em 1em; | |||
} | |||
/* | /* Notice templates */ | ||
table + #stub { | |||
margin-top: 10px; | |||
} | } | ||
. | .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 */ | ||
.suite_tab { | |||
display: inline; | |||
background: #fff; | |||
background: linear-gradient(top,#eee,#fff); | |||
box-shadow: 2px 2px 4px #333; | |||
} | } | ||
/* Forum formatting | /* Forum formatting */ | ||
.forumheader { | .forumheader { | ||
margin: 1em 0 15px; | |||
padding: 12px; | |||
} | } | ||
.forumlist td.forum_edited a { | .forumlist td.forum_edited a { | ||
color: #000; | |||
text-decoration: none; | |||
} | } | ||
.forumlist td.forum_title a { | .forumlist td.forum_title a { | ||
padding-left: 20px; | |||
} | } | ||
.forumlist td.forum_title a.forum_new { | .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 { | .forumlist td.forum_title a.forum_new:visited { | ||
background: none; | |||
font-weight: normal; | |||
padding-left: 20px; | |||
} | } | ||
.forumlist th.forum_title { | .forumlist th.forum_title { | ||
padding-left: 20px; | |||
} | } | ||
/* -------------------------------------------------- | |||
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: 0; | |||
display: inline-block; | |||
} | } | ||
.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) { | |||
. | color: #000; | ||
float: left; | |||
z-index: 100; | |||
position: relative; | |||
display: none !important; | |||
border: 2px solid #BFBFBF; | |||
border-radius: 10px; | |||
right: -45%; | |||
left: -45%; | |||
} | } | ||
. | .dropdown:not(#personal-inner) a { | ||
color: #fff; | |||
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 { | |||
# | border: 1px solid #fff; | ||
} | } | ||
.dropdowntable td a { | |||
color: #fff; | |||
font-weight: normal; | |||
background-color: #000; | |||
background-image: linear-gradient(top, #06305B, #3e4874); | |||
display: block; | |||
padding: 2px; | |||
} | } | ||
.dropdowntable td a:hover { | |||
. | background-image: linear-gradient(top, #bfbfff, #3e4874); | ||
} | } | ||
/* -------------------------------------------------- | |||
END OF MAIN PAGE PORTALS CSS | |||
-------------------------------------------------- */ | |||
. | /* Keep create account benefits up top */ | ||
.mw-special-CreateAccount #userloginForm { | |||
margin-right: 95px; | |||
} | } | ||
. | .mw-createacct-benefits-container { | ||
width: 360px; | |||
text-align: center; | |||
} | } | ||
. | /* Adjust inputbox button padding in Firefox */ | ||
@-moz-document url-prefix() { | |||
.bodySearchWrap .mw-ui-button, .createboxButton { | |||
padding-top: 4px; | |||
padding-bottom: 5px; | |||
} | |||
} | } | ||
/* Indicator icons */ | |||
/* | .mw-indicators { | ||
display: flex; | |||
} | } | ||
/* Who's online */ | |||
#whosonline { | |||
margin-bottom: 1px; | |||
} | } | ||
/* | /* 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; | |||
} | } | ||
} | |||
} | |||
} | } |
Latest revision as of 23:05, 28 August 2024
/* CSS placed here will be applied to all skins on desktop */
/* Navbox style
Edit here: https://www.khwiki.com/MediaWiki:Gadget-NavboxStyle.css
Staff highlights
Edit here: https://www.khwiki.com/MediaWiki:Gadget-StaffHighlights.css */
/* Random logo */
#p-logo a { background: transparent no-repeat; }
.client-nojs #p-logo a,
.mw-special-Gadgets #p-logo a,
.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 */
@media all and (min-width: 551px) {
body.page-Main_Page.action-view #content {
overflow: visible;
z-index: 5;
}
}
body.page-Main_Page.action-view .mw-parser-output table img {
min-width: 15px !important;
max-width: 100% !important;
height: auto !important;
}
/* KHWiki tabber */
.infobox .tabbernav {
font-size: 90%;
}
.tabber.info {
float: right;
display: block;
margin: 0 0 0.5em 1em;
}
.tabber.info .nav {
display: block !important;
}
.tabber.info .infobox > tbody > tr:nth-child(2) img {
max-width: 100% !important;
height: auto !important;
}
.tabber.info table {
float: none !important;
width: auto !important;
display: block !important;
max-width: none !important;
overflow-x: auto !important;
margin: 0 !important;
}
.tabber.info tbody {
width: 100% !important;
display: table !important;
}
/* Infobox templates */
.infobox {
float: right;
clear: right;
margin: 0 0 0.5em 1em;
padding: 2px;
}
.infobox.journal,
.infobox.journal-green {
padding: 2px 1em 1em;
}
/* Notice templates */
table + #stub {
margin-top: 10px;
}
.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 */
.suite_tab {
display: inline;
background: #fff;
background: linear-gradient(top,#eee,#fff);
box-shadow: 2px 2px 4px #333;
}
/* Forum formatting */
.forumheader {
margin: 1em 0 15px;
padding: 12px;
}
.forumlist td.forum_edited a {
color: #000;
text-decoration: none;
}
.forumlist td.forum_title a {
padding-left: 20px;
}
.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;
}
/* --------------------------------------------------
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: 0;
display: inline-block;
}
.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) {
color: #000;
float: left;
z-index: 100;
position: relative;
display: none !important;
border: 2px solid #BFBFBF;
border-radius: 10px;
right: -45%;
left: -45%;
}
.dropdown:not(#personal-inner) a {
color: #fff;
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 {
border: 1px solid #fff;
}
.dropdowntable td a {
color: #fff;
font-weight: normal;
background-color: #000;
background-image: linear-gradient(top, #06305B, #3e4874);
display: block;
padding: 2px;
}
.dropdowntable td a:hover {
background-image: linear-gradient(top, #bfbfff, #3e4874);
}
/* --------------------------------------------------
END OF MAIN PAGE PORTALS CSS
-------------------------------------------------- */
/* Keep create account benefits up top */
.mw-special-CreateAccount #userloginForm {
margin-right: 95px;
}
.mw-createacct-benefits-container {
width: 360px;
text-align: center;
}
/* Adjust inputbox button padding in Firefox */
@-moz-document url-prefix() {
.bodySearchWrap .mw-ui-button, .createboxButton {
padding-top: 4px;
padding-bottom: 5px;
}
}
/* Indicator icons */
.mw-indicators {
display: flex;
}
/* Who's online */
#whosonline {
margin-bottom: 1px;
}
/* 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;
}
}