MediaWiki:Common.css

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

/* {{spoiler}} templates -- default select-to-view */

.spoiler {
    border: .1em dotted #808080;
    background: #fff;
    padding: .1em .2em;
}

.spoilerhidden, .spoilerhidden a, spoilerhidden a:visited, .spoilerhidden .new, .spoilerhidden .external, .spoilerhidden .extiw {
    color: #fff !important;
    background-image: none;
}

/* {{Work}}/{{Trope}}/{{Creator}} templates */
.tropemenu { text-align:center; font-weight: bold; }
.tropemenu li { white-space: nowrap }


/* Trope link styling (put before page menu) */
a.trope, a.ymmv {
	color: #347E4F;
}
a.ymmv {
	border-bottom: 1px dotted #347E4F;
}
a.trope:visited, a.ymmv:visited {
	color: #006400;
}

/* page menu */
div.sp-menu { 
  background-color: #F6F6F6;
  background-image: linear-gradient(to bottom, #FFF 50%, #F6F6F6 90%);
  border-bottom: 1px solid #AAA;
  text-align: center;
  padding: 1px;
  font-family: Arial, Verdana, sans-serif;
  margin-bottom: 0.5em;
  clear: both;
}
.skin-vector .sp-menu:first-child,
.skin-metrolook .sp-menu:first-child {
	margin-top: -1em;
}

.sp-menu a, .sp-menu a:visited,
.sp-menu a.extiw, .sp-menu a.extiw:visited,
.sp-menu strong {
  border: none;
  border-radius: 5px;
  display: block;
  text-decoration: none;
  color: white;
  padding: 5px 10px;
  background: #6588a3; /* #617F8A;  2C5463 */
  margin: 1px;
  white-space: nowrap;
}
.sp-menu a.new, .sp-menu a.new:visited { color: pink; }
.sp-menu .mw-redirect { text-decoration: underline }

/* light colors: 89b0cc/79a2bf/9cbfd9/7dabcc/b3d0e6 */
.sp-menu ul {  font-size: 14px;   margin: 0;   padding: 0;   list-style: none; }
.sp-menu li {  display: inline-block;   position: relative; }
.sp-menu li ul { display: none; text-align: left; min-width: 100%; }
.sp-menu li:hover > ul {  z-index: 2; display: block;   position: absolute; }
.sp-menu li:hover li { font-size: 11px; display: block; float: none;  margin: 0}

.sp-menu li:hover a { background: #77a0c1; /* #95A9B1; */ }
.sp-menu li li a { background: #80acd0; /* #95A9B1; */}
.sp-menu li li:hover a { background: #89b9df; /* #b4c6cd; */ }
.sp-menu li li li:hover a { background: #a0c8ec;  }
.sp-menu li li li li a:hover { background: #b3d0e6; }

.sp-menu li li a { margin: 0; border-top: 1px solid white; }
.sp-menu li li ul { 
	position: absolute; left: 100%; top:0;  min-width: inherit;
}

#tm-Analysis, #tm-Characters, #tm-Laconic, #tm-Recap, #tm-Trivia, #tm-YMMV,
 #tm-Awesome, #tm-crowners, #tm-Fridge, #tm-Fanfic_Recs, #tm-Haiku,
 #tm-Headscratchers, #tm-Heartwarming, #tm-Ho_Yay, #tm-Image_Links,
 #tm-Memes, #tm-Nightmare_Fuel, #tm-Quotes, #tm-Radar, #tm-Reviews,
 #tm-Tear_Jerker, #tm-Useful_Notes, #tm-WMG, #tm-Wikipedia,
 #tm-Allothers, #tm-New, #tm-Funny, #tm-Setting { 
	background-repeat: no-repeat;
	position: relative;
	display: inline-block;
	width: 16px; height: 16px;
	top: 3px;
	margin: -3px 4px 0 0;
    background-image: url(https://static.miraheze.org/allthetropeswiki/7/7d/ATTspriterow.png);
}

#tm-Laconic { background-position: 0px 0 }
#tm-Analysis   { background-position: -16px 0 }
#tm-Characters { background-position: -32px 0 }
#tm-Recap, #tm-By_Medium  { background-position: -48px 0 }
#tm-Setting    { background-position: -64px 0 }
#tm-Trivia     { background-position: -80px 0 }
#tm-YMMV       { background-position: -96px 0 }
#tm-Awesome    { background-position: -112px 0 }
#tm-Crowners    { background-position: -112px 0 }
#tm-Fridge     { background-position: -128px 0 }
#tm-Funny      { background-position: -144px 0 }
#tm-Fanfic_Recs { background-position: -160px 0 }
#tm-Haiku      { background-position: -176px 0 }
#tm-Headscratchers { background-position: -192px 0 }
#tm-Heartwarming { background-position: -208px 0 }
#tm-Ho_Yay     { background-position: -224px 0 }
#tm-Image_Links { background-position: -240px 0 }
#tm-Memes      { background-position: -256px 0 }
#tm-Nightmare_Fuel { background-position: -272px 0 }
#tm-Quotes     { background-position: -288px 0 }
#tm-Radar      { background-position: -304px 0 }
#tm-Reviews    { background-position: -320px 0 }
#tm-Tear_Jerker  { background-position: -336px 0 }
#tm-Useful_Notes { background-position: -352px 0 }
#tm-WMG        { background-position: -368px 0 }
#tm-Wikipedia  { background-position: -384px 0 }
#tm-Allothers  { background-position: -400px 0 }
#tm-New        { background-position: -416px 0 }
#tm-Playing_With { background-position: -432px 0 }


/* Examples and tropelist templates, et al. */
.examplesbox {
	font-size: 16px;
	margin: 8px;
	background-color: #f9f9f9;
	border: solid 1px #aaa;
	padding: 5px;
	text-align: center;
	overflow: hidden;
}

/**
 * Styling for links generated by [[MediaWiki:Edittools]]
 * @source www.mediawiki.org/wiki/Extension:CharInsert#Styling
 * @updated 2012-02-29
 */
.mw-charinsert-buttons {
        margin-top: 10px;
        border: 1px solid #aaaaaa;
        padding: 1px;
        text-align: center;
        font-size: 110%;
}
.mw-charinsert-buttons a {
        color: black;
        background-color: #cde !important;
        font-weight: bold;
        font-size: .9em;
        text-decoration: none;
        border: thin #069 outset;
        padding: 0 .1em .1em;
}
.mw-charinsert-buttons a:hover,
.mw-charinsert-buttons a:active {
        background-color: #bcd;
        border-style: inset;
}
.client-js .mw-edittools-section {
        display: inline;
}
.client-js .mw-edittools-section input[type="button"] {
        font-size: 0.9em;
        padding-left: 1px;
        padding-right: 1px;
        margin-left: 1px;
}


/* Styling for Template:Quote */
blockquote.templatequote {
     margin-top: 0;
}
blockquote.templatequote div.templatequotecite {
    line-height: 1em;
    /* @noflip */
    text-align: left;
    /* @noflip */
    padding-left: 2em;
    margin-top: 0;
}
blockquote.templatequote div.templatequotecite cite {
    font-size: 85%;
}

table td.forum_title a.forum_new { font-weight: bold }
table td.forum_title a.forum_new:visited { font-weight: normal }
.forum_edited a { text-decoration: none }

.forumlist { border-collapse: collapse }
.forumlist td { border-top: solid #999 1px }
.forumlist td span { display: block; padding-left: 10px; font-size: smaller }
.forumlist td span a { text-decoration: none; }
.forumlist td .forum_author { padding-left: 30px; }
.forumlist td.forum_title a { padding-left: 20px }
.forumlist td.forum_title span a { padding-left: 0px }
.forumlist td.forum_title a.forum_new { background: url(/w/images/Forum_new.gif) center left no-repeat }
.forumlist td.forum_title a.forum_new:visited { background: none }
.forumlist th.forum_title { padding-left: 20px }


.catbox {
    float: left;
    clear: left;
    margin-bottom: 0.5em;
    border: 1px solid #ccc;
    padding: 2px;
    background: #F9F9F9;
    text-align: left;
    font-size: 95%;
    max-width: 350px;
}

.refheader {
  font-size: 150%;
  margin-bottom: 0.6em;
  color: black;
  overflow: hidden;
  padding: 0.5em 0.17em;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #aaaaaa;
}

/**
 * Style for horizontal lists (separator following item).
 * @source mediawiki.org/wiki/Snippets/Horizontal_lists
 * @revision 4.2 (2013-11-20)
 * @author [[User:Edokter]]
 */
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
    display: inline;
}
/* Display nested lists inline */
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
    display: inline;
}
/* Generate interpuncts */
.hlist dt:after {
    content: ": ";
}
.hlist dd:after,
.hlist li:after {
    content: " · ";
    font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* For IE8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
    content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
    content: " (";
    font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
    content: ") ";
    font-weight: normal;
}
/* For IE8 */
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {
    content: ") ";
    font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
    counter-reset: list-item;
}
.hlist ol > li {
    counter-increment: list-item;
}
.hlist ol > li:before {
    content: " " counter(list-item) " ";
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
    content: " (" counter(list-item) " ";
}

/**
 * Allow limiting of which header levels are shown in a TOC;
 * <div class="toclimit-3">, for instance, will limit to
 * showing ==headings== and ===headings=== but no further.
 * Used in [[Template:TOC]]
 */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
	display: none;
}

/* Disambig and set index box styles */
.dmbox {
    clear: both;
    margin: 0.9em 1em;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: transparent;
}

/* Default style for navigation boxes */
.navbox {                     /* Navbox container style */
    border: 1px solid #aaa;
    width: 100%;
    margin: auto;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px;
}
.navbox-inner,
.navbox-subgroup {
    width: 100%;
}
.navbox-group,
.navbox-title,
.navbox-abovebelow {
    padding: 0.25em 1em;      /* Title, group and above/below styles */
    line-height: 1.5em;
    text-align: center;
}
th.navbox-group {             /* Group style */
    white-space: nowrap;
    /* @noflip */
    text-align: right;
}
.navbox,
.navbox-subgroup {
    background: #fdfdfd;      /* Background color */
}
.navbox-list {
    line-height: 1.8em;
    border-color: #fdfdfd;    /* Must match background color */
}
.navbox th,
.navbox-title {
    background: #ccccff;      /* Level 1 color */
}
.navbox-abovebelow,
th.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 */
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
    margin-top: -1px;          /* (doesn't work for IE6, but that's okay)       */
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
    padding: 0.125em 0;       /* Adjust hlist padding in navboxes */
}
ol + table.navbox,
ul + table.navbox {
    margin-top: 0.5em;        /* Prevent lists from clinging to navboxes */
}
 
/* Default styling for Navbar template */
.navbar {
    display: inline;
    font-size: 88%;
    font-weight: normal;
}
.navbar ul {
    display: inline;
    white-space: nowrap;
}
.navbar li {
    word-spacing: -0.125em;
}
.navbar.mini li span {
  font-variant: small-caps;
}
/* Navbar styling when nested in infobox and navbox */
.infobox .navbar {
    font-size: 100%;
}
.navbox .navbar {
    display: block;
    font-size: 100%;
}
.navbox-title .navbar {
    /* @noflip */
    float: left;
    /* @noflip */
    text-align: left;
    /* @noflip */
    margin-right: 0.5em;
    width: 6em;
}

/* Infobox template style */
.infobox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    color: black;
    /* @noflip */
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    /* @noflip */
    float: right;
    /* @noflip */
    clear: right;
    /* @noflip */
    text-align: left;
    font-size: 88%;
    line-height: 1.5em;
}
.infobox caption {
    font-size: 125%;
    font-weight: bold;
}
.infobox td,
.infobox th {
    vertical-align: top;
}
.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.sisterproject {
    width: 20em;
    font-size: 90%;
}
 
.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;
    /* @noflip */
    border-right: 1px solid #aaa;
}
 
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
    border: 0;
    /* @noflip */
    border-right: 1px solid #aaa;
}

/* LQT styling */

.lqt_toc {
    background: oldlace!important;
    border: 2px black solid!important;
}

.lqt-post-wrapper {
    background: none repeat scroll white!important;
}

.ve-not-available .mw-editsection-divider {
	display: inline;
}

/**
* Fix for http://bugzilla.shoutwiki.com/show_bug.cgi?id=191 (long words do not wrap)
*
* @see http://stackoverflow.com/questions/7284990/css-how-to-break-long-words-in-a-table-td/11423675#11423675
* @see http://webdesignerwall.com/tutorials/word-wrap-force-text-to-wrap
*/
.mw-wikiforum-thread-main,
.mw-wikiforum-thread-sub {
    word-wrap: break-word;
}

td.mw-wikiforum-thread-main, td.mw-wikiforum-thread-sub {
    word-wrap: break-word;
    word-break: normal;
}

#mw-wikiforum-searchbox-border {
    width: 600px;
}

.mw-wikiforum-descr {
    color: black;
    font-size: 11px;
}

.mw-wikiforum-posted {
    color: black;
    font-size: 11px;
}

.mw-wikiforum-headerrow {
    font-size: 12px;
}

p.mw-wikiforum-descr {
    color: black;
    font-size: 11px;
}