MediaWiki:Common.css

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

@import url("/w/index.php?action=raw&ctype=text/css&title=Mediawiki:hilight-users.css"); 
@import url("/w/index.php?action=raw&ctype=text/css&title=Mediawiki:Custom-gallery.css"); 

.staffHeader {
  text-align: center;
  display: block;
}

ul.staffList {
  padding-left: 15px;
  padding-right: 15px;
}

#disqus_thread ul, .dsq-widget ul {
  list-style: none;
}

ul.episodeDates {
  list-style-image: none;
  list-style-type: none !important;
  margin-left: 0px;
  padding-left: 0px
}

body.page-Main_Page h1.firstHeading { 
display:none;
border-bottom: 1px solid;
}

#p-This_Page_On  h5 { font-weight: bold;
color:BLACK }

.slideshow div {
  _position: absolute;
}

.slideshow div div {
  _position: static;
}

/*****
** Table formatting
*****/
table.seasontable {
    background-color: transparent;
}

div.ImageGroup a {
color:black;
text-decoration:none;
}
table.seasontable tr {
	background-color: #F2F2F2;
}

table.ratingtable {
	background-color: transparent;
}

table.ratingtable tr {
	background-color: #F9EAC3;
}

table.ratingtablevideo {
	background-color: transparent;
}

table.ratingtablevideo tr {
	background-color: #C0E0F8;
}

   table.wikitable,
   table.prettytable {
      margin:1em 1em 1em 0;
      background:#F9F9F9;
      border:1px #AAA solid;
      border-collapse:collapse;
      }
 
   table.wikitable th, table.wikitable td,
   table.prettytable th, table.prettytable td {
      border:1px #AAA solid;
      padding:0.2em;
      }
 
   table.wikitable th,
   table.prettytable th {
      background:#F2F2F2;
      text-align:center;
      }
 
   table.wikitable caption,
   table.prettytable caption {
      margin-left:inherit;
      margin-right:inherit;
      }
/* 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: #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.standard-talk {
   border: 1px solid #c0c090;
   background-color: #f8eaba;
}


/* Hover Box for switching the visibility of the selected item */
.hoverbox { position:relative; padding:0em; }
.hoverbox .hoveritem { visibility:collapse; position:absolute; left:0px; top:0px; }
.hoverbox .hoveritem.selected { visibility:visible; position:relative; }
.hoverbox:hover .hoveritem { visibility:visible; position:relative; }
.hoverbox:hover .hoveritem.selected { visibility:collapse; position:absolute;}

/* NS MediaWiki + MediaWiki_talk (light grey) */
.ns-8 #content, .ns-9 #content { background: #f5f5f5; }
.ns-8 div.thumb, .ns-9 div.thumb { border-color: #f4f4f4; }

/* 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.         */
 
/* Makes redirects appear in italics in categories and on [[Special:Allpages]] */
.redirect-in-category, .allpagesredirect {
    font-style: italic;
}

/* Gives the "Fade to transparent" effect in table cells and DIV */
/* Used in conjunction with "background-color:<colour>" */
#gradient, .gradient { 
    background-image: url("https://aiowiki.com/w/Gradient-1pixel.png"); 
}
#gradient, .contgradient { 
    background-image: url("https://aiowiki.com/w/images/3/37/Contents_grad.png"); 
}

.contgradient {
background: url("https://aiowiki.com/w/images/3/37/Contents_grad.png") 0% 0% repeat-y;
}

#gradient, .todayepgradient { 
    background-image: url("https://aiowiki.com/w/images/2/26/Today_ep_grad.png"); 
}
#gradient, .releasegradient { 
    background-image: url("https://aiowiki.com/w/images/9/9d/Release_grad.png"); 
}
#gradient, .quotegradient { 
    background-image: url("https://aiowiki.com/w/images/e/e9/Quote_grad.png"); 
}
#gradient, .newsgradient { 
    background-image: url("https://aiowiki.com/w/images/6/67/News_grad.png"); 
}
#gradient, .newepgradient { 
    background-image: url("https://aiowiki.com/w/images/5/5a/New_ep_grad.png"); 
}


/* Folding wiki tabs: inset box style */


