MediaWiki:Common.css: Unterschied zwischen den Versionen

/*#################################
######## Background & Logo ########
#################################*/

body {
    background: url(https://de-wiki.metin2.gameforge.com/images/5/57/Background_Angeln.jpg) no-repeat fixed center top #000000;
    background-size: cover;
}

.mw-wiki-logo {
    background-image: url(https://de-wiki.metin2.gameforge.com/images/7/7c/Wiki_Logo_Pfau.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; }

/*#################################
############# Tab Styling #############
#################################*/
div.tabdiv > ul > li:hover,
div.tabdiv > ul > li.active {
    background: var(--accent-color);
    border-bottom-color: var(--accent-color);
    color: white;
}

div.tabdiv > ul > li.active {
    cursor: initial;
}

div.tabdiv > ul > li {
    box-shadow: 0 0 0 1px var(--border-color);
    transition: border-color 0.3s, background-color 0.3s, color 0.2s;
    cursor: pointer;
    padding: 5px 15px;
    height: auto;
    line-height: normal;
    margin-right: 3px !important;
    margin-bottom: 0;
    color: var(--text-color);
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    background-color: var(--theme-tone-2);
    border-radius: 4px 4px 0 0;
    font-weight: 500;
}

div.tabdiv > ul > li a {
    transition: color 0.3s;
    color: var(--inactive-color) !important;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

div.tabdiv > ul > li.active a:not(.infobox a),
div.tabdiv > ul > li:hover a:not(.infobox a) {
    color: white !important;
}

div.tabdiv div.tabdiv:not(.forceport) > ul,
table.infobox div.tabdiv:not(.forceport) > ul,
div.tabdiv,
div.tabdiv > ul,
div.tabdiv.forceland > ul {
    border: none;
}

.image > div.tabdiv > ul {
    padding-top: 7px;
    padding-bottom: 5px;
}

div.tabber-new {
    display: flex;
    flex-direction: column;
}

div.tabber-new > ul {
    display: flex;
    flex-wrap: wrap;
}

.tabber-new .tabber-tab {
    color: var(--inactive-color);
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    background-color: var(--theme-tone-2);
    border-radius: 4px 4px 0 0;
    margin-left: 1px;
}

div.tabdiv.tabber-new > div {
    padding: 0;
}

.tabber-center .tabber-ul {
    justify-content: center;
}

div.tabber-vertical {
    display: flex !important;
    flex-direction: row;
}

.tabber-vertical > .tabber-ul .tabber-tab:first-child {
    margin-top: 0;
}

.tabber-vertical > .tabber-ul {
    flex-direction: column;
    margin-right: 25px;
}

div.tabber-border div.tabber-content {
    border: 1px solid var(--border-color);
    padding: 15px;
    border-radius: 0 5px 5px 5px;
}

div.tabber-border.tabber-padding > div.tabber-content {
    padding: 10px 20px;
}

.tabber-content > table:first-child {
    margin-top: 0;
}

.tabber-content > h2 {
    margin-top: 0.5em;
}

.tabber-content p:not(.fadeout-container):first-child {
    margin-top: 0;
}

.tabber-content p:not(.fadeout-container):last-child {
    margin-bottom: 0;
}