MediaWiki:Common.css: Difference between revisions
From the Kingdom Hearts Wiki, the Kingdom Hearts encyclopedia
Jump to navigationJump to search
No edit summary |
mNo edit summary |
||
(322 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 16: | 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- | 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 | /* 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 107: | 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; | |||
} | } | ||
Line 436: | 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 609: | 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; | ||
} | } |
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;
}