.foldtabSet {
}
.foldtabHead a { 
  text-decoration:none;
  border-style:solid;
  border-width:2px;
}
.episode-infobox .foldtabHead a {
  padding:1px 2px 2px 2px;
  background: linear-gradient(180deg, rgba(249,234,195,1) 0%, rgba(238,201,71,1) 100%);
  border-color:#eec947;
  border-top-color:#F9EAC3;
}
.album-infobox .foldtabHead a {
  padding:1px 2px 1px 2px;
  background: linear-gradient(180deg, rgba(179,205,230,1) 0%, rgba(102,153,204,1) 100%);
  border-color: #6699CC;
  border-top-color: #B3CDE6;
  color: black;
}

.foldtabHead a.selected { 
  font-weight:bold;
  background-image: none; 
}
.episode-infobox .foldtabHead a.selected {   border-bottom-color:#F9EAC3; }
.album-infobox .foldtabHead a.selected {   border-bottom-color:#B3CDE6; }

.foldtabHead a:hover { 
  background-image: none; 
  border-bottom-width:3px;
}
.episode-infobox .foldtabHead a:hover {   border-bottom-color:#F9EAC3; }
.album-infobox .foldtabHead a:hover {   border-bottom-color:#B3CDE6; }

.foldtabHead p { padding:0;margin:0; }

.questionId { display: none; }

table.foreign-lines td{
 padding:3px;
 width:50%;
}


table.collapsed tr.collapsible {
         display: none; 
}
   
.collapseButton {                /* 'show'/'hide' buttons created dynamically by the               */
         float: right;               /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
         font-weight: normal;        /* are styled here so they can be customised.               */
         text-align: right;
         width: auto; 
}

.ImageGroup {
         color: #EEC947;
}

.hiddenStructure {
          display: none
}

/*nice looking hover boxes for character charts */
div.tip{
	text-decoration:none
}
.tip {
  position: relative;
  display: inline-block;
  text-decoration: underline dotted;
}
.tip span {display: none;}
.tip:hover span {
  z-index: 2;
  display: block;
  position: absolute; 
  padding: .5em;
  content: attr(title);
  min-width: 120px;
  text-align: center;
  width: auto;
  height: auto;
  white-space: nowrap;
  left: -20.5px;
  top: -39px;
  background: rgba(0,0,0,.8);
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;    
  color: #fff;
  font-size: .86em;
}
/* make the triangle*/
.tip:hover span:after {
  position: absolute;
  display: block;
  content: "";  
  border-color: rgba(0,0,0,.8) transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  bottom: -20px;
  left:1em;
}
.tip span a{
    text-decoration: none;
    color: white;
}

.tip span a.external{
    text-decoration: none !important;
    color: white !important;
}


.list-2-columns{
   -webkit-column-count: 2;
   -moz-column-count: 2;
   -o-column-count: 2;
   column-count: 2; 
}

.list-3-columns{
   -webkit-column-count: 3;
   -moz-column-count: 3;
   -o-column-count: 3;
   column-count: 3; 
}

.list-4-columns{
   -webkit-column-count: 4;
   -moz-column-count: 4;
   -o-column-count: 4;
   column-count: 4; 
}

.list-5-columns{
   -webkit-column-count: 5;
   -moz-column-count: 5;
   -o-column-count: 5;
   column-count: 5; 
}

.fake-button{
    background-color: #3d5afe;
    color: white;
    padding: 9px;
    border-radius: 3px;
}
.fake-button:hover{
    cursor: pointer;
}
.char-int:hover{
    cursor: pointer;
}

.selected-intersection-character{
    background-color: yellow;
    display: initial;
    padding: 5px;
    margin-left: -5px;
}

#search-box{
    text-align:center;
    font-size: larger;
}


.checkbox-container {
	display: inline-block;
	position: relative;
}

.checkbox-label {
	line-height:20px;
	display: inline-block;
    vertical-align: middle;
}

.checkbox-container label {
	background-color: #aaa;
	border: 1px solid #fff;
	border-radius: 20px;
	display: inline-block;
	position: relative;
	transition: all 0.3s ease-out;
	width: 45px;
	height: 25px;
	z-index: 2;
}

.checkbox-container label::after {
	content: ' ';
	background-color: #fff;
	border-radius: 50%;
	position: absolute;
	top: 2px;
	left: 1px;
	transform: translateX(0);
	transition: transform 0.3s linear;
	width: 20px;
	height: 20px;
	z-index: 3;
}

.checkbox-container input {
	visibility: hidden;
	position: absolute;
	z-index: 2;
}

.checkbox-container input:checked + label::after {
	transform: translateX(calc(100% + 0.5px));
}

.checkbox-container.blue .active-circle,
.checkbox-container.blue input:checked + label {
	background-color: #3d5afe;
}