MediaWiki:Common.css: Difference between revisions

Latest revision as of 15:26, 27 January 2024

/* CSS placed here will be applied to all skins */
#ca-viewsource { display: none !important; }
#ca-history { display: none !important;}
#ca-talk { display: none !important; }
#p-tb { display: none; }

.mw-wiki-logo {
    background-image: url(https://wiki.azyrah.to/images/3/3b/Wiki_logo.png);
}

/*#################################
############### Fix ###############
#################################*/

body {
    line-height: 1.4em;
}

body.skin-apioutput {
    background: none;
}

li {
    width: fit-content;
}

#mw-footer ul, #mw-footer li {
    text-align: -webkit-center;
}

#searchInput {
    margin: 0 0 0 2em;
    padding: 0.4em 4.5em 0.2em 0;
    width: 97%;
}

.oo-ui-textInputWidget.oo-ui-iconElement input,
.oo-ui-textInputWidget.oo-ui-iconElement textarea {
    margin-left: 2.64285714em;
    padding-left: 0.3em;
}

#contentSub2 {
    font-size: 12px;
    padding-bottom: 5px;
}

span.mw-revdelundel-link,
strong.mw-revdelundel-link {
    font-size: 11px;
}

li.gallerybox div.thumb,
div.tleft div.thumbinner,
div.tright div.thumbinner,
div.tnone div.thumbinner {
    background: url("https://de-wiki.metin2.gameforge.com/images/9/9f/Transparentbackground.png") repeat scroll 0% 0% transparent !important;
    border: 1px solid #88283a;
    padding: 5px;
}
/*
div.thumbinner {
    width: auto;
    max-width: 258px;
    padding: 5px;
}

.thumbinner .thumbimage {
    border: solid 1px #0c0604;
    max-width: 256px;
    height: auto;
}
*/
.thumbcaption {
    font-size: 12px;
}

table.diff,
td.diff-otitle, 
td.diff-ntitle,
td.diff-context {
    background: none;
}

td.diff-deletedline {
    border-color: #FFA700 !important;
}

td.diff-deletedline .diffchange {
    background: #FFA700 !important;
}

body.mw-special-Recentchanges .flaggedrevs-pending {
    color: red;
}

.flaggedrevs-pending {
    background: none;
}

body.mw-special-Recentchanges .flaggedrevs-unreviewed {
    color: red;
}

.flaggedrevs-unreviewed {
    background: none;
}

#pagehistory li {
    margin: 2px;
    padding: 0px 2px;
    width: initial;
}

#pagehistory li.selected {
    background-color: rgba(153, 0, 0, 0.05);
    border: 2px solid #990000;
}

li.fr-hist-stable-margin {
    margin-top: 0;
}

#mw-content dt {
    font-weight: bold;
    font-family: 'PTSans','Trebuchet MS','Helvetica Neue','Nimbus Sans','Helvetica','Arial',sans-serif;
    line-height: 1.4em;
    margin: 0;
}

body.mw-special-Recentchanges #mw-content dt {
    line-height: 1.25em !important;
}

body.mw-special-Recentchangeslinked #mw-content dt {
    line-height: 1.25em !important;
}

body.mw-special-Watchlist #mw-content dt {
    line-height: 1.25em !important;
}

dl {
    margin-top: 0.3em;
    margin-bottom: 0.3em;
}

.mw-changeslist-legend dd {
    margin-left: 3.2em;
}

.mw-plusminus-pos {
    margin-right: 0 !important;
}

th span a.mw-collapsible-text {
    color: #f0d9a2;
}

a.mw-selflink.selflink {
    text-decoration: none !important;
    font-weight: bold;
}

a.new:visited,
.new a:visited {
    color: #dd4444;
}

hr {
    border-color: #969696;
    margin: 0.2em 0;
}

table {
    border-spacing: 0px;
}

table.wikitable > tr > th,
table.wikitable > tr > td,
table.wikitable > * > tr > th,
table.wikitable > * > tr > td {
    padding: 2px;
}

