MediaWiki:Common.css: Difference between revisions

From the Kingdom Hearts Wiki, the Kingdom Hearts encyclopedia
Jump to navigationJump to search
(testing)
(align game icons in the same spot regardless of sitenotice length)
Line 297: Line 297:


#title-gameicons { display: none!important; visibility: hidden !important; }
#title-gameicons { display: none!important; visibility: hidden !important; }
#linktabs-upper {
position:relative;
}
#title-linktabs {  
#title-linktabs {  
  position:absolute;
  position:absolute;
  right:0;
  right:0;
  top:5px;
  top:-55px;
}
}



Revision as of 21:20, 1 April 2012

/* CSS placed here will be applied to all skins */

@import url(http://www.porplemontage.com/footer.css);

body.page-Main_Page h1.firstHeading, body.page-Main_Page #lastmod, body.page-Main_Page #siteSub { 
 display:none;
}

/* 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; }

/* Reflist font size */
.references-small { font-size:90%; }

/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect, .watchlistredir { font-style: italic; }

/* Infobox template style */
.infobox {
 border:1px solid #aaa;
 background-color:#f9f9f9;
 color:#000;
 margin-bottom:0.5em;
 margin-left:1em;
 padding:0.2em;
 float:right;
 clear:right;
}
.infobox td, .infobox th {
 vertical-align: top;
}
.infobox caption {
 font-size: larger;
 margin-left: inherit;
}
.infobox.bordered {
 border-collapse: collapse;
}
.infobox.bordered td, .infobox.bordered th {
 border: 1px solid #aaa;
}
.infobox.bordered .borderless td, .infobox.bordered .borderless th {
 border: 0;
}

