MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/
/* See also: [[MediaWiki:Monobook.css]] */
/* <pre> */

/* Poll */
div.ajax-poll { width:auto !important; }

.pollAnswerVotes div {
    background: #ffff77 !important;
}

/* === Global ruby text formatting === */
ruby {
    ruby-align: center;
    ruby-overhang: auto;
}
rt {
    color: #000047;
    font-size: 80%;
}

/* === Global (default) Japanese text formatting === 
 * See [[Template:Ja/classes]]. */
.ja, [lang="ja"] {
    color: #004700;
    font-family: Meiryo, 'MS PGothic', 'MS Gothic', 'Arial Unicode MS', 'Bitstream Cyberbit', 'TITUS Cyberbit Basic', 'Lucida Sans Unicode', 'DejaVu Sans', Arial, sans-serif;
}

/* === Checker background === */
#file img {
    background: url('http://images.wikia.com/central/images/5/5d/Checker-16x16.png') repeat;
}

/* === Extra === */
#blend-g {
    background: url("http://images.wikia.com/keroro/images//c/c6/Greenblend_small.jpg") repeat;
}

/* === Hide title of main page === */
body.mainpage .firstHeading,
body.page-Keroro_Wiki_Main_Page .firstHeading {
    display: none;
}

/* === Inline images === */
.inlineimages .floatnone,
.inlineimages .floatnone div { display: inline; }


.page-Special_RecentChanges a[title="User:Koisuru"] {
    text-transform: lowercase;
}

.IPA a:link, .IPA a:visited {
    text-decoration: none;
}

.IPA {
    font-family: "Charis SIL", "Doulos SIL", Gentium, GentiumAlt, "DejaVu Sans", Code2000, "TITUS Cyberbit Basic", "Arial Unicode MS", "Lucida Sans Unicode", "Chrysanthi Unicode";
    font-family /**/:inherit;
}

/* == Edittools == */
/* ([[MediaWiki:Edittools]]) */
#edittools a {
    margin-right: 0.7em;
}
#edittools a:hover {
    font-size: 140%;
}


/* == TabView extension == */

.yui-navset {
    background: #000077;
    border: solid 1px #aaaaff;
}

/*set the base backcolor of the 'off' tabs */
.yui-navset .yui-nav li {
    background-color: #d4e8de;
    padding-left: 10px;
    padding-right: 10px;
}

/*set the background color of the content and the 'on' tab the same*/
.fly_wrapper, .tabPinned {
    background-color: #E7F2FF;
}

/** style the 'on' tab **/
.tabPinned {
    border-style: solid;
    border-width: 2px 0 0 0;
    border-top-color: #2F5DBA;
}

/* keep the side padding, but enforce no gap between content area and tabs */
.fly_wrapper {
    margin-top: 0;
    padding-top: 0.25em;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.tabPinned {
    font-weight: bold;
    background: #ffffaa;
}

.tabPinned a {
    color: black;
}

.tabPinned a:hover {
    text-decoration: none;
}


/** tabber.js
  * http://www.barelyfitz.com/projects/tabber/
  */
/* required */
.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;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline-block;
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: 1px solid transparent;
 background: #DDE;
}

ul.tabbernav li a
{
 text-decoration: none;
}

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

ul.tabbernav li:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

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

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

.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;
}
.tabberlive .tabbertab h2 {
 display:none;
}
/* but override them in the main page */
.mainpage .tabberlive .tabbertab h2 {
    display:block;
}
.tabberlive .tabbertab h3 {
    display:none;
}
/* Hide select elements when tabber is live */
.tabberlive .tabbertab .tabberhide {
    display: none;
}


/* === Navbox default skin === */
/* from Wikipedia */
/* Default skin for navigation boxes */
table.navbox {            /* Navbox container style */
  border: 1px solid #aaa;
  width: 100%; 
  margin: auto;
  clear: both;
  font-size: 88%;
  text-align: center;
  padding: 1px;
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
  margin-top: -1px;            /* (doesn't work for IE6, but that's okay)       */
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
  text-align: center;      /* Title and above/below styles */
  padding-left: 1em;
  padding-right: 1em;
}
.navbox-group {            /* Group style */
  white-space: nowrap;
  text-align: right;
  font-weight: bold;
  padding-left: 1em;
  padding-right: 1em;
}
.navbox, .navbox-subgroup {
  background: #fdfdfd;     /* Background color */
}
.navbox-list {
  border-color: #fdfdfd;   /* Must match background color */
}
.navbox-title,
table.navbox th {
  background: #ccccff;     /* Level 1 color */
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: #ddddff;     /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
  background: #e6e6ff;     /* Level 3 color */
}
.navbox-even {
  background: #f7f7f7;     /* Even row striping */
}
.navbox-odd {
  background: transparent; /* Odd row striping */
}
 
