Difference between revisions of "MediaWiki:Common.css"

Latest revision as of 21:35, 25 October 2024

/*WikiForum CSS Deployed! Let's make some noise...*/
/* CSS styles for WikiForum extension */
table.mw-wikiforum-frame {
	clear: both; /* @see http://bugzilla.shoutwiki.com/show_bug.cgi?id=190 */
	width: 100%;
	background: #3e4a37;
	border: 1px dashed #6a7064;
        border-radius: 10px;
	margin-bottom: 1.2em;
}
td.mw-wikiforum-innerframe {
	border: 1px solid #3f4a37;
}

table.mw-wikiforum-headerrow {
	clear: both; /* @see http://bugzilla.shoutwiki.com/show_bug.cgi?id=190 */
	width: 100%;
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	margin-top: 1.2em;
	background: transparent;
}

table.mw-wikiforum-footerrow {
	width: 100%;
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	margin-bottom: 1.2em;
	text-transform: uppercase;
}
td.mw-wikiforum-leftside {
	text-align: left;
}
td.mw-wikiforum-rightside {
	text-align: right;
}

table.mw-wikiforum-title {
	width: 100%;
	border-collapse: collapse;
	background: transparent;
}
table.mw-wikiforum-mainpage {
	width: 100%;
	border-collapse: collapse;
	background: transparent;
}
.mw-wikiforum-mainpage tr.mw-wikiforum-title {
	background: #f2ddce;
	height: 2.4em;
}
.mw-wikiforum-mainpage th.mw-wikiforum-lastpost {
	border-right: 1px solid #a3bfb1;
}
.mw-wikiforum-mainpage th.mw-wikiforum-title {
	border-left: 1px solid #a3bfb1;
}
.mw-wikiforum-mainpage td.mw-wikiforum-title {
	background: transparent;
	padding: 5px;
}
.mw-wikiforum-mainpage td.mw-wikiforum-value {
	background: transparent;
}

tr.mw-wikiforum-title {
	background: #59694e;
	height: 3em;
}
th.mw-wikiforum-title {
	font-size: 120%;
        color: #d9ded5;
	font-weight: bold;
	text-align: left;
	padding-left: 10px;
	border-bottom: 1px solid #6a7064;
	border-top: 1px solid #6a7064;
}
th.mw-wikiforum-value {
	width: 90px;
        color: #c2b34f;
	border-bottom: 1px solid #6a7064;
	border-top: 1px solid #6a7064;
	text-align: center;
}
th.mw-wikiforum-admin {
	border-bottom: 1px solid #6a7064;
	border-top: 1px solid #6a7064;
	text-align: right;
}
th.mw-wikiforum-lastpost {
	width: 180px;
	border-bottom: 1px solid #6a7064;
	border-top: 1px solid #6a7064;
	text-align: center;
}
p.mw-wikiforum-valuetitle {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}
tr.mw-wikiforum-normal {
	background: #3f4a37;
}
tr.mw-wikiforum-sticky {
	background: #484d37;
}
td.mw-wikiforum-title {
	text-align: left;
	padding-left: 10px;
	border-bottom: 1px solid #a3bfb1;
}
td.mw-wikiforum-value {
	border-bottom: 1px solid #a3bfb1;
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}
td.mw-wikiforum-admin {
	border-bottom: 1px solid #a3bfb1;
	text-align: right;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}