/* Forum formatting (by -Algorithm & -Splaka) */
.forumheader {
 border:1px solid #aaa;
 background-color:#f9f9f9;
 margin-top:1em;
 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(/images/4/4e/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; }
/* </pre> */

/* Forum formatting -Algorithm & -Splaka */
.forumheader { border: 1px solid #aaa; background-color: #f9f9f9; margin-top: 1em; padding: 12px; }
.forumlist td.forum_edited a { color: black; text-decoration: none }
.forumlist td.forum_title a { padding-left: 20px; }
.forumlist td.forum_title a.forum_new { font-weight: bold; background: url(/images/4/4e/Wiki.png) 
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; }

/* default skin for navigation boxes */
table.navbox {
 background-color:#f9f9f9;
 border:1px solid #aaa;
 clear:both;
 font-size:90%;
 margin:1em 0 0;
 padding:2px;
 text-align:center;
 width:100%;
}

table.navbox th {
 background-color:#ccf;
 padding-left:1em;
 padding-right:1em;
}

table.navbox tr:not(:first-child) th {
 background-color:#ddf;
}

@media print {
 .navbox {
  display:none;
 }
}

/* 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:0px;
 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 */
.suite2_tab {
 background:#fff;
 background:linear-gradient(top,#eee,#fff);
 background:-o-linear-gradient(top,#eee,#fff);
 background:-ms-linear-gradient(top,#eee,#fff);
 background:-moz-linear-gradient(top,#eee,#fff);
 background:-webkit-linear-gradient(top,#eee,#fff);
 box-shadow:2px 2px 4px #333;
 display:inline;
}
.client-msie-8 .suite2_tab, .client-msie-9 .suite2_tab {
 padding-bottom:3px !important;
}

/*Copied from http://www.barelyfitz.com/projects/tabber/example.css used under mit license
see http://www.barelyfitz.com/projects/tabber/
*/
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
 REQUIRED to hide the non-active tab content.
 But do not hide them in the print stylesheet!
 --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
 .tabber = before the tabber interface is set up
 .tabberlive = after the tabber interface is set up
 --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
 ul.tabbernav = the tab navigation list
 li.tabberactive = the active tab
 --------------------------------------------------*/
ul.tabbernav {
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #CCC;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li {
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a {
 padding:3px 0.5em;
 margin-left:3px;
 border:1px solid #ccc;
 border-bottom:none;
 background:#f2f7ff;
 text-decoration:none;
}

ul.tabbernav li a:link { color:#448; }
ul.tabbernav li a:visited { color:#667; }

ul.tabbernav li a:hover {
 color:#000;
 background:#fff9f2;
 border-color:#ccc;
}

ul.tabbernav li.tabberactive a {
 background-color:#fff;
 border-bottom:1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover {
 color:#000;
 background:#fff;
 border-bottom:1px solid #fff;
}

/*--------------------------------------------------
 .tabbertab = the tab content
 Add style only after the tabber interface is set up (.tabberlive)
 --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #ccc;
 border-top:0;
 border-left:none;
 border-right:none;
 border-bottom:none;

 /* If you don't want the tab size changing whenever a tab is changed
 you can set a fixed height */
 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
 scrollbar when necessary */
 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}
/* </nowiki></pre> */

#title-gameicons { display: none!important; visibility: hidden !important; }
#linktabs-upper {
 position:relative;
}
#title-linktabs { 
 position:absolute;
 right:0;
 top:-55px;
}

/* remove talk link from forum namespace (monobooks/newskins/quartzskins/monaco) -Splarka */
 body.ns-110 #ca-talk, body.ns-110 #this_talk, body.ns-110 #page_tabs li+li { display: none; }

/* 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;}

/* Remove breadcrumbs for specific articles */
.page-Zero_One .subpages, .page-Zero_One .PageHeader h2 {display: none;}
.page-Oathkeeper_Oblivion.subpages, .page-Oathkeeper_Oblivion .PageHeader h2 {display: none;}
.page-Terra_Xehanort .subpages, .page-Terra_Xehanort .PageHeader h2 {display: none;}

/* =========================================================
      BEGIN SUITE STYLES
 ========================================================= */

.tt1_suite{
 background-color:#ebebeb;
 border-color:#aaa;
 border-style:solid;
 border-width:1px;
 display:table;
 float:right;
 margin-right:1em;
 padding:2px 5px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
}

.tt1_suite:before{
 content:'article suite:';
 font-size:70%;
 line-height:.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;
 -moz-border-radius-topleft:0;
 -moz-border-radius-topright:0;
 -webkit-border-top-left-radius:0;
 -webkit-border-top-right-radius:0;
}

.tt1_disambig + .tt1_suite:before{
 content:'';
 font-size:inherit;
 line-height:inherit;
}

/* PATCH BORDER ON DOUBLE-DISAMBIGS */

table.tt1_disambig{
 margin:0 1em;
 padding:.5em;
 background:#f7f8ff;
 border:thin solid #aaa;
 display:block;
}

.tt1_disambig + .tt1_disambig{
 border-top:none;
}

/* Transparent image preview checkerboard */
.fullImageLink img {
 background:#fff url(http://img844.imageshack.us/img844/5714/transparentimg.png);
 padding:3px;
}
.fullImageLink img:hover {
 background:#bbb url(http://img844.imageshack.us/img844/5714/transparentimg.png);
}

/* Thumbnails */
div.thumb div.thumbinner div.magnify {
 display:none !important;
}
div.thumb div.thumbinner div {
 background:none !important;
 border:none !important;
 color:#fff;
}
div.thumb div.thumbinner a {
 color:#ddd;
}
div.thumb div.thumbinner a:visited {
 color:#aaa;
}
div.thumb div.thumbinner a:hover {
 color:#fff;
}
div.thumb div.thumbinner {
 background:#a50b5e;
 background:linear-gradient(top,#a50b5e,#640639);
 background:-o-linear-gradient(top,#a50b5e,#640639);
 background:-ms-linear-gradient(top,#a50b5e,#640639);
 background:-moz-linear-gradient(top,#a50b5e,#640639);
 background:-webkit-linear-gradient(top,#a50b5e,#640639);
 border:none !important;
 border-radius:5px;
 box-shadow:2px 2px 6px #7f7f7f; /* This is needed for browser compatibility */
 box-shadow:2px 2px 6px rgba(0,0,0,0.5);
 padding:5px !important;
}
div.thumb .thumbimage {
 border:none !important;
 border-radius:5px;
}
div.thumb .thumbimage:hover {
 -moz-transform:scale(1.02);
 -webkit-transform:scale(1.02);
}

/* Input buttons */
input[type='submit'], input[type='reset'], input[type='button'] {
 padding:1px 6px 3px;
 border:3px double #aaa;
 border-radius:4px;
 cursor:pointer;
 color:#222;
 background:#f7f7f7;
 background:linear-gradient(top,#f7f7f7,#e7e7e7);
 background:-o-linear-gradient(top,#f7f7f7,#e7e7e7);
 background:-ms-linear-gradient(top,#f7f7f7,#e7e7e7);
 background:-moz-linear-gradient(top,#f7f7f7,#e7e7e7);
 background:-webkit-linear-gradient(top,#f7f7f7,#e7e7e7);
 text-shadow:1px 1px 2px #aaa;
}
input[type='submit']:hover, input[type='reset']:hover, input[type='button']:hover {
 border-color:#a50b5e;
 box-shadow:0 0 5px #640639;
}
input[type='submit']:active, input[type='reset']:active, input[type='button']:active {
 padding:1px 5px 3px 7px;
}

/* Category Box */
div.catlinks {
 background:#f9f9f9;
 background:linear-gradient(top,#f9f9f9,#ddd);
 background:-o-linear-gradient(top,#f9f9f9,#ddd);
 background:-ms-linear-gradient(top,#f9f9f9,#ddd);
 background:-moz-linear-gradient(top,#f9f9f9,#ddd);
 background:-webkit-linear-gradient(top,#f9f9f9,#ddd);
 border-radius:8px;
 padding:5px 11px !important;
}
div.catlinks span {
 padding:0 8px;
}

/* 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;
 }