MediaWiki:Common.css: Unterschied zwischen den Versionen

K
 
(70 dazwischenliegende Versionen von 3 Benutzern werden nicht angezeigt)
Zeile 4: Zeile 4:
  
 
body {
 
body {
     background: url(https://de-wiki.metin2.gameforge.com/index.php/Datei:Background_Halloween_2018.jpg) no-repeat fixed center top #000000;
+
     background: url(https://de-wiki.metin2.gameforge.com/images/a/a4/Die_Wurzeln_des_Bösen_Background.jpg) no-repeat fixed center top #000000;
 +
    background-size: cover;
 
}
 
}
  
Zeile 12: Zeile 13:
  
 
/*#################################
 
/*#################################
############# Only DE #############
+
############### Fix ###############
 
#################################*/
 
#################################*/
  
.ds_head {
+
body {
     background-color:#5d0505;
+
     line-height: 1.4em;
    color:#f0d9a2;
+
}
    border:1px solid transparent;
+
 
    border-top-left-radius:7px;
+
body.skin-apioutput {
     border-top-right-radius:7px;
+
     background: none;
    text-align:center;
+
}
     padding:2px;
+
 
 +
li {
 +
     width: fit-content;
 
}
 
}
  
.ds_colhead {
+
#mw-footer ul, #mw-footer li {
    background-color:#820707;
+
     text-align: -webkit-center;
     border-bottom-left-radius:5px;
 
    border-bottom-right-radius:5px;
 
    margin-top:1px;
 
 
}
 
}
  
body.page-Hauptseite #catlinks,
+
#searchInput {
body.page-Hauptseite h1.firstHeading{
+
    margin: 0 0 0 2em;
     display: none;
+
    padding: 0.4em 4.5em 0.2em 0;
 +
     width: 97%;
 
}
 
}
  
/*#################################
+
.oo-ui-textInputWidget.oo-ui-iconElement input,
############### Fix ###############
+
.oo-ui-textInputWidget.oo-ui-iconElement textarea {
#################################*/
+
    margin-left: 2.64285714em;
 +
    padding-left: 0.3em;
 +
}
  
 
#contentSub2 {
 
#contentSub2 {
Zeile 53: Zeile 56:
 
li.gallerybox div.thumb,
 
li.gallerybox div.thumb,
 
div.tleft div.thumbinner,
 
div.tleft div.thumbinner,
div.tright 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;
 
     background: url("https://de-wiki.metin2.gameforge.com/images/9/9f/Transparentbackground.png") repeat scroll 0% 0% transparent !important;
 
     border: 1px solid #88283a;
 
     border: 1px solid #88283a;
 
     padding: 5px;
 
     padding: 5px;
 
}
 
}
 
+
/*
 
div.thumbinner {
 
div.thumbinner {
     width: auto !important;
+
     width: auto;
 
     max-width: 258px;
 
     max-width: 258px;
 
     padding: 5px;
 
     padding: 5px;
Zeile 67: Zeile 71:
 
.thumbinner .thumbimage {
 
.thumbinner .thumbimage {
 
     border: solid 1px #0c0604;
 
     border: solid 1px #0c0604;
     width: 256px;
+
     max-width: 256px;
 
     height: auto;
 
     height: auto;
 
}
 
}
 
+
*/
 
.thumbcaption {
 
.thumbcaption {
 
     font-size: 12px;
 
     font-size: 12px;
Zeile 88: Zeile 92:
 
td.diff-deletedline .diffchange {
 
td.diff-deletedline .diffchange {
 
     background: #FFA700 !important;
 
     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;
 
}
 
}
  
Zeile 93: Zeile 128:
 
     font-weight: bold;
 
     font-weight: bold;
 
     font-family: 'PTSans','Trebuchet MS','Helvetica Neue','Nimbus Sans','Helvetica','Arial',sans-serif;
 
     font-family: 'PTSans','Trebuchet MS','Helvetica Neue','Nimbus Sans','Helvetica','Arial',sans-serif;
     line-height: 1.25;
+
     line-height: 1.4em;
 
     margin: 0;
 
     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;
 
}
 
}
  
Zeile 112: Zeile 164:
 
     text-decoration: none !important;
 
     text-decoration: none !important;
 
     font-weight: bold;
 
     font-weight: bold;
 
 
}
 
}
  
Zeile 138: Zeile 189:
 
td, th {
 
td, th {
 
     padding: 2px;
 
     padding: 2px;
 +
}
 +
 +
code {
 +
    line-height: 1.6em;
 
}
 
}
  
 
input[type="submit"]:disabled {
 
input[type="submit"]:disabled {
 
     background-color: buttonface;
 
     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;
 
}
 
}

Aktuelle Version vom 15. Februar 2024, 21:13 Uhr

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

body {
    background: url(https://de-wiki.metin2.gameforge.com/images/a/a4/Die_Wurzeln_des_Bösen_Background.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; }

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