MediaWiki:Common.css: Różnice pomiędzy wersjami
 
(Nie pokazano 201 wersji utworzonych przez 3 użytkowników)
Linia 1: Linia 1:
−
/* Umieszczony tutaj kod CSS zostanie zastosowany we wszystkich skórkach */
+
/* CSS placed here will be applied to all skins */
−
body.page-Strona_główna h1.firstHeading {
+
 
−
display:none;
+
/*#################################
 +
######## 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;
 
}
 
}
−
.guide {
+
 
−
background-image: url(http://wiki.metin2.pl/images/b/b3/Sk%C3%B3rka321.jpg);
+
.mw-wiki-logo {
−
background-repeat: repeat-y; }
+
    background-image: url(https://pl-wiki.metin2.gameforge.com/images/5/5d/Logo_Metin2Wiki_Zima.png);
−
#content {
 
−
  width: 1005px !important;
 
−
  left: 25px !important;
 
−
  background: none repeat scroll 0% 0% #E6D19E !important;
 
 
}
 
}
−
.pBodyTabs {
+
 
−
  margin-left: 55px !important;
+
body.page-Strona_główna #catlinks,body.page-Strona_główna h1.firstHeading{
 +
display: none;
 
}
 
}
  
−
/* default skin for navigation boxes */
+
td, th {
−
table.navbox {           /* navbox container style */
+
    padding: 2px;
−
border:1px solid #aaa;
 
−
width:100%;
 
−
margin:auto;
 
−
clear:both;
 
−
font-size:88%;
 
−
text-align:center;
 
−
padding:1px;
 
 
}
 
}
−
table.navbox + table.navbox {
+
 
−
margin-top:-1px;       /* single pixel border between adjacent navboxes (doesn't work for IE6, but that's okay) */
+
li.gallerybox div.thumb,
 +
div.tright div.thumbinner {
 +
background: none;
 +
border: 1px solid rgb(150, 150, 150);
 
}
 
}
−
.navbox-title, .navbox-abovebelow, table.navbox th {
+
 
−
text-align:center;      /* title and above/below styles */
+
html .thumbimage {
−
padding-left:1em;
+
border: 1px solid rgb(180, 180, 180);
−
padding-right:1em;
 
 
}
 
}
−
.navbox-group {          /* group style */
+
 
−
white-space:nowrap;
+
.transparentbckg800 {
−
text-align:right;
+
  background: url("https://en-wiki.metin2.gameforge.com/images/9/9f/Transparentbackground.png") repeat;
−
font-weight:bold;
+
  display: inline-block;
−
padding-left:1em;
+
  padding: 5px;
−
padding-right:1em;
+
  width: 790px;
 +
  color: #00000;
 +
  border: 1px solid #000000;
 +
  border-radius: 5px;
 
}
 
}
−
.navbox, .navbox-subgroup {
+
 
−
background:#fdfdfd;     /* Background color */
+
.transparentbackground {
 +
  background: url("https://en-wiki.metin2.gameforge.com/images/9/9f/Transparentbackground.png") repeat;
 +
  border: 1px solid #000000;
 
}
 
}
−
.navbox-list {
+
 
−
border-color:#fdfdfd;   /* Must match background color */
+
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;
 
}
 
}
−
+
 
−
a.navbox-title {
+
.boxesheaderbackground {
−
color:inherit; /* kolor linków w nagłówku */
+
    background: url("https://en-wiki.metin2.gameforge.com/images/4/47/Boxesheaderbackgroundxmas.png") repeat 0em 0em;
 
}
 
}
−
+
 
−
.navbox-title, table.navbox th {
+
/* Button Metin2 style */
−
background:#ccccff;    /* Level 1 color */
+
.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;
 
}
 
}
−
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
+
 
−
background:#ddddff;    /* Level 2 color */
+
.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;
 
}
 
}
−
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
+
 
−
background:#e6e6ff;    /* Level 3 color */
+
.btn.btn-mt2:hover{
 +
    background-color:#512410;
 +
     box-shadow: 0 3px 0 #1f0e02;
 
}
 
}
−
.navbox-even {
+
 
−
background:#f7f7f7;    /* Even row striping */
+
.btn.btn-mt2:active{
−
}
+
    top: 3px;
−
.navbox-odd {
+
     outline: none;
−
background:transparent; /* Odd row striping */
+
    -webkit-box-shadow: none;
−
}
+
    box-shadow: none;
−
/* odstęp pomiędzy pierwszym navboksem a tekstem  */
 
−
table.firstNavbox {
 
−
margin-top:1em;
 
 
}
 
}
  
