MediaWiki:Common.css: Difference between revisions
From the Kingdom Hearts Wiki, the Kingdom Hearts encyclopedia
Jump to navigationJump to search
(Staff member edit - fixing body background color (Quartz skin)) |
No edit summary |
||
Line 186: | Line 186: | ||
font-weight:normal; | font-weight:normal; | ||
font-size:smaller; | font-size:smaller; | ||
} | |||
/*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: white; | |||
border-bottom: 1px solid white; | |||
} | |||
/*-------------------------------------------------- | |||
.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; | |||
/* 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; | |||
} | } |
Revision as of 21:46, 23 May 2009
/***** CSS placed here will be applied to all skins on the entire site. *****/
/* See also: [[MediaWiki:Monobook.css]] */
/* <pre> */
/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect { font-style: italic; }
.watchlistredir { font-style: italic; }
/* replace the book in the background with something else */
/*body { background: #F0F8FF; }*/
/* make a few corners round, only supported by moz/firefox/other gecko browsers for now */
#p-cactions ul li, #p-cactions ul li a {
-moz-border-radius-topleft: 1em;
-moz-border-radius-topright: 1em;
}
#content {
-moz-border-radius-topleft: 1em;
-moz-border-radius-bottomleft: 1em;
}
div.pBody {
-moz-border-radius-topright: 1em;
-moz-border-radius-bottomright: 1em;
}
/* same following the css3 draft specs, any browsers supporting this? */
#p-cactions ul li, #p-cactions ul li a {
border-radius-topleft: 1em;
border-radius-topright: 1em;
}
#content {
border-radius-topleft: 1em;
border-radius-bottomleft: 1em;
}
div.pBody {
border-radius-topright: 1em;
border-radius-bottomright: 1em;
}
/* Infobox template style */
.infobox {
border: 1px solid #aaaaaa;
background-color: #f9f9f9;
color: black;
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 #aaaaaa;
}
.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: 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/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 0em 0em;
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: 0px;
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: #ccccff;
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: 0px;
padding: 0px;
line-height: 1px;
clear: both;
}
a.NavToggle {
position:absolute;
top:0px;
right:3px;
font-weight:normal;
font-size:smaller;
}
/*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: white;
border-bottom: 1px solid white;
}
/*--------------------------------------------------
.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;
/* 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;
}