p.mw-wikiforum-issue {
        color: #c2b34f;
	font-weight: bold;
}
p.mw-wikiforum-issue .a {
        color: #c2b34f;
}
p.mw-wikiforum-thread {
}
p.mw-wikiforum-descr {
	color: #e7e8be;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

span.small {
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
}

table.mw-wikiforum-posted {
	color: #999999;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	border-top: 1px dashed #999999;
	width: 100%;
	background: transparent;
	margin-top: 16px;
	margin-bottom: 6px;
}

th.mw-wikiforum-thread-top {
	font-weight: bold;
	padding: 0px 10px;
	border: none;
        background: transparent;
	text-align: left;
}
td.mw-wikiforum-thread-main {
	padding: 10px 10px;
	border-left: 1px dashed #6e6e6e;
        border-right: 1px dashed #6e6e6e;
        border-bottom: 1px dashed #6e6e6e;
        border-top: 1px dashed #6e6e6e;
        border-radius: 5px;
	background: #353b30;
        width: 50%;
}
td.mw-wikiforum-thread-sub {
	padding: 0px 10px;
        border: 1px dashed #6e6e6e;
        border-radius: 5px;
	background: #353b30;
        margin-left: 40px;
        width: 50%;
}
p {
        display: block;
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: normal;
        line-break: strict;
        hyphens: none;
        -webkit-hyphens: none;
        -moz-hyphens: none;

}

/* Search box */
#mw-wikiforum-searchbox {
	float: right;
        color: #899181;
	margin-bottom: 8px;
}

#mw-wikiforum-searchbox-border {
	border: 2px dashed #ccc;
	width: 230px;
	text-align: left;
	background: #d9ded5;
        opacity: 0.3;
}

#mw-wikiforum-searchbox-picture {
	margin-left: 5px;
	margin-right: 5px;
}

#txtSearch {
	border: 0;
        color: #899181;
	background: transparent;
}

/* Quote styling */
blockquote {
	padding: 10px;
	border: 2px dashed #899281;
        border-radius: 10px;
	background: white rgb(0.6);
}

blockquote p.posted {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	border-bottom: 1px dotted #999;
	background: transparent;
	margin-bottom: 6px;
        margin-left: 10px;
	/*text-align: right;*/
	/* Jack: removed on 2 Jan 2011 because it makes very little sense and also
	because we don't want to have the avatars overlapping the "Posted by" line */
}

blockquote span {
	font-family: Times New Roman;
	font-size: 30px;
	background: transparent;
	margin: 0 5px;
}

/* Align SocialProfile avatars to the right side and give it a bit of padding */
.wikiforum-avatar-image {
	float: left;
        margin: 0 auto;
        padding-top: 10px;
	padding-bottom: 5px;
        border-right: 10px solid #353b30;
        border-bottom: 5px solid #353b30;
}

#profile-image img {
    background-color: #4c5844;
    border: 1px solid #a2a089;
    padding: 3px;
}

.user-gift-container img {
    background-color: #4c5844;
    border: 1px solid #a2a089;
    padding: 3px;
}
.g-description img {
    background-color: #4c5844;
    border: 1px solid #a2a089;
}
.g-container img {
    background-color: #4c5844;
    border: 1px solid #a2a089;
}
.g-give-all img {
    background-color: #4c5844;
    border: 1px solid #a2a089;
}
.g-give-all {
    border: 1px solid #4c5844;
}
.g-give-all-highlight {
    background-color: lightslategrey;
}
.g-give-all-selected {
    border: 1px solid #CEBF5A;
}
.g-recent img {
    background-color: #4c5844;
    border: 1px solid #a2a089;
}

/**
 * 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
 */
td.mw-wikiforum-thread-main,
td.mw-wikiforum-thread-sub {
	word-wrap: break-word;
	word-break: break-all;
	table-layout: fixed;
}

/*overriding dark vector css for user profile buttons*/
.profile-tab {
    background-color: #4c5844;
    border: 1px solid #a2a089;
    text-align: center;
    height: 22px;
    min-width: 72px;
    float: left;
    padding: 6px 5px 0 5px;
    margin: 0 5px 0 0;
}
.profile-tab-on {
    background-color: #a2a089;
    border: 1px solid #4c5844;
    float: left;
    height: 22px;
    color: #fff;
    font-size: 12px;
    min-width: 72px;
    font-weight: 700;
    padding: 6px 5px 0 5px;
    margin: 0 5px 0 0;
    text-align: center;
}
#profile-toggle-button {
    background-color: #4c5844;
    border: 1px solid #a2a089;
    top: 5px;
    right: 0;
    padding: 2px 10px;
    position: absolute;
}