−
/* halloween
+
.resMostri{
−
#p-logo a {
+
    display:block;
−
background-image:url(http://wiki.metin2.pl/images/6/60/Logo_halloween.png) !important;
 
 
}
 
}
−
*/
 
  
−
/* święto
+
.resMostriResp{
−
#p-logo a {
+
    display: none;
−
background-image:url(http://wiki.metin2.pl/images/7/7c/Logo_polska.png) !important;
 
 
}
 
}
−
święto */
 
  
−
/* zima
+
.breadcrumb {  
−
#p-logo a {
+
  list-style: none;
−
background-image:url(http://wiki.metin2.pl/images/8/84/Logo_zima.png)!important;
+
  overflow: hidden;  
 
}
 
}
−
#p-personal {
+
.breadcrumb li {  
−
background-image:url(http://wiki.metin2.pl/images/3/3d/Top_zima.png)!important;
+
  float: left;  
 
}
 
}
−
.portletNavBG {
+
.breadcrumb li a {
−
background: url(http://wiki.metin2.pl/images/3/32/Nav_zima.jpg) no-repeat !important;
+
    color: #f1de8e;
 +
    text-decoration: none !important;
 +
    padding: 4px 0 7px 25px;
 +
    background: #512410;
 +
    position: relative;
 +
    display: block;
 +
    float: left;
 
}
 
}
−
#p-cactions {
+
.breadcrumb li a:before {
−
background:url(http://wiki.metin2.pl/images/d/d0/Bg_zima.jpg)!important;
+
    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;
 
}
 
}
−
body {
+
.breadcrumb li a:after {
−
background:url(http://wiki.metin2.pl/images/d/d0/Bg_zima.jpg)!important;
+
    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; }
  
−
/* szukajka
+
.breadcrumb li:last-child a {
−
div#p-search {
+
  background: transparent !important;
−
display:none !important;
+
  color: black;
 +
  pointer-events: none;
 +
  cursor: default;
 
}
 
}
−
szukajka */
+
.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){
  
−
/* biały link */
 
−
.bialy {
 
−
a:link { color:white !important;}
 
−
a:hover { color:white !important;}
 
 
}
 
}
−
/* biały link */
 
  
−
/* Menu */
+
/*
−
.menukx, .submenukx {
+
http://wiki.metin2.co.uk/images/3/39/Boxesheaderbackgroundnormal.png
−
width: 275px;
+
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");
 
}
 
}
−
#buttonm .menukx, #buttonm .submenukx, #buttonk .menukx, #buttonk .submenukx, #buttonmap .menukx, #buttonmap .submenukx {
+
 
−
width: 340px !important;
+
/**
 +
* 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;
 
}
 
}
−
.menukx button {
+
.window .window-body-container {
−
     border: 0;
+
     -webkit-box-flex: 1;
−
     background: transparent;
+
    -webkit-flex-grow: 1;
−
     cursor: pointer;
+
     -ms-flex-positive: 1;
−
     color: #216614;
+
    flex-grow: 1;
−
     font-size: 14px;
+
     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;
 
}
 
}
−
.menukx button:hover,
+
.window .window-body {
−
.menukx button:focus {
+
     margin: 0 -25px -25px;
−
     outline: 0;
 
−
    text-decoration: underline;
 
 
}
 
}
−
.menukx button:focus {
+
.window .window-title {
−
letter-spacing:1px;
+
    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;
 
}
 
}
−
.menukx {
+
.window-title:before {
−
border-bottom: 1px solid #97100d;
+
    content: "";
−
        position: relative;
+
    display: block;
−
        margin-top: -25px;
+
    position: relative;
−
}
+
    left: -32px;
−
.submenukx{
+
     background-image: url("https://pl-wiki.metin2.gameforge.com/images/b/b2/Szablon-Okno-Tytu%C5%82-Lewo.png");
−
     display: none;
+
     background-position: center top;
−
     position: absolute;
+
     background-repeat: no-repeat;
−
     font-size: small;
+
     width: 32px;
−
     padding-top: 2px;
+
     height: 100%;
−
     line-height: 15px;
 
 
}
 
}
−
#buttonmap .submenukx{
+
.window-title .window-title-text {
−
  padding-top: 10px !important;
+
    -webkit-box-flex: 2;
−
  margin-top: 15px !important;
+
    -webkit-flex-grow: 2;
 +
    -ms-flex-positive: 2;
 +
    flex-grow: 2;
 +
    line-height: 23px;
 
}
 
}
−
.menukx button:focus + .submenukx,
+
.window-title:after {
−
.submenukx:hover {
+
    content: "";
 
     display: block;
 
     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;
 
}
 
}
−
/* Menu */
 

Aktualna wersja na dzień 07:33, 1 gru 2024

/* 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;
}
Źródło: „https://pl-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&oldid=146331”