MediaWiki:Common.css: Difference between revisions
From the Kingdom Hearts Wiki, the Kingdom Hearts encyclopedia
Jump to navigationJump to search
(Cleaning up CSS code. All Main Page Portal CSS is on this page now.) |
mNo edit summary |
||
(387 intermediate revisions by 4 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 12: | 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 96: | 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{ | |||
} | } | ||
.tt1_suite:before { | |||
.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; | |||
} | } | ||
/* | /* Keep create account benefits up top */ | ||
.mw-special-CreateAccount #userloginForm { | |||
margin: | margin-right: 95px; | ||
} | } | ||
.mw-createacct-benefits-container { | |||
width: 360px; | |||
text-align: center; | |||
} | } | ||
Line 532: | 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) { | |||
display: block !important; | |||
} | } | ||
.nav:hover .mwe-popups-container { | |||
.nav:hover . | 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;} | |||
} | |||
/* 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; | |||
} | } |
Latest revision as of 16:09, 26 March 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;
}
/* Image restrictions */
div.userbox img { max-width:100%; width/**\*/:100%\9; height:auto !important; }
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 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 {
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;
}
/* Forum formatting (by -Algorithm & -Splaka) */
.forumheader {
border: 1px solid #aaa;
background-color: #f9f9f9;
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 {
font-weight: normal;
background: none;
padding-left: 20px;
}
.forumlist th.forum_title {
padding-left: 20px;
}
/* Recent changes byte indicators */
.mw-plusminus-pos { color: #006500; }
.mw-plusminus-neg { color: #8B0000; }
/* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at Wikipedia: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 {
border-style: none;
border-style: hidden;
}
div.NavFrame + div.NavFrame {
border-top-style: none;
border-top-style: hidden;
}
div.NavPic {
background-color: #fff;
margin: 0;
padding: 2px;
float: left;
}
div.NavFrame div.NavHead {
height: 1.6em;
font-weight: bold;
background-color: #ccf;
position: relative;
}
div.NavFrame p {
font-size: 100%;
}
div.NavFrame div.NavContent {
font-size: 100%;
}
div.NavFrame div.NavContent p {
font-size: 100%;
}
div.NavEnd {
margin: 0;
padding: 0;
line-height: 1px;
clear: both;
}
a.NavToggle {
position: absolute;
top: 0;
right: 3px;
font-weight: normal;
font-size: smaller;
}
/* Suite tabs */
.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 {
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;
}
/* 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;
}