///**@import url('https://fonts.googleapis.com/css?family=Open+Sans');

div#mw-panel {
    width: 11em; /* increase width of the container; was 10em */
}
.mw-body {
    margin-left: 13em; /* move content to a fitting place; was 13em */
}

p-namespaces {
    margin-left: 13em;
}

/*Top header pos fix*/
.darkvectorTabs
{
    margin-left:48px;
}
/* Pinkish source-style missing for not-present pages. */
a.new {
    color: #BD44FF !important;
}

/* Stripes background */
.infoboxheading, .infoboxsubheading, .article-template,
.errorbox, .warningbox, .successbox,
.alertbox, .alertbox2, .alertbox3,
.navtempsec, .navtemp th {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAyCAYAAAB70nrOAAAAkUlEQVR4AdWMSwrCQBQEO9Fo1PgXjZ/7X3PkNb2ojQewoaDqMYwkfZTBEzi8GTNDCb70OgcOL5M9C7zUnIAneHiY7G6w2w/XNXiX4J0NdmqtqSgX4mgShyKufYGXmhCTEDuT2BZxbQr+MSJGIdYmsSriGgr+wRiEWJrEoogn8EeP6MUwia6wMwoh7GIUDvLHhy9BWxckqkJhEwAAAABJRU5ErkJggg==') !important;
  background-repeat: repeat-x !important;
}

/* WikiEditor link colors */
.wikiEditor-ui-tabs div a,
.wikiEditor-ui-toolbar .tabs span.tab a,
.wikiEditor-ui-toolbar .tabs span.tab a:visited {
  color: #d46007;
}

/* Wikitable padding reset to its value from older MediaWiki, primarily for achievement icons */
table.wikitable > tr > th,
table.wikitable > tr > td,
table.wikitable > * > tr > th,
table.wikitable > * > tr > td {
  padding: 0.2em;
}

/* Full-width action status boxes */
.errorbox, .warningbox, .successbox {
  display: block;
}

/* Legacy class used on OverWiki */
.fullwidth {
  width: 100%;
}

/* Ugly hack to remove unsupported "other resolutions" on video pages */
body[class*="_webm "] .mw-filepage-other-resolutions {
  display: none;
}

/* Sound element leaves some weird bottom margin in Chrome and Firefox */
audio {
  margin-top: 5px;
}

/*
 * "Main article"-like notes (copied from Wikipedia)
 */

.hatnote {
  font-style: italic;
}

div.hatnote {
  margin-bottom: 0.5em;
  padding-left: 1.6em;
}

/*
 * Infobox
 */

.infobox { 
  position: relative;
  float: right;
  clear: right;
  /* Margins from the recent changes legend, relative to the smaller font size */
  margin-left: 1em;
  margin-bottom: 0.5em;
  width: 250px;
  border: 1px solid #999999;
  font-size: smaller;
  line-height: 1.5;
}

.infoboxtable {
  width: 100%;
}

.infoboximage { 
  padding: 0;
  text-align: center;
}

.infoboxheading {
  font-size: larger;
  font-weight: bold;
  color: white;
}

.infoboxsubheading {
  text-align: left;
  font-weight: normal;
}

.infoboxlabel, .infoboxcell {
  vertical-align: top;
}

.infoboxcell p, .infoboxcell ul {
  margin-top: 0;
  margin-bottom: 0;
}

/* For TimedMediaHandler, not used anymore - the player has weird vertical positioning that moves it 2px up */
/*.infoboxsound .mediaContainer {
  margin: 2px auto 0;
} */

.infoboxsound {
  text-align: center;
}

.infobox .plainlinks, .infobox .plainlinks a {
  color: white;
}

/*
 * Alert box
 */

.alertbox, .alertbox2, .alertbox3 {
  width: 100%;
  border: 1px solid #d9d9d9;
  font-size: 9pt;
}