td, th {
    padding: 2px;
}

code {
    line-height: 1.6em;
}

input[type="submit"]:disabled {
    background-color: buttonface;
}

#personal .dropdown {
    text-transform: none;
}

body.mw-special-Contributions li#t-contributions {
    display: none;
}

.ajaxpoll {
    width: 390px !important;
    border: 2px solid #0c0604 !important;
}

.ajaxpoll .ajaxpoll-our-vote div {
    border: 2px solid #008000;
    top: -2px;
    left: -2px;
    background-color: rgba(0, 128, 0, 0.3) !important;
}

.ajaxpoll .ajaxpoll-answer-vote div {
    background: rgba(255, 0, 0, 0.3);
}

.ajaxpoll .ajaxpoll-answer-vote span {
    top: -3px !important;
}

.mw-echo-ui-overlay {
    z-index: 101;
}

/*#################################
############# Only DE #############
#################################*/

.ds_head {
    background-color:#5d0505;
    color:#f0d9a2;
    border:1px solid transparent;
    border-top-left-radius:7px;
    border-top-right-radius:7px;
    text-align:center;
    padding:2px;
}

.ds_colhead {
    background-color:#820707;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    margin-top:1px;
}

body.page-Hauptseite #catlinks,
body.page-Hauptseite h1.firstHeading{
    display: none;
}

/*#################################
############# NavigationBar #############
#################################*/

