16,615
edits
MediaWiki:Common.css: Difference between revisions
m
no edit summary
mNo edit summary |
mNo edit summary |
||
| (416 intermediate revisions by 7 users not shown) | |||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* 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; | |||
} | } | ||
| Line 14: | Line 36: | ||
div.userbox img { max-width:100%; width/**\*/:100%\9; height:auto !important; } | div.userbox img { max-width:100%; width/**\*/:100%\9; height:auto !important; } | ||
table.talkbubble { | table.talkbubble { | ||
table-layout/*\**/:fixed\9; | |||
width/*\**/:100%\9; | |||
} | } | ||
table.talkbubble > tr > td:first-child, table.talkbubble > tbody > tr > td:first-child { text-align:center; width:90px; } | table.talkbubble > tr > td:first-child, table.talkbubble > tbody > tr > td:first-child { text-align:center; width:90px; } | ||
table.talkbubble td:first-child img { height:auto !important; max-width:90px; } | table.talkbubble td:first-child img { height:auto !important; max-width:90px; } | ||
/* | /* KHWiki Tabber */ | ||
. | .infobox .tabbernav { | ||
font-size: 90%; | |||
} | |||
.tabber.info { | |||
display: block; | |||
float: right; | |||
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 { | |||
display: block !important; | |||
float: none !important; | |||
width: auto !important; | |||
max-width: none !important; | |||
margin: 0 !important; | |||
overflow-x: auto !important; | |||
} | |||
.tabber.info tbody { | |||
display: table !important; | |||
width: 100% !important; | |||
} | } | ||
/* | /* Video tables */ | ||
table.video { | |||
margin: 5px auto; | |||
} | } | ||
/* Infobox templates */ | |||
/* Infobox | |||
.infobox { | .infobox { | ||
float: right; | |||
clear: right; | |||
margin: 0 0 0.5em 1em; | |||
padding: 2px; | |||
} | } | ||
.infobox | .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; | |||
} | } | ||
/* Forum formatting (by -Algorithm & -Splaka) */ | /* Forum formatting (by -Algorithm & -Splaka) */ | ||
.forumheader { | .forumheader { | ||
border: 1px solid #aaa; | |||
background-color: #f9f9f9; | |||
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 { | ||
font-weight: normal; | |||
background: none; | |||
padding-left: 20px; | |||
} | } | ||
.forumlist th.forum_title { | .forumlist th.forum_title { | ||
padding-left: 20px; | |||
} | } | ||
| Line 98: | Line 134: | ||
.mw-plusminus-pos { color: #006500; } | .mw-plusminus-pos { color: #006500; } | ||
.mw-plusminus-neg { color: #8B0000; } | .mw-plusminus-neg { color: #8B0000; } | ||
/* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at Wikipedia:NavFrame */ | |||
/* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at | |||
div.Boxmerge, div.NavFrame { | div.Boxmerge, div.NavFrame { | ||
margin: 0; | |||
padding: 4px; | |||
border: 1px solid #aaa; | |||
text-align: center; | |||
border-collapse: collapse; | |||
font-size: 95%; | |||
} | } | ||
div.Boxmerge div.NavFrame { | div.Boxmerge div.NavFrame { | ||
border-style: none; | |||
border-style: hidden; | |||
} | } | ||
div.NavFrame + div.NavFrame { | div.NavFrame + div.NavFrame { | ||
border-top-style: none; | |||
border-top-style: hidden; | |||
} | } | ||
div.NavPic { | div.NavPic { | ||
background-color: #fff; | |||
margin: 0; | |||
padding: 2px; | |||
float: left; | |||
} | } | ||
div.NavFrame div.NavHead { | div.NavFrame div.NavHead { | ||
height: 1.6em; | |||
font-weight: bold; | |||
background-color: #ccf; | |||
position: relative; | |||
} | } | ||
div.NavFrame p { | div.NavFrame p { | ||
font-size: 100%; | |||
} | } | ||
div.NavFrame div.NavContent { | div.NavFrame div.NavContent { | ||
font-size: 100%; | |||
} | } | ||
div.NavFrame div.NavContent p { | div.NavFrame div.NavContent p { | ||
font-size: 100%; | |||
} | } | ||
div.NavEnd { | div.NavEnd { | ||
margin: 0; | |||
padding: 0; | |||
line-height: 1px; | |||
clear: both; | |||
} | } | ||
a.NavToggle { | a.NavToggle { | ||
position: absolute; | |||
top: 0; | |||
right: 3px; | |||
font-weight: normal; | |||
font-size: smaller; | |||
} | } | ||
/* Suite | /* Suite tabs */ | ||
. | .suite_tab { | ||
background: #fff; | |||
background: linear-gradient(top,#eee,#fff); | |||
box-shadow: 2px 2px 4px #333; | |||
display: inline; | |||
} | } | ||
.client-msie-8 . | .client-msie-8 .suite_tab, .client-msie-9 .suite_tab { | ||
padding-bottom: 3px !important; | |||
} | } | ||
/* | /* Suite styles */ | ||
.tt1_suite { | |||
background-color: #ebebeb; | |||
border-color: #aaa; | |||
border-style: solid; | |||
border-width: 1px; | |||
display: table; | |||
float: right; | |||
margin: 0 1em 0.5em 1em; | |||
. | padding: 2px 5px; | ||
border-radius: 5px; | |||
} | |||
.tt1_suite:before { | |||
content: 'article suite:'; | |||
font-size: 70%; | |||
line-height: 0.7em; | |||
} | |||
.tt1_suite ul { | |||
padding: 0; | |||
margin: 0; | |||
} | } | ||
.tt1_suite li { | |||
display: inline; | |||
} | } | ||
. | .tt1_suite li:before{ | ||
content: '| '; | |||
} | } | ||
.tt1_suite li:first-child:before{ | |||
content: ''; | |||
} | } | ||
.tt1_disambig + .tt1_suite{ | |||
border-top: none; | |||
border-top-left-radius: 0; | |||
border-top-right-radius: 0; | |||
} | } | ||
.tt1_disambig + .tt1_suite:before{ | |||
content: ''; | |||
font-size: inherit; | |||
line-height: inherit; | |||
} | } | ||
/* Allow limiting of which header levels are shown in a TOC through {{TOClimit}} */ | |||
.toclimit-2 .toclevel-2 { display: none; } | |||
.toclimit-3 .toclevel-3 { display: none; } | |||
.toclimit-4 .toclevel-4 { display: none; } | |||
.toclimit-5 .toclevel-5 { display: none; } | |||
.toclimit-6 .toclevel-6 { display: none; } | |||
.toclimit-7 .toclevel-7 { display: none; } | |||
/* PATCH BORDER ON DOUBLE-DISAMBIGS */ | |||
table.tt1_disambig{ | |||
margin: 0 1em; | |||
padding: 0.5em; | |||
background: #f7f8ff; | |||
border: thin solid #aaa; | |||
display: block; | |||
} | } | ||
.tt1_disambig + .tt1_disambig{ | |||
border-top: none; | |||
} | } | ||
/* Thumbnails */ | |||
div.thumb.tright { clear: none; } | |||
div.thumb.tright + div.thumb.tright, | |||
div.thumb.tright + p + div.thumb.tright, | |||
div.thumb.tright + h2 + div.thumb.tright, | |||
div.thumb.tright + h3 + div.thumb.tright, | |||
div.thumb.tright + p + p + div.thumb.tright, | |||
div.thumb.tright + p + h2 + div.thumb.tright, | |||
div.thumb.tright + p + h3 + div.thumb.tright, | |||
div.thumb.tright + h2 + p + div.thumb.tright, | |||
div.thumb.tright + h3 + p + div.thumb.tright, | |||
div.thumb.tright + p + p + p + div.thumb.tright { | |||
clear: right; | |||
} | } | ||
/* | /* Aspetto uguale ai link per il morph */ | ||
.morphLink { | |||
color: #002BB8; | |||
display: inline-block; | |||
. | cursor: pointer; | ||
} | } | ||
.morphLink:hover { | |||
text-decoration: underline; | |||
. | |||
} | } | ||
. | .toggleLink { | ||
color: #002BB8; | |||
display: inline-block; | |||
cursor: pointer; | |||
} | } | ||
/* | /* Keep create account benefits up top */ | ||
. | .mw-special-CreateAccount #userloginForm { | ||
margin-right: 95px; | |||
} | } | ||
. | .mw-createacct-benefits-container { | ||
width: 360px; | |||
text-align: center; | |||
} | } | ||
/* | /* -------------------------------------------------- | ||
MAIN PAGE PORTALS CSS FOLLOWS. | |||
ORIGINAL CONCEPT COURTESY OF THE ZELDA WIKI. | |||
/ | http://www.zeldawiki.org | ||
. | ADJUSTED BY KeybladeSpyMaster. Updated May 12, 2015 | ||
-------------------------------------------------- */ | |||
/* | /* Main Page Portals: Nav class */ | ||
.nav { | |||
padding: 0; | |||
display: inline-block; | |||
. | |||
} | } | ||
.nav:hover .dropdown:not(#personal-inner) { | |||
. | display: block !important; | ||
} | } | ||
.nav:hover .mwe-popups-container { | |||
. | display: none; | ||
} | } | ||
. | /* Main Page Portals: Container */ | ||
.container{ | |||
position: absolute; | |||
height: 450px; | |||
} | } | ||
.dropdown:not(#personal-inner) { | |||
. | border: 2px solid #BFBFBF; | ||
border-radius: 10px; | |||
display: none !important; | |||
float: left; | |||
left: -45%; | |||
right: -45%; | |||
position: relative; | |||
z-index: 100; | |||
color: #000; | |||
} | } | ||
.dropdown:not(#personal-inner) a { | |||
. | color: #FFFFFF; | ||
text-decoration: none; | |||
} | } | ||
. | .dropdown:not(#personal-inner) caption { | ||
width:inherit; | |||
} | } | ||
.dropdown:not(#personal-inner) td { | |||
. | vertical-align: top; | ||
padding: 1px; | |||
white-space: nowrap; | |||
} | } | ||
.dropdown:not(#personal-inner) td p a { | |||
border: 1px solid #3e4874; | |||
font-size: 90%; | |||
line-height: 1.2em; | |||
margin: 3px 3px; | |||
padding: 3px; | |||
} | } | ||
.dropdown:not(#personal-inner) p { | |||
. | margin: 0; | ||
padding: 0; | |||
} | } | ||
caption a, .dropdown:not(#personal-inner) th a { | |||
display: block; | |||
. | padding: 2px; | ||
} | } | ||
. | .dropdown:not(#personal-inner) caption a { | ||
padding: 5px 20px 5px 20px; | |||
font-size: 150%; | |||
} | } | ||
/* | /* Main Page Portals: Character table */ | ||
.dropdowntable td { | |||
border: #fff solid 1px; | |||
} | } | ||
.dropdowntable td a { | |||
background-color: #000000; | |||
background-image: linear-gradient(top, #06305B, #3e4874); | |||
color: #FFFFFF; | |||
font-weight: normal; | |||
display: block; | |||
padding: 2px; | |||
} | } | ||
.dropdowntable td a:hover { | |||
background-image: linear-gradient(top, #bfbfff, #3e4874); | |||
} | } | ||
/* Alt text colors */ | |||
.altcolors { | |||
position: relative; | |||
animation-name: myfirst; | |||
animation-duration: 5s; | |||
animation-timing-function: linear; | |||
animation-delay: 1s; | |||
animation-iteration-count: infinite; | |||
animation-direction: alternate; | |||
animation-play-state: running; | |||
} | } | ||
color:# | /* Chrome, Safari, Opera */ | ||
@-webkit-keyframes myfirst { | |||
0% {color: #FFFFFF; opacity: 1.0;} | |||
10% {color: #FFFFFF; opacity: 1.0;} | |||
20% {opacity: 0.0;} | |||
30% {color: #9294b0; opacity: 1.0;} | |||
60% {color: #9294b0; opacity: 1.0;} | |||
70% {opacity: 0.0;} | |||
80% {color: #FFFFFF; opacity:1.0;} | |||
100% {color: #FFFFFF; opacity:1.0;} | |||
} | } | ||
/* Standard syntax */ | |||
@keyframes myfirst { | |||
0% {color: #FFFFFF; opacity: 1.0;} | |||
10% {color: #FFFFFF; opacity: 1.0;} | |||
20% {opacity: 0.0;} | |||
30% {color: #9294b0; opacity: 1.0;} | |||
60% {color: #9294b0; opacity: 1.0;} | |||
70% {opacity: 0.0;} | |||
80% {color: #FFFFFF; opacity:1.0;} | |||
100% {color: #FFFFFF; opacity:1.0;} | |||
} | } | ||
/* Adjust inputbox button padding in Firefox */ | |||
@-moz-document url-prefix() { | |||
.bodySearchWrap .mw-ui-button, .createboxButton { | |||
padding-top: 4px; | |||
padding-bottom: 5px; | |||
} | |||
} | } | ||
/* MediaWiki collapsible buttons */ | |||
.mw-collapsible-toggle { | |||
font-weight: normal; | |||
} | } | ||
/* | /* 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; | |||
} | |||
} | } | ||
/* | /* fulltabs class to allow for full tabber width */ | ||
.fulltabs .tabberlive { | |||
margin-left: 0; | |||
} | } | ||
.fulltabs .goright { | |||
clear: none; | |||
float: none; | |||
} | } | ||