.alertbox {
  background-color: #cfebff;
}

.alertbox2, .alertbox3 {
  background-color: #d3ffd3;
}

.alertbox, .alertbox2 {
  font-size: x-small;
}

.alertbox th, .alertbox2 th {
  width: 100%;
  text-align: left;
}

/*
 * Navigation template and similar things
 */

.tableholder, .navtemp {
  background-color: #f9f9f9;
  border: 1px solid #aaa;
  padding: 5px;
}

.navtemp, .fileinfo {
  width: 100%;
}

.navtemp {
  font-size: smaller;
}

.fileinfo {
  font-size: small;
}

.navtemp th {
  color: white;
  padding: 3px 7px;
}

.navtemp th a {
  color: white;
}

.navtemp th .selflink {
  font-weight: bold; /* Not bolder so it's not too bold on category pages */
}

.navtemp td, .fileinfo {
  background-color: #e8e8e8;
}

.navtemp td {
  padding-left: 3px;
  padding-right: 3px;
}

.navtemp td.navtempsec, .fileinfo td.fileinfosec { /* .navtempsec doesn't have enough priority */
  font-weight: bold;
  white-space: nowrap;
}

.navtemp td.navtempsec {
  padding-left: 5px;
  padding-right: 5px;
}

.fileinfo td.fileinfosec {
  padding-left: 3px;
  padding-right: 3px;
  text-align: right;
}

.navtemptoggle {
  display: inline-block;
  float: right;
  font-weight: normal;
  width: 4em; /* Prevent the header from moving to the left/right when toggling */
  text-align: right;
}

.navtempshow, .navtemphide {
  cursor: pointer;
}

.navtempshow, .navtempcoll .navtemphide, .navtempcoll tr {
  display: none;
}

.navtempcoll .navtempshow {
  display: inline;
}

.navtempcoll tr:first-child {
  display: table-row;
}

/*
 * Code block reset and font
 */

code {
  background: none;
  border: none;
  color: inherit;
  padding: 0;
}

pre, code, tt, kbd, samp, .mw-code {
  font-family: "Consolas", "Lucida Console", monospace, "Courier";
}

/*
 * Main page
 */

/* order the boxes correctly */
@media print, screen and (min-width: 100rem) {
	.widthclear {
		clear: both;
	}
}


/* Hide the title */
body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading,
body.page-Main_Page_pl.action-view h1.firstHeading, body.page-Main_Page_pl.action-submit h1.firstHeading {
  display: none;
}

/* Hide breadcrumbs */

body.page-Main_Page_pl.action-view span.subpages, body.page-Main_Page_pl.action-submit span.subpages {
  display: none;
}

.mainpageblock {
  margin-bottom: .8em;
  padding: .5em;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAABACAMAAABMUIWcAAAAVFBMVEXIyMj////IyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjN8byXAAAAHHRSTlMAAAECAwQFBgcICQoLDA0ODxAREhMUFRYXGBkaKunIwQAAAMxJREFUeAGtytlugzAYROFTbLODWUKX9v3fs6BEhBEXvyz5u5wzKOY/Nefuvyp3n37UlLnHbxVz9y+Vu4+fagRl9JFNDKhhw+gbj4tb3zeM/mA99ah+PWD0FaOvLE+3vrxg9IX50KG6+cS0a1Ht9IbRJ2K89XiF0SMNqhkVRm8Sez2oOrX3KrVXnapAe6tSe9moMnMPtQqpvVKpnVJ5lMfoJeHKoVwIGD1g9IA/3bo/YHSP0T3uqUAV7gWjO4zuKHa3foHRC4xe8GEwD/+Gujn8M+UftQAAAABJRU5ErkJggg==') !important;
  background-repeat: repeat-x !important;
  background-color: #4a4a4a;
  border: solid 1px #666;
}

/*Fixup text blending with bg */
.footer-info, .footer-info-lastmod {
  color:#999;
}

