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

m
 
(Nie pokazano 280 wersji utworzonych przez 4 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 */
  
−
/* Podświetlanie nie wypełnionego opisu zmian */
+
/*#################################
−
input.warning {
+
######## Background & Logo ########
−
border: 2px solid red;
+
#################################*/
 +
 
 +
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;
 
}
 
}
−
.warning label {
+
 
−
color:red;
+
.btn.btn-mt2:active{
−
font-weight:bold;
+
    top: 3px;
 +
    outline: none;
 +
    -webkit-box-shadow: none;
 +
    box-shadow: none;
 
}
 
}
  
−
/* default skin for navigation boxes */
+
.resMostri{
−
table.navbox {           /* navbox container style */
+
    display:block;
−
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) */
+
.resMostriResp{
 +
    display: none;
 
}
 
}
−
.navbox-title, .navbox-abovebelow, table.navbox th {
+
 
−
text-align:center;     /* title and above/below styles */
+
.breadcrumb {  
−
padding-left:1em;
+
  list-style: none;  
−
padding-right:1em;
+
  overflow: hidden;  
 
}
 
}
−
.navbox-group {           /* group style */
+
.breadcrumb li {  
−
white-space:nowrap;
+
  float: left;  
−
text-align:right;
 
−
font-weight:bold;
 
−
padding-left:1em;
 
−
padding-right:1em;
 
 
}
 
}
−
.navbox, .navbox-subgroup {
+
.breadcrumb li a {
−
background:#fdfdfd;    /* Background color */
+
    color: #f1de8e;
 +
    text-decoration: none !important;
 +
    padding: 4px 0 7px 25px;
 +
    background: #512410;
 +
    position: relative;
 +
    display: block;
 +
     float: left;
 
}
 
}
−
.navbox-list {
+
.breadcrumb li a:before {
−
border-color:#fdfdfd;   /* Must match background color */
+
    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 {
−
a.navbox-title {
+
    content: " ";
−
color:inherit; /* kolor linków w nagłówku */
+
    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 {
−
.navbox-title, table.navbox th {
+
    -webkit-box-flex: 1;
−
background:#ccccff;    /* Level 1 color */
+
    -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;
 
}
 
}
−
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
+
.window .window-body {
−
background:#ddddff;     /* Level 2 color */
+
    margin: 0 -25px -25px;
 
}
 
}
−
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
+
.window .window-title {
−
background:#e6e6ff;     /* Level 3 color */
+
    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;
 
}
 
}
−
.navbox-even {
+
.window-title:before {
−
background:#f7f7f7;    /* Even row striping */
+
    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%;
 
}
 
}
−
.navbox-odd {
+
.window-title .window-title-text {
−
background:transparent; /* Odd row striping */
+
    -webkit-box-flex: 2;
 +
    -webkit-flex-grow: 2;
 +
    -ms-flex-positive: 2;
 +
    flex-grow: 2;
 +
    line-height: 23px;
 
}
 
}
−
/* odstęp pomiędzy pierwszym navboksem a tekstem  */
+
.window-title:after {
−
table.firstNavbox {
+
    content: "";
−
margin-top:1em;
+
    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;
 
}
 
}

Aktualna wersja na dzień 09:48, 3 gru 2023

/* 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=144329”