A Wiki in the Desert
Log in

Difference between revisions of "MediaWiki:Refreshed.css"

From A Wiki in the Desert
m (Fix for Visual Editor)
m
 
Line 1,870: Line 1,870:
 
     display: inline-block;
 
     display: inline-block;
 
     margin: 0;
 
     margin: 0;
 +
}
 +
 +
#pt-uls .uls-trigger {
 +
  display: block;
 
}
 
}
  

Latest revision as of 20:32, 25 May 2021

/* Hide H1s and refs on portal pages */

body.page-Main_Page h1#firstHeading,
body.page-Main_Page .reference,
body.page-Main_Page .references {
  display: none;
}

/* Talk header */

.fw-talkheader {
  margin: 0 auto;
  width: 80%;
  border: 1px solid DarkGray;
}

.fw-talkheader-headline {
  text-align: center;
  font-size: 120%;
}

.fw-talkheader-headline p {
  margin-top: 0.5em !important;
}

.fw-talkheader-links {
  text-align: left;
}

.fw-talkheader-analysis {
  font-size: 115%;
}

.fw-talkheader-analysis-body {
  padding: 0.5em;
}

/* Main page */

table#fw-mainbody {
  background: none;
}

/* Main page header */

#fw-mainpagelogo {
  float: left;
  margin-right: 1em;
}

h2#fw-welcomesubhed,
p#fw-articlecount {
  padding: 0;
  border: 0;
  margin: 0;
}

div#fw-portals {
  -moz-columns: 4 7em;
  -webkit-columns: 4 7em;
  columns: 4 7em;
}

div#fw-topbanner {
  margin-bottom: 1em;
}

/* 800px breakpoint */

@media (max-width: 800px) {

  /* Collapse main page layout table */

  table#fw-mainbody td.main-column {
    display: block;
    width: 100%;
  }

}

/* Mark redirects in Special:Allpages and Special:Watchlist */

.allpagesredirect {
   font-style: italic;
}

.allpagesredirect:after {
  color: #808080; 
  content: " (redirect)"
}

.watchlistredir {
  font-style: italic;
}

.tantable {
  border: 1px solid DarkGray;
  font-size: 0.9em;
}

.tantable td {
  padding: 0 0.5em;
}

/* Alignment grids */

table.fw-alignment-grid {
  text-align: center;
  font-size: smaller;
  padding: 1px;
  border: 1px solid #999;
}

tr.fw-alignment-cells td {
  padding: 0.25em 0.4em;
  border: 1px solid #d9d9d9;
  background-color: #d9d9d9;
}

tr.fw-alignment-cells td.on {
  background-color: #9fc7fe;
  border-color: #185dbb;
}

tr.fw-alignment-cells a {
  text-decoration: none;
}

/* File history table */

table.filehistory {
  border: 1px solid darkGray;
  border-collapse: collapse;
}

/* Gallery elements */

table.gallery {
  background: none;
  border: 0;
}

div.gallerybox div.thumb {
  margin: 2px;
  text-align: center;
  border: none;
}

table.gallery td {
  background: none;
  border: 1px solid DarkGray;
  vertical-align: top;
}

/* Thumbnail elements */

div.thumb {
  margin-bottom: 0.5em;
  width: auto;
  border: none;
}

.thumb {
  background: none;
}

/* Other layout elements */

.mw-pages {
  background: none;
}

fieldset {
  border: 1px solid darkgray;
  line-height: 1.5em;
  margin: 1em 0px;
  padding: 0px 1em 1em;
}

.tbody {
  border: none;
  background-color: transparent;
}

/* Recent changes byte indicators */

.mw-plusminus-pos {
  color: #006500; /* green */
}

.mw-plusminus-neg {
  color: #8b0000; /* red */
}

/* Image frame fix */

div.tright, div.tleft {
  border: 1px solid silver;
}

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

#article div.thumb {
  color: inherit;
}

/* Avoid horizontal scrolling on pages using large images with the center parameter (ie. Sothis) */

.floatnone > a:nth-child(1) > img:nth-child(1) {
  max-width: 100%;
  height: auto;
}

/* Default skin for navigation boxes -- MAY NEED REVISION */

table.navbox {
  border: 1px solid DarkGray;
  clear: both;
  font-size: 0.95em;
  height: 8pt;
  margin: 1em 0 0 0;
  padding: 1px;
  text-align: center;
}

