MediaWiki:Common.css: Różnice pomiędzy wersjami

/* CSS placed here will be applied to all skins */

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

body {
    background: url(https://pl-wiki.metin2.gameforge.com/images/c/c7/Background_210.jpg) no-repeat fixed center top #000000;
    background-size: cover;
}

.mw-wiki-logo {
    background-image: url(https://pl-wiki.metin2.gameforge.com/images/5/5d/Logo_Metin2Wiki_Zima.png);
}

body.page-Strona_główna #catlinks,body.page-Strona_główna h1.firstHeading{
display: none;
}

td, th {
    padding: 2px;
}

li.gallerybox div.thumb,
div.tright div.thumbinner {
background: none;
border: 1px solid rgb(150, 150, 150);
}

html .thumbimage {
border: 1px solid rgb(180, 180, 180);
}

.transparentbckg800 {
  background: url("https://en-wiki.metin2.gameforge.com/images/9/9f/Transparentbackground.png") repeat;
  display: inline-block;
  padding: 5px;
  width: 790px;
  color: #00000;
  border: 1px solid #000000;
  border-radius: 5px;
}

.transparentbackground {
  background: url("https://en-wiki.metin2.gameforge.com/images/9/9f/Transparentbackground.png") repeat;
  border: 1px solid #000000;
}

li.gallerybox div.thumb,
div.tright div.thumbinner {
    background: url("https://en-wiki.metin2.gameforge.com/images/9/9f/Transparentbackground.png") repeat scroll 0% 0% transparent;
    border: 1px solid #88283a;
}

.boxesheaderbackground {
    background: url("https://en-wiki.metin2.gameforge.com/images/4/47/Boxesheaderbackgroundxmas.png") repeat 0em 0em;
}

/* Button Metin2 style */
.btn {
    font-size: 12px;
    white-space:nowrap;
    padding:.8em 1.5em;
    line-height: 14px;
    display: inline-block;
    zoom: 1;
    color: #f0d9a2;
    text-align: center;
    position:relative;
    -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
    transition: border .25s linear, color .25s linear, background-color .25s linear;
}

.btn.btn-mt2{
    background-color: #1f0e02;
    border-color: #512410;
    -webkit-box-shadow: 0 3px 0 #512410;
    box-shadow: 0 3px 0 #512410;
    border-radius: 4px;
}

.btn.btn-mt2:hover{
    background-color:#512410;
    box-shadow: 0 3px 0 #1f0e02;
}

.btn.btn-mt2:active{
    top: 3px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.resMostri{
    display:block;
}

.resMostriResp{
    display: none;
}

.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: #512410;
    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 #512410;
    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:#512410; }
.breadcrumb li:nth-child(2) a:after { border-left-color: #512410; }
.breadcrumb li:nth-child(3) a       { background:#512410; }
.breadcrumb li:nth-child(3) a:after { border-left-color: #512410; }
.breadcrumb li:nth-child(4) a       { background:#512410; }
.breadcrumb li:nth-child(4) a:after { border-left-color: #512410; }
.breadcrumb li:nth-child(5) a       { background:#512410; }
.breadcrumb li:nth-child(5) a:after { border-left-color: #512410; }

.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; }

/* *********************************************************************** */
/*                            WERSJA KOMPUTEROWA                             */
/* *********************************************************************** */
@media only screen and (min-width: 801px){

}

/*
http://wiki.metin2.co.uk/images/3/39/Boxesheaderbackgroundnormal.png
http://wiki.metin2.co.uk/images/6/66/Valentineboxheader.png
http://wiki.metin2.co.uk/images/6/67/Easterboxheader.png
http://wiki.metin2.co.uk/images/4/47/Boxesheaderbackgroundxmas.png
http://wiki.metin2.co.uk/images/0/09/Boxesheaderbackgroundhalloween.png
*/

.testowa_obr {
background: url("https://en-wiki.metin2.gameforge.com/images/8/8b/WikiTopBarBackground.png");
}

/**
 * Metin2 Window styles
 */
.window {
    font-family: Tahoma;
    font-size: 10px;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-width: 32px;
    border-style: solid;
    border-image-source: url("https://pl-wiki.metin2.gameforge.com/images/4/4e/Szablon-Okno-Ramka.png");
    border-image-repeat: repeat;
    border-image-slice: 32 fill;
    border-image-outset: 0;
    box-sizing: border-box;
}
.window .window-body-container {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: -1px;
    background-image: url("https://pl-wiki.metin2.gameforge.com/images/7/71/Szablon-Okno-T%C5%82o.png");
    background-size: 128px 128px;
    background-repeat: repeat;
}
.window .window-body {
    margin: 0 -25px -25px;
}
.window .window-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 25px;
    margin: -25px 8px 0;
    text-align: center;
    background-image: url("https://pl-wiki.metin2.gameforge.com/images/d/d2/Szablon-Okno-Tytu%C5%82-%C5%9Arodek.png");
    background-position: center top;
    background-repeat: repeat-x;
}
.window-title:before {
    content: "";
    display: block;
    position: relative;
    left: -32px;
    background-image: url("https://pl-wiki.metin2.gameforge.com/images/b/b2/Szablon-Okno-Tytu%C5%82-Lewo.png");
    background-position: center top;
    background-repeat: no-repeat;
    width: 32px;
    height: 100%;
}
.window-title .window-title-text {
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    line-height: 23px;
}
.window-title:after {
    content: "";
    display: block;
    position: relative;
    right: -32px;
    background-image: url("https://pl-wiki.metin2.gameforge.com/images/f/fe/Szablon-Okno-Tytu%C5%82-Prawo.png");
    background-position: center top;
    background-repeat: no-repeat;
    width: 32px;
}