MediaWiki:Common.css

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

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

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

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); }
 * 1) tm-Analysis, #tm-Characters, #tm-Laconic, #tm-Recap, #tm-Trivia, #tm-YMMV,
 * 2) tm-Awesome, #tm-crowners, #tm-Fridge, #tm-Fanfic_Recs, #tm-Haiku,
 * 3) tm-Headscratchers, #tm-Heartwarming, #tm-Ho_Yay, #tm-Image_Links,
 * 4) tm-Memes, #tm-Nightmare_Fuel, #tm-Quotes, #tm-Radar, #tm-Reviews,
 * 5) tm-Tear_Jerker, #tm-Useful_Notes, #tm-WMG, #tm-Wikipedia,
 * 6) tm-Allothers, #tm-New, #tm-Funny, #tm-Setting {


 * 1) tm-Laconic { background-position: 0px 0 }
 * 2) tm-Analysis  { background-position: -16px 0 }
 * 3) tm-Characters { background-position: -32px 0 }
 * 4) tm-Recap, #tm-By_Medium { background-position: -48px 0 }
 * 5) tm-Setting   { background-position: -64px 0 }
 * 6) tm-Trivia    { background-position: -80px 0 }
 * 7) tm-YMMV      { background-position: -96px 0 }
 * 8) tm-Awesome   { background-position: -112px 0 }
 * 9) tm-Crowners   { background-position: -112px 0 }
 * 10) tm-Fridge    { background-position: -128px 0 }
 * 11) tm-Funny     { background-position: -144px 0 }
 * 12) tm-Fanfic_Recs { background-position: -160px 0 }
 * 13) tm-Haiku     { background-position: -176px 0 }
 * 14) tm-Headscratchers { background-position: -192px 0 }
 * 15) tm-Heartwarming { background-position: -208px 0 }
 * 16) tm-Ho_Yay    { background-position: -224px 0 }
 * 17) tm-Image_Links { background-position: -240px 0 }
 * 18) tm-Memes     { background-position: -256px 0 }
 * 19) tm-Nightmare_Fuel { background-position: -272px 0 }
 * 20) tm-Quotes    { background-position: -288px 0 }
 * 21) tm-Radar     { background-position: -304px 0 }
 * 22) tm-Reviews   { background-position: -320px 0 }
 * 23) tm-Tear_Jerker { background-position: -336px 0 }
 * 24) tm-Useful_Notes { background-position: -352px 0 }
 * 25) tm-WMG       { background-position: -368px 0 }
 * 26) tm-Wikipedia { background-position: -384px 0 }
 * 27) tm-Allothers { background-position: -400px 0 }
 * 28) tm-New       { background-position: -416px 0 }
 * 29) 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; *, 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; }

/** .mw-wikiforum-thread-main, .mw-wikiforum-thread-sub { word-wrap: break-word; }
 * 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
 * @see http://webdesignerwall.com/tutorials/word-wrap-force-text-to-wrap