table.navbox th {
  padding-left: 0;
  padding-right: 0;
}

table.navbox,
table.navbox th,
table.navbox-table,
table.navbox-subgroup,
table.navbox-subgroup tr {
  width: 100%;
}

.navbox .div-col ul {
  margin: 0;
  list-style-type: none;
}

/* Hide navboxes on print output */

@media print {
  .navbox {
    display: none;
  }
}

.mw-specialpages-table {
  background: none;
}

/* Sidebar */
.portlet h5 {
  margin-top: 1em;
  display: block;
  font-size: 0.91em;
  font-weight: Bold;
  font-color: Black;
  height: 1em;
  padding: 0 1em 0 0.5em;
  text-transform: none;
  white-space: nowrap;
}

/* Remove empty, useless interlanguage section ("In other languages") */

div#p-lang {
  display: none;
}

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */

sub, sup {
  font-size: 0.75em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Add margins to JS collapse buttons, VDE */

.collapseButton {
  margin-right: 3px;
}

.vdePod {
  margin-left: 3px;
}

/* Style for horizontal lists (separator following item).
   Source: https://en.wikipedia.org/wiki/MediaWiki:Common.css
   See also https://en.wikipedia.org/wiki/Template:Flatlist */
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  margin: 0;
  display: inline;
}

/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.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;
}

/* Prevent dots from wrapping in navbox hlists */
table.navbox.hlist dd:after,
table.navbox.hlist li:after {
    content: " ·";
}

/* Prevent extraneous space for navbox hlists */
table.navbox.hlist li {
  display: inline-block;
}

/* Remove dot from last item in hlists */
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after,
table.navbox.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,
table.navbox.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: listitem;
}

.hlist ol > li {
  counter-increment: listitem;
}

.hlist ol > li:before {
  content: " " counter(listitem) " ";
  white-space: nowrap;
}

.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
  content: " (" counter(listitem) " ";
}

/* Avoid breaking list elements across columns when using {{Columns-list}} */

.div-col dt,
.div-col dd,
.div-col li {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

/* Narrow ordered list indents */

#mw-content-text ol {
  margin-left: 1.5em;
}

/* Wrap preformatted text */

#mw-content-text pre {
  white-space: pre-wrap; 
  white-space: -moz-pre-wrap; 
  white-space: -pre-wrap; 
  white-space: -o-pre-wrap; 
  word-wrap: break-word;
}

/* Add margin to horizontal rules in content */

#mw-content-text > hr {
  margin: 1em 0;
}

/* Quote template styles */

table.quote {
  border-collapse: collapse;
  border-style: none;
  background-color: transparent;
  color: inherit;
}

td.quotationmark {
  font-size: 3.0725em; 
  font-weight: Bold; 
  text-align: left; 
  padding: 10px;
}

td.quotecontent {
  font-style: italic;
  padding: 4px 10px;
}

span.quoteheader {
  font-size: 1.4em;
  font-weight: Bold;
  display: block;
}

td.quotespeaker {
  padding: 0 1em;
}

.quote p:last-of-type {
  margin-bottom: 0;
}

/* Optional nowrap style */

.nonwrappinglinks a {
  white-space: nowrap;
}

/* Hide back tab in tutorials */

.backtab {
  display: none;
}

/* Navbox index fixes */
/*   Set navbox index hlists to display inline, allowing long lines to break. */

table.navbox-index.hlist li {
  display: inline;
}

/*   Remove nonbreaking space from hlist bullets in navbox indices, allowing bullet whitespace to collapse. */

table.navbox-index.hlist li:after {
  content: " · ";
}

/*   Prevent links from wrapping in navbox indices. */

table.navbox-index table.nowraplinks a {
  white-space: nowrap;
}

/* Allow setting limits on ToC depth via CSS classes */

.toclimit-1 li.toclevel-2,
.toclimit-2 li.toclevel-3,
.toclimit-3 li.toclevel-4,
.toclimit-4 li.toclevel-5,
.toclimit-5 li.toclevel-6,
.toclimit-6 li.toclevel-7,
.toclimit-7 li.toclevel-8 {
  display: none !important;
}

/* Style announcements */

.announcement {
  background-color: White;
  text-align: center;
  border: 2px dotted DarkGray;
  margin: 1rem auto;
}

/* Search bar & page */