.collapseButton {          /* 'show'/'hide' buttons created dynamically */
    float: right;          /* by the CollapsibleTables javascript in    */
    font-weight: normal;   /* [[MediaWiki:Common.js]]are styled here    */
    text-align: right;     /* so they can be customised.                */
    width: auto;
}
.navbox .collapseButton {  /* In navboxes, the show/hide button balances */
    width: 6em;            /* the vde links from [[Template:Tnavbar]],   */
}                          /* so they need to be the same width.         */

/* === Styles for admins === */
.page-Special_RecentChanges a[title="User:Koisuru"]:link,
.page-Special_RecentChanges a[title="User:Koisuru"]:visited {
    color: green;
}


/* === Plainlinks === */
/*Add formatting to make sure that "external references" from [[Template:Ref]] do
  not get URL expansion, not even when printed. The mechanism up to MediaWiki 1.4 was
  that the HTML code contained a SPAN following the anchor A; this SPAN had the class
  "urlexpansion", which was not displayed on screen, but was shown when the medium was
  "print". The rules below ensure (a) that there is no extra padding to the right of
  the anchor (displayed as "[<number>]"), (b) that there is no "external link arrow" for
  the link, and (c) that this SPAN of class "urlexpansion" is never shown.
  ~~~~
*/
 
.plainlinksneverexpand {
    background: none ! important;
    padding: 0 ! important;
}
 
.plainlinksneverexpand .urlexpansion {
    display: none ! important;
}
 
/* Make sure that ext links displayed within "plainlinksneverexpand" don't get
   the arrow...
*/
.plainlinksneverexpand a {
    background: none !important;
    padding: 0 !important;
}
 
/* With MediaWiki 1.5, the mechanism has changed: instead of a SPAN of class "urlexpansion"
   following the anchor A, the anchor itself now has class "external autonumber" and the
   expansion is inserted when printing (see the common printing style sheet at
   http://en.wikipedia.org/skins-1.5/common/commonPrint.css) using the ":after" pseudo-
   element of CSS. We have to switch this off for links due to Template:Ref!
*/
.plainlinksneverexpand a.external.text:after {
    display: none !important;
}
.plainlinksneverexpand a.external.autonumber:after {
    display: none !important;
}

/* ===Thumbnails=== */
/*
div.thumb {
  color: white !important;
  border-style: none !important;
}

div.thumbinner {
  background-color: transparent !important;
}
*/


/* make the list of references look smaller */
ol.references {
    font-size: 100%;
}
 
.references-small { font-size: 90%;}
 
/* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */
/* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */
/* column-count is from the CSS3 module "CSS Multi-column Layout" */
/* Please ignore any validator errors caused by these two lines */
.references-2column {
    font-size: 90%;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}
 
.same-bg { background: none; }
 
/* Highlight clicked reference in blue to help navigation */
ol.references > li:target {
    background-color: #DEF;
}
 
sup.reference:target { 
    background-color: #DEF;
}
 
/* Styling for citations */
cite {
    font-style: normal;
    word-wrap: break-word;
}
 
/* If there is an inline link to a full citation, the full citation will turn blue when the inline link is clicked */
cite:target { 
    background-color: #DEF;
}
 
/* Do not expand URLs within citations for printing. The URLs should be included explicitly, to avoid confusion */
 
@media print {
    #content cite a.external.text:after {
        display: none;
    }
}
 
/* For linked citation numbers and document IDs, where the number need not be shown on a screen or a handheld, but should be included in the printed version */
 
@media screen, handheld, projection {
    cite *.printonly {
        display: none;
    }
}


/* === wikitable/prettytable class for skinning normal tables === */
table.wikitable {
    margin: 1em 1em 1em 0;
    background: #f9f9f9;
    border: 1px #aaa solid;
    border-collapse: collapse;
}
 
table.wikitable th, table.wikitable td {
    border: 1px #aaa solid;
    padding: 0.2em;
}
 
table.wikitable th {
    background: #f2f2f2;
    text-align: center;
}
 
table.wikitable caption {
    margin-left: inherit;
    margin-right: inherit;
    font-weight: bold;
}
 
table.wikitable code {
    background-color: transparent;
}


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

/* Infobox template style */
.infobox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    color: black;
    margin: 0.5em 0 0.5em 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;
}
 
.infobox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
    border: 1px solid #c0c090;
}
 
/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
    border: 0;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
}
 
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
    border: 0;
    border-right: 1px solid #aaa;
}

.infobox.nfo td {
}
.infobox.nfo th {
    background: #efe;
}

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

/* === Babel === */

