Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.
Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.
/***** CSS placed here will be applied to all skins on the entire site. *****/

/* Adding animanga's shared styles since it has nice functions */
@import "http://animanga.wikia.com/index.php?title=MediaWiki:Shared.css&action=raw&ctype=text/css&templates=expand";

/* Formatting for "hidden" Appearances section; cc-by-nc by [[w:c:MemoryAlpha:User:Bp]] at [[w:c:MemoryAlpha:User:Bp/interactive tree script]] */
.hiddenlist { display:none; }
.visiblelist { display:block; }

.listexpand { text-decoration: none; color: #002BB8; }
.listexpand:hover { text-decoration: underline; color: #002BB8; }

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

/* Giving headers and TOC a little extra space */
h2 {
   margin-top: 20px;
}
.toc {
   margin-top: 20px;

}

/* special TOC for LOC (List of Characters) */

.tocloc li.toclevel-3, .tocloc li.toclevel-4 {
   display:compact;
   font-weight:normal;
   padding-right:1px;
   font-size:95%;
}

.tocloc li.toclevel-5, .tocloc li.toclevel-6 {
   display:none;
}

.tocloc li.toclevel-2 {
   display:inline-table;
   width:150px;
   font-weight:bold;
   padding-right:2px;
   font-size:95%;
}

.tocloc li.toclevel-1 {
   font-weight:bold;
   font-size:100%;
}
.tocloc .tocnumber { display:none; }


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

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

/* Forum formatting (by -Algorithm & -Splaka) */
.forumheader {
   border: 1px solid #aaa;
   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;
}

/* Image frame fix */
div.tright, div.tleft {
   border: 1px solid silver;
}
div.thumb {
   margin: 2px;
   margin-left: 6px;
}

div.thumbinner {
   background: inherit;
   border: none;
}
#article div.thumb {
   color:inherit;
}

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

/* ++++++++++++++++++++++++++++++++++++++++ */

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

/* calendar style */

.calendar {
  border: 1px solid #bbbbbb;
  font-size: 11px;
  line-height: normal;
  background-color: #E8E8E8;  
}
 
.calendar a {
  color: #000099;
}
 
.calendar td {
  text-align: center;
  padding: 4px;
  margin: 0;
}
 
.calendarTop td {
  background-color: #9ACD32;
  font-weight: bold;
}
 
.calendarTop a {
  color: #000000;
}
 
 
.calendarDayNames {
  background-color: #DFFFA5;    
}
 
.calendarupcoming {
  border: 1px solid #bbbbbb;
  font-size: 11px;
  line-height: normal;
  margin-top: 6px;
  color: #000000;
}
 
.calendarupcomingTop  {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 3px;
  padding-right: 3px;
  background-color: #DFFFA5;
  font-weight: bold;
}
 
.calendarupcomingBottom {
  padding: 2px 3px 2px 3px;
  background-color: #DFFFA5;
  font-weight: bold;
}
 
.calendarupcomingBottom a {
  color: #000000;
}
 
.calendarupcoming-today {
  font-weight: bold;
}
 
.calendarupcomingRow1 {
  padding: 3px;
}
 
.calendarupcomingRow2 {
  padding: 3px;
  border-top: 1px dotted #bbbbbb;     
}
 
.calendarupcomingRow1 a {
  color: #0000CC;
}
 
.calendarupcomingRow1 a:visited {
 color: #663399;
}
 
.calendarupcomingRow2 a {
  color: #0000CC;
}
 
.calendarupcomingRow2 a:visited {
 color: #663399;
}
 
.cal-weekend {
 
}
 
td.cal-today  {
  font-weight: bold;
  background-color: #9ACD32;
}
 
td.cal-eventday {
  font-weight: bold;
}
 
td.cal-eventtoday {
  background-color: #ff8800;
}
 
td.cal-eventtoday a {
  color:#ffffff;
  font-weight: bold;
}

.eventsblock {
  padding-top:25px;
  float:left;
  clear:right;
  width:220px;
  overflow:visible;
}

/* Default skin for navigation boxes */
#nav { 
  border:1px solid #999; 
}