form#powersearch, form#powersearch h4,
form#search, form#search h4 {
  font-family: 'Montserrat', sans-serif;
}

#mw-searchoptions tr,
#mw-searchoptions td {
  display: inline-table;
}

#mw-searchoptions td {
  min-width: 14em;
}

/* Error handling */

.action-view .error {
  display: none;
}

/* QuickLink */

a.ui-corner-all {
  color: Black;
}

/* Previews */

.previewnote p {
  text-indent: 0;
}

/* HideSection */

img.hidesection-image {
  max-width: 0.8em;
  padding: 0 0.25em 0 0;
}

/* -- Hide arrows on h3 and lower.
      The extension ought to set this, but doesn't. */

h3 img.hidesection-image,
h4 img.hidesection-image,
h5 img.hidesection-image {
  display: none;
}

/***** CSS placed here will be applied to all skins on the entire site. *****/

/* Color UI buttons */

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
  color: Black;
  background-color: Tan;
  border: 0;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
  color: Black;
  background-color: Wheat;
  border: 0;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
  color: Black;
  background-color: Tan;
  border: 0;
  box-shadow: none;
}

/* Talk header */

.fw-talkheader {
  background-color: Beige;
}

.fw-talkheader-headline,
.fw-talkheader-links,
.fw-talkheader-analysis {
  background-color: Tan;
}

/* Beige/tan table styles, also used in infoboxes */

.tantable {
  background-color: Beige;
}

.tantable th {
  background-color: Tan;
}

/* Alternating row color option for tantables */

.tantablerows tr:nth-child(even) {
  background-color: #e5e5cc; /* rgb(229,229,204), off Beige */
}

/* File table */

table.filehistory {
  background-color: Beige;
}


/* Default skin for navigation boxes -- MAY NEED REVISION */

table.navbox,
.navbox-list {
  background-color: Beige;
}

table.navbox th,
table.navbox tr:not(:first-child) th {
  background-color: Tan;
}

/* Hide navboxes on print output */

@media print {
  .navbox {
    display: none;
  }
}

/* Sidebar */

.portlet h5 {
  background-color: Tan;
}

td.quotationmark {
  color: Tan;
  font-family: 'Montserrat', sans-serif;
}

/**** Special page styles ****/

ol.special {
  background-color: Beige;
  border: 1px solid DarkGray;
  padding: 1em 1.5em;
  margin-left: 0;
  list-style-position: inside;
}

ol.special li {
  padding-left: 0.5em;
}

ol.special li:nth-child(even) {
  background-color: rgb(235,235,220);
}

/**** References ****/

ol.references li:target, sup.reference:target {
  background-color: Wheat;
}

/* Fix transcluded reference text */
span.reference-text p {
  display: inline !important;
}

/* Dumb JS behavior on anchor links */
span.mw-headline:target:before {
  display:none;
}

/**** Fallback media player error ****/
.html5media-audio-fallback h2 {
  font-size: 1em;
  font-weight: normal;
  padding: 0;
  margin: 0;
  display: inline;
}

.html5media-audio-fallback h3,
.html5media-audio-fallback p {
  display: none;
}

/**** Make editor popups visible over other elements. ****/
.oo-ui-window-active {
  z-index: 999;
}

/***** START GLOBAL *****/

/* OVERRIDE: Base font size */

body {
  font-size: 14px;
}

/* OVERRIDE: Always add margin to first content paragraph. */

#content-wrapper p:first-of-type {
  margin-top: 0.4em;
}

/* Hide scrollbars on first headers (IE/WebKit only) */
h1#firstHeading::-webkit-scrollbar {
  display: none;
}

h1#firstheading {
  -ms-autohiding-scrollbar: none;
}

/* OVERRIDE: Header (logo/search/user) + fixed toolbox (page/talk/edit, when scrolling) + body */

#header-wrapper,
.fixed-toolbox,
#content-wrapper,
div#main-title-messages {
  border: 0;
}

/* OVERRIDE: Header-wrapper z-index problems */

.postedit,
.postedit-container {
  z-index: 30000;
}

/* Add arrow indicator icon to toolbox */

a.toolbox-link.collapse-trigger::before {
  content: "\e053";
  padding-right: 0.25em;
  font-family: "WikiFont-Glyphs" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* OVERRIDE: Style user info and header categories menus */

.header-menu {
  background-color: rgba(41,61,68,0.9);
}

section#user-info,
section#header-categories {
  padding-bottom: 0.5em;
}