.breadcrumb { 
  list-style: none; 
  overflow: hidden; 
}
.breadcrumb li { 
  float: left; 
}
.breadcrumb li a {
    color: #f1de8e;
    text-decoration: none !important;
    padding: 4px 0 7px 25px;
    background: #5d0505;
    position: relative;
    display: block;
    float: left;
}
.breadcrumb li a:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 14px solid white;
    position: absolute;
    top: 46%;
    margin-top: -14px;
    margin-left: 1px;
    left: 100%;
    padding: 1.2px;
    z-index: 1;
}
.breadcrumb li a:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 14px solid #5d0505;
    position: absolute;
    top: 46%;
    margin-top: -14px;
    left: 100%;
    z-index: 2;
    padding: 1.3px;
}  
.breadcrumb li:first-child a {
  padding-left: 10px;
}
.breadcrumb li:nth-child(2) a       { background:#5d0505; }
.breadcrumb li:nth-child(2) a:after { border-left-color: #5d0505; }
.breadcrumb li:nth-child(3) a       { background:#5d0505; }
.breadcrumb li:nth-child(3) a:after { border-left-2f1d1f: #5d0505; }
.breadcrumb li:nth-child(4) a       { background:#5d0505; }
.breadcrumb li:nth-child(4) a:after { border-left-color: #5d0505; }
.breadcrumb li:nth-child(5) a       { background:#5d0505; }
.breadcrumb li:nth-child(5) a:after { border-left-color: #5d0505; }

.breadcrumb li:last-child a {
  background: transparent !important;
  color: black;
  pointer-events: none;
  cursor: default;
}
.breadcrumb li:last-child a:before {border-left: 0px solid !important}
.breadcrumb li:last-child a:after { border: 0; }
.breadcrumb li a:hover { background: #9D5B37; }
.breadcrumb li a:hover:after { border-left-color: #9D5B37 !important; }

/*#################################
############# Tabber #############
#################################*/

.button {
  border: 1px solid #4C0404;
  border-radius: 2px;
  background: #5d0505;
  color: #f0d9a2;
  font-weight: bold; padding: 5px;
  padding: 5px; 
  line-height: 25px;
  cursor: pointer;
  position: relative;
  display: flex;
  float: left;
  user-select: none;
  white-space: nowrap;
}

.button:hover {
  border: 1px solid #FFFFFF;
  background: #5d0505;
  color: #FFFFFF;
}

.tabber-active.button {
  background: #9E0909;
  color: #FFFFFF;
  border: 1px solid #4C0404;
}

.tabber-container > :last-child > :not(.tabber-active) {
    display: none;
}

.tabber-container > :last-child > div:not(.tabber-active) {
    display: none;
}

@comment-color: #72777d;
@link-color: #000aaa;
@parser-function-color: #d33;
@table-color: #d08;
@template-color: #80c;
@template-variable-color: #ac6600;
@wikitext-formatting-color: #0076dd;
@xml-tag-color: #14866d;

@template-background-color: #a11;
@ext-background-color: #70a;
@link-background-color: #219;

.ground( @template: 0, @ext: 0, @link: 0 ) {
	@template-shade: fade( @template-background-color, 4% * @template );
	@ext-shade: fade( @ext-background-color, 4% * @ext );
	@link-shade: fade( @link-background-color, 4% * @link );
	background-color: average( average( @template-shade, @ext-shade ), @link-shade );
}

/* stylelint-disable
declaration-block-single-line-max-declarations,
stylistic/block-closing-brace-space-after,
stylistic/block-opening-brace-newline-after,
stylistic/block-opening-brace-newline-before,
stylistic/declaration-block-semicolon-newline-after,
stylistic/selector-list-comma-newline-after
*/

.cm-mw-pagename { text-decoration: underline; }

// TODO: It appears like this was never used. Remvoe?
.cm-mw-matching { background-color: #ffd700; }

.cm-mw-skipformatting { background-color: #adf; }
.cm-mw-list,
.cm-mw-indenting { color: @wikitext-formatting-color; font-weight: bold; }
.cm-mw-doubleUnderscore, .cm-mw-signature, .cm-mw-hr { color: @wikitext-formatting-color; font-weight: bold; background-color: #eee; }
.cm-mw-mnemonic { color: @xml-tag-color; }
.cm-mw-comment { color: @comment-color; font-weight: normal; }
.cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic { color: @wikitext-formatting-color; }

pre.CodeMirror-line.cm-mw-section-1,
pre.CodeMirror-line-like.cm-mw-section-1 {
	font-size: 1.8em;
	line-height: 1.2em;
}
pre.CodeMirror-line.cm-mw-section-2,
pre.CodeMirror-line-like.cm-mw-section-2 {
	font-size: 1.5em;
	line-height: 1.2em;
}
pre.CodeMirror-line.cm-mw-section-3,
pre.CodeMirror-line-like.cm-mw-section-3,
pre.CodeMirror-line.cm-mw-section-4,
pre.CodeMirror-line-like.cm-mw-section-4,
pre.CodeMirror-line.cm-mw-section-5,
pre.CodeMirror-line-like.cm-mw-section-5,
pre.CodeMirror-line.cm-mw-section-6,
pre.CodeMirror-line-like.cm-mw-section-6 {
	font-weight: bold;
}

.cm-mw-template { color: @template-color; font-weight: normal; }
.cm-mw-template-name-mnemonic { font-weight: normal; }
.cm-mw-template-name,
.cm-mw-template-argument-name,
.cm-mw-template-delimiter,
.cm-mw-template-bracket { color: @template-color; font-weight: bold; }

.cm-mw-templatevariable,
.cm-mw-templatevariable-bracket { color: @template-variable-color; font-weight: normal; }
.cm-mw-templatevariable-name,
.cm-mw-templatevariable-delimiter { color: @template-variable-color; font-weight: bold; }

.cm-mw-parserfunction { font-weight: normal; }
.cm-mw-parserfunction-name,
.cm-mw-parserfunction-bracket,
.cm-mw-parserfunction-delimiter { color: @parser-function-color; font-weight: bold; }

pre.CodeMirror-line.cm-mw-exttag,
pre.CodeMirror-line-like.cm-mw-exttag {
	.ground( @ext: 0.5 );
}
.cm-mw-exttag { .ground( @ext: 1 ); }
.cm-mw-exttag-name,
.cm-mw-htmltag-name { color: @xml-tag-color; font-weight: bold; }
.cm-mw-exttag-bracket,
.cm-mw-exttag-attribute,
.cm-mw-htmltag-bracket,
.cm-mw-htmltag-attribute { color: @xml-tag-color; font-weight: normal; }

pre.CodeMirror-line.cm-mw-tag-pre,
pre.CodeMirror-line-like.cm-mw-tag-pre,
.cm-mw-tag-pre,
pre.CodeMirror-line.cm-mw-tag-nowiki,
pre.CodeMirror-line-like.cm-mw-tag-nowiki,
.cm-mw-tag-nowiki {
	background-color: rgba( 0, 0, 0, 0.04 );
}

.cm-mw-link,
.cm-mw-link-tosection,
.cm-mw-section-header { color: @wikitext-formatting-color; font-weight: normal; }
.cm-mw-link-pagename,
.cm-mw-link-bracket,
.cm-mw-link-delimiter,
.cm-mw-extlink,
.cm-mw-free-extlink { color: @link-color; font-weight: normal; }
.cm-mw-extlink-protocol,
.cm-mw-free-extlink-protocol,
.cm-mw-extlink-bracket { color: @link-color; font-weight: bold; }

.cm-mw-table-bracket,
.cm-mw-table-delimiter { color: @table-color; font-weight: bold; }
.cm-mw-table-definition { color: @table-color; font-weight: normal; }
.cm-mw-table-caption { font-weight: bold; }

.cm-mw-template2-ground { .ground( @template: 1 ); }
.cm-mw-template3-ground { .ground( @template: 2 ); }
.cm-mw-ext-ground,
.cm-mw-template-ext-ground { .ground( @ext: 1 ); }
.cm-mw-ext2-ground,
.cm-mw-template-ext2-ground { .ground( @ext: 2 ); }
.cm-mw-ext3-ground,
.cm-mw-template-ext3-ground { .ground( @ext: 3 ); }
.cm-mw-link-ground,
.cm-mw-ext-link-ground,
.cm-mw-template-link-ground { .ground( @link: 1 ); }
.cm-mw-ext2-link-ground,
.cm-mw-template-ext-link-ground { .ground( @ext: 1, @link: 1 ); }
.cm-mw-ext3-link-ground,
.cm-mw-template-ext2-link-ground { .ground( @ext: 2, @link: 1 ); }
.cm-mw-template-ext3-link-ground { .ground( @ext: 3, @link: 1 ); }

.cm-mw-template2-ext-ground { .ground( @template: 1, @ext: 1 ); }
.cm-mw-template2-ext2-ground { .ground( @template: 1, @ext: 2 ); }
.cm-mw-template2-ext3-ground { .ground( @template: 1, @ext: 3 ); }
.cm-mw-template2-link-ground { .ground( @template: 1, @link: 1 ); }
.cm-mw-template2-ext-link-ground { .ground( @template: 1, @ext: 1, @link: 1 ); }
.cm-mw-template2-ext2-link-ground { .ground( @template: 1, @ext: 2, @link: 1 ); }
.cm-mw-template2-ext3-link-ground { .ground( @template: 1, @ext: 3, @link: 1 ); }

.cm-mw-template3-ext-ground { .ground( @template: 2, @ext: 1 ); }
.cm-mw-template3-ext2-ground { .ground( @template: 2, @ext: 2 ); }
.cm-mw-template3-ext3-ground { .ground( @template: 2, @ext: 3 ); }
.cm-mw-template3-link-ground { .ground( @template: 2, @link: 1 ); }
.cm-mw-template3-ext-link-ground { .ground( @template: 2, @ext: 1, @link: 1 ); }
.cm-mw-template3-ext2-link-ground { .ground( @template: 2, @ext: 2, @link: 1 ); }
.cm-mw-template3-ext3-link-ground { .ground( @template: 2, @ext: 3, @link: 1 ); }

.cm-mw-matchingbracket {
	background-color: #eee;
	box-shadow: inset 0 0 1px 1px #999;
	font-weight: bold;
}