#nav .nav-title a, #nav .nav-header a {
  color: white !important;
}

#nav .nav-title a.new, #nav .nav-header a.new {
  color: #740f05 !important;
}

.nav-title a {
  color: white !important;
}

.nav-title a.new {
  color: #740f05 !important;
}

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


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

/* font style for footnotes, references  */
.references-small { font-size: 90%; }

/* ************************************************************************** */

#FeatureTB {
   vertical-align:top;
   background-color:#3C6183; 
   color:#fff; 
   border: 1px solid #2f4e69;
}

#FeatureTB h2 {
   margin:0;
   background-color:#2f4e69;
   font-size:120%;
   font-weight:bold;
   border:1px solid #3A5872;
   text-align:left;
   color:#fff;
   padding:0.2em 0.4em;
}

#FeatureTB .featureText { color: #fff;}
#FeatureTB .featureText a { color: #cccc99;}
#FeatureTB .featureText a:selected { color: #cccc99;}
#FeatureTB .featureText a.new { color: #e45555  !important;}
#FeatureTB .featureText a.extiw { color: #aaaa99  !important;}

#FeatureTB .calendar {
   background-color: #3C6183;
   border: 1px solid #3A5872;
   margin-top: 6px;
}

#FeatureTB .calendar .calendarTop td { background-color:#2f4e69; }
#FeatureTB td.cal-today { background-color:#2f4e69; }
#FeatureTB .calendar .calendarDayNames { background-color:#385C7C; }

#FeatureTB .calendarupcoming {
   background-color: #3C6183;
   border: 1px solid #3A5872;
   margin-top: 6px;
   color: #ffffff;
}

#FeatureTB .calendarupcoming .calendarupcomingTop { background-color:#2f4e69; color: #ffffff; }
#FeatureTB .calendarupcoming .calendarupcomingBottom { background-color:#2f4e69; color: #ffffff; }

#FeatureTB .ajax-poll {
   border: none;
   margin-top: 0em;
   width: auto;
}

#FeatureTB .pollAnswerVotes { color: #cccc99; }

#poll-left .ajax-poll .header { 
   margin:0;
   background-color:#2f4e69;
   font-size:120%;
   font-weight:bold;
   border:1px solid #3A5872;
   text-align:left;
   color:#fff;
   padding:0.2em 0.4em;
}

#Pic-nav { color: #ffffff; background-color: #3C6183; border: 1px solid #2f4e69; }
#Pic-nav a { color: #cccccc;}
#Pic-nav a:hover { text-decoration: none; color:#a6a6a6}
#Pic-nav a .new { color:#e45555 !important; }
.Pic-nav-item { color: #ffffff; background-color: #385C7C; border: 1px solid #2f4e69; width: 80px; height: 80px; padding:0.5em; margin-top:0.5em;}
.Pic-nav-item:hover { color: #ffffff; background-color: #3F668A; border: 1px solid #2E4C66;}
.Pic-nav-item-link { width: auto; height: auto; margin:0.2em; padding:0.2em; }


#Nav { color: #ffffff; background-color: #3C6183; border: 1px solid #2f4e69; }
#Nav a { color: #cccccc;}
#Nav a:hover { text-decoration: none; color:#a6a6a6}
#Nav a .new { color:#e45555 !important; }
.Nnav-item { color: #ffffff; background-color: #385C7C; border: 1px solid #2f4e69; width: auto; padding:0.3em; margin-top:0.5em;}
.Nav-item:hover { color: #ffffff; background-color: #3F668A; border: 1px solid #2E4C66;}
.Nav-item-link { width: auto; height: auto; margin:0.2em; padding:0.2em; }