#user-info ul.header-menu,
#header-categories .header-menu {
  padding: 0.5em 0 0.5em 0;
  margin-top: -0.125em;
  width: 13em;
}

#user-info .header-menu a,
#header-categories .header-menu a {
  padding-bottom: 0.25em;
}

#user-info .header-menu a {
  text-align: right;
  padding-right: 0.75em;
}

/* OVERRIDE: Category menu autohiding */

#header-categories {
  display: block !important;
}

#header-categories ul.header-menu.collapsible li {
  padding-left: 0.5em;
}

/* OVERRIDE: max-height on header-menus */

ul.header-menu.collapsible {
  max-height: inherit !important;
}

/* OVERRIDE: Fixed toolbox */

.fixed-toolbox {
  left: 14em;
  padding-top: 0.5em;
  padding-bottom: 0.3125em;
  box-shadow: 0 0.3125em 0.3125em rgba(0,0,0,0.2);
}

/* OVERRIDE: We don't use social profiles */

.header-button .avatar {display: none;}

.avatar-no-socialprofile::before {
  content: none;
}

/* OVERRIDE: Don't change case of sidebar or toolbox */

#sidebar li,
.standard-toolbox a,
.static-toolbox a,
.fixed-toolbox a {
  text-transform: inherit;
}

/* OVERRIDE: Remove built-in hover styles in toolbox dropdown */

.standard-toolbox-dropdown a:hover {
  border-left: 0;
  padding-left: 0.25em;
}

/* OVERRIDE: Fix skin's z-index for toolbox dropdown */

.standard-toolbox-dropdown {
  z-index: 4;
}

/* OVERRIDE: Reset header button backgrounds */

.header-button:hover,
.header-button-active,
.header-dropdown-item:hover {
  background-color: inherit;
  background-image: none;
}

/* OVERRIDE: Style sidebar */

section.sidebar-section {
  padding: 0;
}

section.sidebar-section h1.main {
  background: none;
  background-color: #293d44;
  border-top: 1px solid #ceaf5b;
  border-bottom: 1px solid #ceaf5b;
  outline: 1px solid #70725c;
  margin: 0;
  padding: 0.25em 0.5em;
  color: White;
  font-weight: Bold;
}

#sidebar {
  top: 2.95em;
  padding-top: 0;
  padding-bottom: 1em;
}

#sidebar a {
  color: Black;
  margin-left: 0;
  padding-top: 0.2em;
}

#sidebar a:hover {
  border: 0;
  margin-left: 0;
}

#sidebar li {
  padding-top: 0;
  border-bottom: 1px solid LightGray;
}

#sidebar li a {
  padding-bottom: 0.25em;
}

/* Content/article body styles */

#sidebar-wrapper {
  width: 14em;
}

#content-wrapper {
  margin: 0 1em 0 14em;
  padding: 1em;
  min-height: 10.2em;
}

/* First heading style overrides */

.scroll-shadow {
  background: none;
}

#firstHeading {
  white-space: inherit;
  overflow-x: inherit;
  padding-right: 3em;
}

/* Body text and font adjustments */
#bodyContent {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.2em;
  line-height: 1.5;
  color: Black;
  padding: 0.6em 1em 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: Bold;
}

/* OVERRIDE: Prevent tiny contentsub text */

#contentSub {
  font-size: 1em;
}

/* OVERRIDE: Remove table gradient */

#bodyContent .wikitable {
  background: none;
}

/* OVERRIDE: Restore table background color */

table.wikitable > * > tr > td {
  background-color: #f9f9f9;
}

/* OVERRIDE: Add rules beneath headings */

h1, h2, #firstHeading {
  border-bottom: 1px solid DarkGray;
  font-weight: Bold;
}

/* Category links */

div#catlinks {
  background-color: White;
  padding: 0.3125em 1em;
  border-top: 1px solid DarkGray;
  border-bottom: 1px solid DarkGray;
  margin: 1em 0 0 0;
}

#mw-normal-catlinks li {
  margin-top: 0;
}

/* TOC, infobox shadows */

div#toc,
table.infobox,
div.thumb {
  box-shadow: 0.3125em 0.3125em 0.3125em rgba(0,0,0,0.2);
}

/* Remove infobox paragraph margins */