div.babelbox {
   float: right;
   margin-left: 1em;
   margin-bottom: 0.5em;
   width: 246px;
   border: 1px solid #99B3FF;
   padding: 2px 0 2px 0;
}
.lang-blockN, .lang-block0, .lang-block1, .lang-block2, .lang-block3 {
   margin: 2px 4px 2px 4px; /* t, l, b, r */
   width:238px;
   border-collapse: collapse;
}
td.lang-codeN, td.lang-code0, td.lang-code1, td.lang-code2, td.lang-code3 {
   text-align:center;
   font-size:14pt;
   width:45px;
   height:45px;
}
td.lang-descriptionN, td.lang-description0, td.lang-description1,
td.lang-description2, td.lang-description3 {
  font-size:8pt;
  padding:4pt;
  line-height:1.25em
}

.lang-block0 {
   border:1px solid #FFB3B3;
}
td.lang-code0 {
  background-color: #FFB3B3;
  color: black;
}
td.lang-description0 {
  background-color: #FFE0E8;
  color: black;
}

.lang-block1,  .lang-block2, .lang-block3  {
   border:1px solid #99B3FF;
}
td.lang-code1, td.lang-code2, td.lang-code3 {
  background-color: #99B3FF;
  color: black;
}
td.lang-description1,  td.lang-description2, td.lang-description3 {
  background-color: #E0E8FF;
  color: black;
}

.lang-blockN {
   border:1px solid #6EF7A7;
}
td.lang-codeN {
  background-color: #6EF7A7;
  color: black;
}
td.lang-descriptionN {
  background-color: #C5FCDC;
  color: black;
}

/*  === Documentation at [[wikipedia: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: #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: 0px;
    padding: 0px;
    line-height: 1px;
    clear: both;
}
a.NavToggle {
    position:absolute;
    top:0px;
    right:3px;
    font-weight:normal;
    font-size:smaller;
}


/* Messagebox templates */
.messagebox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    width: 80%;
    margin: 0 auto 1em auto;
    padding: .2em;
}
.messagebox.merge {
    border: 1px solid #c0b8cc;
    background-color: #f0e5ff;
    text-align: center;
}
.messagebox.cleanup {
    border: 1px solid #9f9fff;
    background-color: #efefff;
    text-align: center;
}
.messagebox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
    margin: 4px auto;
}
.messagebox.nested-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
    width: 100%;
    margin: 2px 0 0 0;
    padding: 2px;
}
.messagebox.small {
    width: 238px;
    font-size: 85%;
    float: right;
    clear: both;
    margin: 0 0 1em 1em;
    line-height: 1.25em; 
}
.messagebox.small-talk {
    width: 238px;
    font-size: 85%;
    float: right;
    clear: both;
    margin: 0 0 1em 1em;
    line-height: 1.25em; 
    background: #F8EABA;
}
 
 
/* Cell sizes for tmbox/imbox/cmbox/ombox message boxes */
th.mbox-text, td.mbox-text {     /* The message body cell(s) */
    border: none; 
    padding: 0.25em 0.9em;       /* 0.9em left/right */
    width: 100%;
}
td.mbox-image {                  /* The left image cell */
    border: none; 
    padding: 2px 0 2px 0.9em;    /* 0.9em left, 0px right */
    text-align: center; 
}
td.mbox-imageright {             /* The right image cell */
    border: none;
    padding: 2px 0.9em 2px 0;    /* 0px left, 0.9em right */
    text-align: center; 
}
 
/* Article message box styles */
table.ambox {            /* 10% = Will not overlap with other elements */
    margin: -1px 10% 0px;    /* -1px = Single border between stacked boxes in all browsers */
    border: 1px solid #aaa; 
    border-left: 10px solid #1e90ff;    /* Default "notice" blue */
    background: #fbfbfb; 
}
.ambox th.mbox-text, 
.ambox td.mbox-text {            /* The message body cell(s) */
    border: none; 
    padding: 0.25em 0.5em;       /* 0.5em left/right */
    width: 100%;                 /* Make all amboxes the same width regardless of text length */
}
.ambox td.mbox-image {           /* The left image cell */
    border: none; 
    padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
    text-align: center; 
}
.ambox td.mbox-imageright {      /* The right image cell */
    border: none; 
    padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
    text-align: center; 
}
 
table.ambox-notice {
    border-left: 10px solid #1e90ff;    /* Blue */
}
table.ambox-speedy {
    border-left: 10px solid #b22222;    /* Red */
    background: #fee;                   /* Pink */
}
table.ambox-serious,
table.ambox-delete {    /* "serious" is deprecated, use "delete" instead. */
    border-left: 10px solid #b22222;    /* Red */
}
table.ambox-content {
    border-left: 10px solid #f28500;    /* Orange */
}
table.ambox-style {
    border-left: 10px solid #f4c430;    /* Yellow */
}
table.ambox-move {
    border-left: 10px solid #9932cc;    /* Purple */
}
table.ambox-protection {
    border-left: 10px solid #bba;       /* Gray-gold */
}

/* </pre> */