Difference between revisions of "MediaWiki:Common.css"

 
(12 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
 +
 +
td,th {padding: 2px}
 +
table { border-spacing: 0px; }
  
 
body {
 
body {
Line 56: Line 59:
 
   height: 10px;
 
   height: 10px;
 
}
 
}
 +
 +
/*#################################
 +
############# 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; }
  
  

Latest revision as of 15:12, 21 December 2023

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

td,th {padding: 2px}
table { border-spacing: 0px; }

body {

}

body.page-Main_Page #catlinks,
body.page-Main_Page h1.firstHeading{
display: none;
}

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

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

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

.nativelooktop {
  background: url("https://en-wiki.metin2.gameforge.com/images/1/1c/Nativelooktop.jpg") no-repeat;
  padding: 0px;
  width: 190px;
  height: 10px;
}

.nativelookbackground {
  background-image: url("https://en-wiki.metin2.gameforge.com/images/1/12/Nativelookbackground.jpg");
  background-repeat: repeat-y;
  padding: 0px;
  width: 190px;
}

.nativelookbottom {
  background: url("https://en-wiki.metin2.gameforge.com/images/8/8b/Nativelookbottom.jpg") no-repeat;
  padding: 0px;
  width: 190px;
  height: 10px;
}

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



/*
https://en-wiki.metin2.gameforge.com/images/3/39/Boxesheaderbackgroundnormal.png
https://en-wiki.metin2.gameforge.com/images/6/66/Valentineboxheader.png
https://en-wiki.metin2.gameforge.com/images/6/67/Easterboxheader.png
https://en-wiki.metin2.gameforge.com/images/4/47/Boxesheaderbackgroundxmas.png
https://en-wiki.metin2.gameforge.com/images/0/09/Boxesheaderbackgroundhalloween.png
*/