.infobox p {
  margin: 0;
}

/* Infobox last row padding */

.infobox tr:last-of-type td {
  padding-bottom: 0.25em;
}

.infobox table.fw-alignment-grid tr.fw-alignment-cells td {
  padding-bottom: 0;
}

/* OVERRIDE: Preformatted text */

pre {
  background-color: White;
  font-size: 0.9em;
}

/* OVERRIDE: Edit links */

span.mw-editsection {
  font-size: 0.67em;
}

/* Style references */

ol.references {
  margin-left: 1em;
}

/* Increase gap in multi-column references to avoid overlap on pages with more than 100 references */
.references-column-count-2 {
  column-gap: 1.5em;
}

/* OVERRIDE: Remove magnify icon from image thumbnail boxes */

#bodyContent div#mw-content-text div.thumb div.thumbinner div.thumbcaption div.magnify {
  display: none;
}

/* Pad thumbnail box */

div.thumb div.thumbinner div.thumbcaption {
  padding-top: 0.5em;
}

/* Footer */

/* OVERRIDE: Workaround for footer elements lacking meaningful IDs */
ul.footer-row > li.footer-row-item {
  display: block;
}

/* OVERRIDE: Footer item font size */
footer#footer ul li {
  font-size: 0.9em;
}

/* OVERRIDE: Remove noarticletext margin */
.noarticletext p {
  margin: 0;
}

/* Definition lists/talk page indents */

dl {
  margin-top: .5em;
}

/**** Navbox fixes ****/

.navbox .collapsed {
  visibility: inherit;
}

.navbox th {
  text-align: center;
}

.navbox-navbar {
  position: absolute;
}

.vdePod {
  padding: 0.33em !important;
  font-size: 0.75em !important;
}

/* Help title text wrap with less overlap on collapseButtons */

span.navbox-title-span {
  display: inline-block;
  width: 70%;
}

span.collapseLink {
  float: none;
  text-align: right;
  font-weight: normal;
  font-size: 0.9em;
  width: auto;
  margin-left: 0;
}

blockquote p.posted {
  font-size: 0.7em;
}

/* Style site notice */

div#site-notice,
div#new-talk {
  padding: 0.5em 0.5em 0.5em;
  width: 99%;
  box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
  margin: 0;
  text-align: center;
  font-size: 1.5em;
}

div#new-talk:empty {
  box-shadow: 0;
}

div#site-notice a,
div#new-talk a {
  color: Wheat;
}

div#site-notice p,
div#new-talk p {
  margin: 0;
  padding: 0;
}

/**** WikiEditor ****/

.wikiEditor-ui-text {
  font-size: 0.625em;
}

.wikiEditor-toolbar-dialog {
  border: 1px solid DarkGray;
}

/**** Diff ****/

td.diff-deletedline,
td.diff-addedline {
  background-color: White;
}

td.diff-deletedline {
  border-color: Red;
}

td.diff-addedline {
  border-color: Green;
}

td.diff-deletedline .diffchange {
  background-color: #fee;
}

td.diff-addedline .diffchange {
  background-color: #efe;
}

/**** Buttons/buttonize ****/

.editButtons input,
.mw-htmlform-submit-buttons input,
.mw-htmlform-submit-buttons button,
a#mw-prefs-restoreprefs,
a#mw-editform-cancel,
.oo-ui-buttonElement-button,
#mw-search-togglebox input,
.mw-input .mw-ui-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
  font-size: 1em;
  font-weight: Bold;
  color: Black;
  border: 0;
  border-radius: 0.2em;
  padding: 0.25em .5em;
  cursor: pointer;
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
}

.mw-ui-container {
  font-family: 'Montserrat', sans-serif;
}

/**** Special:Preferences ****/

.rootpage-Special_Preferences #mw-content-text,
.rootpage-Special_Preferences input,
.rootpage-Special_Preferences select,
.mw-helplink {
  font-family: 'Montserrat', sans-serif;
}

.rootpage-Special_Preferences td.htmlform-tip {
  font-size: 0.8em;
}

/**** oo-ui ****/

.oo-ui-widget,
.oo-ui-labelElement-label {
  font-family: 'Montserrat', sans-serif;
}

.oo-ui-labelElement-label {
  color: Black;
}

/**** Media queries ****/

