16,615
edits
No edit summary |
mNo edit summary |
||
(341 intermediate revisions by 3 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 28: | 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; | |||
margin- | 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 | /* Infobox templates */ | ||
.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 114: | 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 { | .suite_tab { | ||
background: #fff; | |||
background: linear-gradient(top,#eee,#fff); | |||
box-shadow: 2px 2px 4px #333; | |||
display: inline; | |||
} | } | ||
.client-msie-8 .suite_tab, .client-msie-9 .suite_tab { | .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 { | .tt1_suite ul { | ||
padding: 0; | |||
margin: 0; | |||
} | } | ||
.tt1_suite li { | .tt1_suite li { | ||
display: inline; | |||
} | } | ||
.tt1_suite li:before{ | .tt1_suite li:before{ | ||
content: '| '; | |||
} | } | ||
.tt1_suite li:first-child:before{ | .tt1_suite li:first-child:before{ | ||
content: ''; | |||
} | } | ||
.tt1_disambig + .tt1_suite{ | .tt1_disambig + .tt1_suite{ | ||
border-top: none; | |||
border-top-left-radius: 0; | |||
border-top-right-radius: 0; | |||
} | } | ||
.tt1_disambig + .tt1_suite:before{ | .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 */ | /* PATCH BORDER ON DOUBLE-DISAMBIGS */ | ||
table.tt1_disambig{ | table.tt1_disambig{ | ||
margin: 0 1em; | |||
padding: 0.5em; | |||
background: #f7f8ff; | |||
border: thin solid #aaa; | |||
display: block; | |||
} | } | ||
.tt1_disambig + .tt1_disambig{ | .tt1_disambig + .tt1_disambig{ | ||
border-top: none; | |||
} | } | ||
/* Thumbnails */ | /* Thumbnails */ | ||
div.thumb | div.thumb.tright { clear: none; } | ||
div.thumb.tright + div.thumb.tright, | |||
} | div.thumb.tright + p + div.thumb.tright, | ||
div.thumb div. | 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 div. | 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 { | |||
div.thumb div. | clear: right; | ||
div.thumb div. | |||
div.thumb div. | |||
div.thumb . | |||
div.thumb . | |||
div. | |||
div. | |||
} | } | ||
/* Aspetto uguale ai link per il morph */ | /* 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; | |||
} | } | ||
Line 462: | Line 306: | ||
/* Main Page Portals: Nav class */ | /* Main Page Portals: Nav class */ | ||
.nav { | .nav { | ||
padding: 0; | |||
display: inline-block; | |||
} | } | ||
.nav:hover .dropdown:not(#personal-inner) { | |||
.nav:hover .dropdown{ | display: block !important; | ||
} | |||
.nav:hover .mwe-popups-container { | |||
display: none; | |||
} | } | ||
/* Main Page Portals: Container */ | /* Main Page Portals: Container */ | ||
.container{ | .container{ | ||
position: absolute; | |||
height: 450px; | |||
} | } | ||
.dropdown:not(#personal-inner) { | |||
.dropdown { | border: 2px solid #BFBFBF; | ||
border:2px solid #BFBFBF; | border-radius: 10px; | ||
border-radius:10px; | display: none !important; | ||
display:none; | float: left; | ||
float:left; | left: -45%; | ||
left:-45%; | right: -45%; | ||
right:-45%; | position: relative; | ||
position:relative; | z-index: 100; | ||
z-index: 100; | color: #000; | ||
color:# | |||
} | } | ||
.dropdown:not(#personal-inner) a { | |||
.dropdown a{ | color: #FFFFFF; | ||
color:#FFFFFF; | text-decoration: none; | ||
text-decoration:none; | |||
} | } | ||
.dropdown:not(#personal-inner) caption { | |||
.dropdown caption { | width:inherit; | ||
} | } | ||
.dropdown:not(#personal-inner) td { | |||
.dropdown td { | vertical-align: top; | ||
vertical-align:top; | padding: 1px; | ||
padding:1px; | white-space: nowrap; | ||
white-space:nowrap; | |||
} | } | ||
.dropdown:not(#personal-inner) td p a { | |||
.dropdown td p a { | border: 1px solid #3e4874; | ||
border:1px solid #3e4874; | font-size: 90%; | ||
font-size:90%; | line-height: 1.2em; | ||
line-height: 1.2em; | margin: 3px 3px; | ||
margin: 3px 3px; | padding: 3px; | ||
padding:3px; | |||
} | } | ||
.dropdown:not(#personal-inner) p { | |||
.dropdown p{ | margin: 0; | ||
margin:0; | padding: 0; | ||
padding:0; | |||
} | } | ||
caption a, .dropdown:not(#personal-inner) th a { | |||
caption a, .dropdown th a{ | display: block; | ||
display:block; | padding: 2px; | ||
padding: 2px; | |||
} | } | ||
.dropdown:not(#personal-inner) caption a { | |||
.dropdown caption a { | padding: 5px 20px 5px 20px; | ||
padding:5px 20px 5px 20px; | font-size: 150%; | ||
font-size:150%; | |||
} | } | ||
/* Main Page Portals: Character | /* Main Page Portals: Character table */ | ||
.dropdowntable td { | .dropdowntable td { | ||
border: | border: #fff solid 1px; | ||
} | } | ||
.dropdowntable td a { | .dropdowntable td a { | ||
background-color: #000000; | background-color: #000000; | ||
background-image: linear-gradient(top, #06305B, #3e4874); | |||
color: #FFFFFF; | |||
font-weight: normal; | |||
display: block; | |||
background-image: linear-gradient(top, #06305B, #3e4874); | padding: 2px; | ||
color: #FFFFFF; | |||
font-weight: normal; | |||
display: block; | |||
padding: 2px; | |||
} | } | ||
.dropdowntable td a:hover { | |||
.dropdowntable td a:hover{ | background-image: linear-gradient(top, #bfbfff, #3e4874); | ||
background-image: linear-gradient(top, #bfbfff, #3e4874); | |||
} | } | ||
/* Alt text colors */ | /* Alt text colors */ | ||
.altcolors { | .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; | |||
} | } | ||
/* Chrome, Safari, Opera */ | /* Chrome, Safari, Opera */ | ||
@-webkit-keyframes myfirst { | @-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 */ | /* Standard syntax */ | ||
@keyframes myfirst { | @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;} | |||
} | } | ||
Line 635: | Line 430: | ||
} | } | ||
/* | /* 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; | |||
} | } |