/*Newer color scheme for title table boxes*/
.titlebox {
  background-color:#4c5844;
  border:1px solid #a2a089;
}

/*Category labels as per Uncanny's proposal*/
.portal h3 {
  color:#cebf5a !important;
}
/*font test */
* {
font-family: 'Open Sans', sans-serif;
}
/* reference highlight color */
ol.references li:target { background-color: #4c5844; }
sup.reference:target { background-color: #4c5844; }

#editpage-copywarn, .editCheckboxes, .oo-ui-labelElement-label {
  color:#797777;
}
/*Override of skin css*/
#footer-info-lastmod {
  color:#797777 !important;
}

/* CSS for msgbox stuff, imported from TCRF. Doesn't seem to work right with Wikia */
.msgbox{
    margin:0em 2em 1em 3em;
    border:1px solid #475641;
    background:#475641;
    -moz-border-radius:0 8px 0 8px;
    border-radius:0 8px 0 8px;
    padding:0;
    border-spacing:0
    }
.msgbox td{
    vertical-align:middle;
    padding:0.5em 1em 0.5em 0em;
    width:100%
    }
.msgbox .msgboximg{
    vertical-align:middle;
    width:0%;
    margin: auto;
    padding:0.5em 1em 0.5em 1em;
}
.gallerytext p
{
    color:#c1c1c1 !important;
}
/* This gallery has TOO MUCH PADDING. It should have this amount. */
.mw-gallery-slideshow,ul.gallery.mw-gallery-slideshow
{
	margin-top:0px;
	margin-bottom:0px;
	margin:0em
}
/*Fix ugly search*/
#simpleSearch input[type="submit"],div#simpleSearch #searchButton
{
	background-color:rgba(251,126,20,0.33) !important;
	background-image:linear-gradient(transparent,transparent),url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%0A%20%3Cg%3E%0A%20%20%3Ctitle%3Ebackground%3C%2Ftitle%3E%0A%20%20%3Crect%20fill%3D%22none%22%20id%3D%22canvas_background%22%20height%3D%2214%22%20width%3D%2214%22%20y%3D%22-1%22%20x%3D%22-1%22%2F%3E%0A%20%3C%2Fg%3E%0A%20%3Cg%3E%0A%20%20%3Ctitle%3ELayer%201%3C%2Ftitle%3E%0A%20%20%3Cg%20id%3D%22svg_1%22%20fill%3D%22none%22%20stroke%3D%22%236c6c6c%22%20stroke-width%3D%222%22%3E%0A%20%20%20%3Cpath%20stroke%3D%22%23fb7e14%22%20fill%3D%22%23999999%22%20id%3D%22svg_2%22%20d%3D%22m11.29%2C11.57642l-4%2C-4%22%2F%3E%0A%20%20%20%3Ccircle%20stroke%3D%22%23ff7f00%22%20fill%3D%22none%22%20id%3D%22svg_3%22%20r%3D%224%22%20cy%3D%224.86642%22%20cx%3D%225%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%20%3C%2Fg%3E%0A%3C%2Fsvg%3E);
}
#p-namespaces.darkvectorTabs
{
	margin-left:0px;
}

/* VA styling*/
.VA_link a:hover, .VA_link a:focus {
    text-decoration: none;
}

.consulBG
{
background-image: url(https://i.imgur.com/sWCJklB.png);
}

/* Hack for sizing down embed gifs */

.gif300 img
{
max-width: 300px;
max-height: 300px;
}

.slideshowMaxHeight650 img
{
max-height: 650px;
}

/* Fass texture table */

.textable table td
{
  padding:0px;  
}
.textable table tr th:first-of-type
{
  width:25px;
  margin:auto;
}
.textable table tbody 
{
  border:0px;
  border-spacing:0px;
}
.recr img
{
  box-sizing: border-box;
  border: 3px solid red;
}
.textable img 
{
  width:128px;
  height:128px;
} 
.textable img.belt
{
  width:256px;
  height: 64px;
}