/* Mobile */
@media (max-width: 600px) {

  /* Remove content shadow */

  #content-wrapper {
    box-shadow: none;
  }

  /* OVERRIDE: Always clear headings */

  h1, h2, h3, h4, h5, h6 {
    clear: both;
  }

  /* OVERRIDE: Don't wrap anything in mobile */

  body.action-view #bodyContent div#mw-content-text p,
  body.action-view #bodyContent div#mw-content-text div {
    display: block;
    float: none;
    clear: both;
  }

  /* OVERRIDE: Center ToCs */

  #toc {
    margin: 0 auto 1em auto;
  }

  /* Scroll tables that overflow */

  table.tantable {
    overflow: auto;
  }

  /* Reflow navboxes */

  td.navbox-group,
  td.navbox-list,
  td.navbox-image {
    display: block;
    padding: 0.5em;
    width: 100% !important;
    text-align: center !important;
    border: 0 !important;
  }

  table.navbox.hlist dd:after, table.navbox.hlist li:after {
    content: "";
  }

  .navbox-list li,
  table.navbox.hlist li {
    display: block;
    padding: 0;
    border-bottom: 1px solid DarkGray;
    border-collapse: collapse;
  }

  .navbox-list li:last-of-type,
  table.navbox.hlist li:last-of-type {
    border-bottom: 0;
  }

  .navbox-list li a,
  .navbox-list li .selflink,
  .navbox-abovebelow a,
  .navbox-abovebelow .selflink {
    display: block;
    padding: 0.5em;
    text-decoration: none;
  }

  .navbox-list li a:hover,
  .navbox-list li .selflink:hover,
  .navbox-abovebelow a:hover,
  .navbox-abovebelow .selflink:hover {
    background-color: Wheat;
  }

  .navbox-image {
    background-color: White;
  }

  /* OVERRIDE: Reset and restore hamburger */

  a.sidebar-shower.header-button {
    background-color: transparent;
    background-image: url(https://static.atitd.wiki/wiki/icon-rightbar.png)
  }

  /* OVERRIDE: Fix catmenu on mobile */

  section#header-categories ul.header-menu.collapsible {
    top: 2.85em;
    left: 2.45em;
  }

  section#header-categories {
    padding-left: 2em;
  }

  /* OVERRIDE: Reduce button hitbox height on mobile */

  .header-button .wikiglyph {
    height: initial;
  }

  /* OVERRIDE: Reset user menu background color on mobile */

  #user-info .header-menu {
    background-color: rgba(41,61,68,0.9);
  }

  /* Stupid user tools reliance on social profile */
  section#user-info span.arrow {
    display: inline-block;
  }

  /* Stupid indicator hiding on mobile */
  div.mw-indicators div.mw-indicator {
    display: inline !important;
  }
  span.arrow.rotate {
    transform: rotate(0);
  }

  /* Stupid reduction of sidebar menu item touch size */
  #sidebar a {
    display: block;
  }

  #header-categories {
    display: block !important;
  }

  div.thumbinner {
    padding-top: 0 !important;
    padding-bottom: 0.3125em !important;
  }

  /* Main page styles */

  #fw-topbanner {
    text-align: center;
  }

  #fw-mainpagelogo {
    margin: 0 auto;
  }

  #fw-portals {
    margin-top: 1em;
  }

  #fw-portals ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  /* Adjust site notice */

  div#site-notice {
    width: 95%;
  }
}

/* Tablet and mobile styles */
@media (max-width: 1000px) {

  /* OVERRIDE: Prevent collapsing menus from causing body to scroll */
  div.toolbox-container div.collapsible {
    left: -7em;
  }

  div.standard-toolbox,
  div.static-toolbox {
    white-space: nowrap;
  }

  /* OVERRIDE: Even if references are columnized, don't. */
  .references-column-count {
    -moz-column-count: 1 !important;
    -webkit-column-count: 1 !important;
    column-count: 1 !important;
  }

  /* Style references */

  .references li {
    margin-bottom: 1em;
  }

  /* Tweak padding on sidebar links */

  #sidebar a {
    padding-top: 0.1em;
  }

  /* OVERRIDE: Don't wrap basic editing tools */

  div#toolbar, div#toolbar div.mw-toolbar-editbutton {
    display: inline-table !important;
  }
}

/* Tablet and desktop styles */
@media (min-width: 601px) {
  #n-Help {
    display: none;
  }

  /* Shadow */
  #content-wrapper {
    box-shadow: inset 0.3125em 0.3125em 0.3125em rgba(0,0,0,0.2);
  }
}

/* Desktop styles */

@media (min-width: 1001px) {
  body {
    font-size: 14px;
  }
  #header-wrapper .search {
    width: 16em;
  }
}

/* Tablet styles */
@media (max-width: 1000px) and (min-width: 601px) {

  /* Style search box */
  #header-wrapper .search-form {
    background: none;
    padding: 0 0.5em 0.3em;
  }

  /* Nudge smaller sidebar up more */
  #sidebar {
    font-size: 1em;
    top: 3em;
  }

  /* Fix stupid image thumb box sizing */
  .thumb {
    width: initial !important;
  }

  /* Override stupid important padding inside thumbnail boxes */
  div.thumbinner {
    padding: 0 0 0.3125em 0 !important;
  }

  img.thumbimage {
    width: 100%;
  }
}

/* One-off breakpoint at 800px for infoboxes and images, to avoid cramping */
@media (max-width: 800px) {

  /* Override stupid important margin outside thumbnail boxes */
  #bodyContent div.thumb {
    margin-bottom: 1em !important;
  }

  /* Blow up images (ugly) */
  #bodyContent div.thumb div.thumbinner img.thumbimage {
    width: 100%;
  }

  .thumb,
  .infobox {
    clear: both !important;
    float: none !important;
    /* Stupid !important in skin results in cascading stupidity */
    margin: 0 auto 1em auto !important;
  }

  div.thumbinner {
    width: auto !important;
  }
}

@media (min-width: 801px) {
  div.thumb.tleft {
    margin: .5em 1.4em 1.3em 0 !important;
  }

  div.thumb.tright {
    margin: .5em 0 1.3em 1.4em !important;
  }
}

/* Another anchor link vs. fixed header hack */
:target:before {
  content: "";
  display: block;
  height: 80px; /* fixed header height*/
  margin: -80px 0 0; /* negative fixed header height */
}

li:target:before {
  display: none;
  height: 0;
  margin: 0;
}

/***** END GLOBAL *****/

/* Background resets */

#content-wrapper,
.fixed-toolbox,
section.sidebar-section,
div.wikiEditor-ui,
div#wikiEditor-ui-toolbar,
div#wikiEditor-ui-toolbar .booklet .index .current,
button.ui-button.ui-state-default {
  background: none;
  background-color: Beige;
}


#bodyContent div.thumb {
  background: none;
  background-color: White;
}

#content-wrapper,
.fixed-toolbox {
  background-image: url(https://static.atitd.wiki/wiki/parchment-texture.png); /* parchment */
}

/**** Buttons/buttonize ****/

#sidebar a:hover,
div#wikiEditor-ui-toolbar .sections .section,
.editButtons input:hover,
.mw-htmlform-submit-buttons input:hover,
a#mw-editform-cancel:hover,
a#mw-prefs-restoreprefs:hover,
#mw-search-togglebox input:hover,
.mw-input .mw-ui-button:hover,
.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
  background: none;
  background-color: Wheat;
}

.ui-dialog-titlebar,
.ui-widget-header,
.editButtons input,
.mw-htmlform-submit-buttons input,
a#mw-prefs-restoreprefs,
a#mw-editform-cancel,
#mw-search-togglebox input,
.mw-input .mw-ui-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
  background: none;
  background-color: Tan;
}

body {
  background: none;
  background-color: #293d44;
  background-image: url(https://static.atitd.wiki/wiki/leather-texture.png);
  /* OVERRIDE: IE background */
  -ms-filter: inherit;
}

#sidebar-wrapper {
  background: none;
  background-color: Beige;
  /*background-color: #293d44;*/
  /*background-image: url(https://static.atitd.wiki/wiki/leather-texture.png);*/
  border-right: 1px solid #ceaf5b;
  outline: 1px solid #70725c;
  /* OVERRIDE: IE background */
  -ms-filter: inherit;
}

#header-wrapper .search-form {
  background: none;
  background-color: #293d44;
  /* OVERRIDE: IE background */
  -ms-filter: inherit;
}

#header-wrapper {
  background: none;
  background-color: #293d44;
  border-bottom: 1px solid #ceaf5b;
  /* OVERRIDE: IE background */
  -ms-filter: inherit;
}

/* Spacing of down arrow and site-info menu */
a.header-button.collapse-trigger.site-info-arrow {
  width: initial;
}

div#sidebar-logo {
  background-color: #293d44;
}

div#sidebar-logo a.main img,
div#site-info-main a.main img {
  width: 160px;
  height: 30px;
}

#site-info-main ul.header-menu li.header-dropdown-item a img {
  width: 11.1em;
  height: inherit;
  padding: 0.5em 0;
  margin: 0;
}

/* Buttons in header */
.header-button {
  color: White;
}

#sidebar a:hover,
.CategoryTreeToggle {
  color: #581414;
}

/* Content/article body styles */

h1#firstHeading, h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif;
}

.username,
.header-menu,
.header-category-name,
#searchInput,
.suggestions a,
section.sidebar-section a,
section.sidebar-section h1,
.standard-toolbox,
.static-toolbox,
.fixed-toolbox,
#contentSub,
.infobox,
.tantable,
#toc,
#catlinks {
  font-family: 'Montserrat', sans-serif;
}

div.thumb div.thumbinner div.thumbcaption {
  font-family: 'Montserrat', sans-serif;
}

/* Footer */

footer#footer ul li {
  font-family: 'Montserrat', sans-serif;
  color: Wheat;
}

#footer ul li a {
  color: Beige;
  font-weight: Bold;
}

/* Fancy editor */

div.wikiEditor-ui,
div#wikiEditor-ui-toolbar,
.wikiEditor-toolbar-dialog,
.editOptions,
button, .ui-widget button,
.ui-dialog,
.ui-widget,
.ui-widget-content,
.editButtons input,
.mw-htmlform-submit {
  font-family: 'Montserrat', sans-serif;
}

/* Tables */

.wikitable, .tantable {
  font-family: 'Montserrat', sans-serif;
}

blockquote p.posted {
  color: Goldenrod;
}

/* FW-specific */

/* Main page header */

#fw-mainpagelogo {
  float: left;
  margin-right: 1em;
}

@media (max-width: 600px) {
  #fw-mainpagelogo {
    margin: 0 0 1em;
  }
}

h2#fw-welcomesubhed,
p#fw-articlecount {
  padding: 0;
  border: 0;
  margin: 0;
}

div#fw-portals {
  -moz-columns: 4 7em;
  -webkit-columns: 4 7em;
  columns: 4 7em;
}

div#fw-topbanner {
  margin-bottom: 1em;
}

/* Bump portals down on narrow desktop/tablet/mobile */

@media (max-width: 800px) {
  #fw-portals {
    clear: both;
  }
}

/* Navbox */

table.navbox,
div#site-notice,
div#new-talk {
  font-family: 'Montserrat', sans-serif;
}

/* Site notice */

div#site-notice,
div#new-talk {
  background-color: #581414;
  color: White;
}

/* QuickLink */

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: 1px solid Beige;
  background: Beige;
}

/* Search bar */

#searchInput { width: 16em; }

.suggestions-result-current {
  background-color: Tan;
  color: Black;
}

/* Badges */

#articleBadges {
  top: 30px;
  right: 1.5em;
  position: absolute;
}

/* Pull quotes */

td.quotecontent {
  vertical-align: middle;
}

td.quotationmark {
  line-height: 0.8;
}

/* Mobile Size Tweaks */


@media (max-width: 600px) {

  aside#sidebar-wrapper a.sidebar-shower.header-button {
    right: -4em;
    width: 2.75em;
  }

  section#header-categories {
    padding-left: 3em;
  }

  .header-button .arrow {
    display: none;
  }
  
  .header-button {
    width: auto;
  }
  
  div#content-wrapper.mw-body-content {
  	margin-left: 0;
  	margin-right: 0;
  }
}

/* Extra Tweaks */

#site-info-main {
  padding: 0 1em;
}

@media (min-width: 1001px) {
  #content-wrapper, #footer {
    margin: 0 1em 0 14em !important;
  }
}

.wikiglyph-user-dropdown:before {
  content: "\e053";
}

@media (max-width: 600px) {
	
  .wikiglyph-user-dropdown:before {
    content: "\e160";
  }
	
}

.mw-languageselector {
    display: inline-block;
    margin: 0;
}

#pt-uls .uls-trigger {
  display: block;
}

.suggestions {
   z-index: 10001;
}