MediaWiki:Common.css: Diferență între versiuni

/** CSS plasate aici vor fi aplicate tuturor aparițiilor */

  body {
    background: url('https://ro-wiki.metin2.gameforge.com/images/9/9e/IG-WIKI300.jpg') no-repeat fixed center top #000;
     overflow-x: visible !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* End New Skin CSS */

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

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

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

/*
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/4/47/Boxesheaderbackgroundxmas.png
*/

.News {
background: url("https://image.board.gameforge.com/uploads/metin2/es/announcement_metin2_es_448269bba43cba1a9a46a5ea906cea5f.png") no-repeat;
height: 168px;
width: 280px;
}

@keyframes pnj-square {
  from {background-color: #f80000;}
  to {background-color: white;}
}

@keyframes pnj-circle {
  from {border-color: #984c48;}
  to {border-color: white;}
  from {scale: 1;}
  to {scale: .1;}
}

@keyframes loading {
  0% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}

.highlighted {
    background-color: #ffcc00; 
    color: black; 
    font-weight: bold; 
}

.encyclopedia-container {
    display: flex;
    border: 2px solid #333; 
    padding: 5px;
    width: 100%;
    background-color: #1E1E1E; 
    color: white;
    font-family: Tahoma, sans-serif;
    font-size: 12px; 
}

.encyclopedia-column {
    flex: 1;
    border-right: 2px solid #333; 
}

.encyclopedia-column:last-child {
    border-right: none;
}

.encyclopedia-list-container {
    height: 240px; 
    overflow-y: scroll;
    background-color: #2B2B2B; 
    padding: 5px; 
}

.encyclopedia-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    border: 1px solid #444; 
}

.encyclopedia-list li {
    padding: 8px;
    border-bottom: 1px solid #444; 
    color: #CCC; 
    cursor: pointer;
    background-color: #2B2B2B; 
}

.encyclopedia-list li:hover {
    background-color: #ff7700; 
    color: #fff; 
    border-left: 2px solid #ffb700; 
}

.encyclopedia-list li.selected {
    background-color: #444; 
    color: #6aff00; 
    border-left: 2px solid #ffb700; 
}
.encyclopedia-list li:last-child {
    border-bottom: none; 
}

.encyclopedia-list-container::-webkit-scrollbar {
    width: 10px;
}

.encyclopedia-list-container::-webkit-scrollbar-thumb {
    background-color: #555; 
    border-radius: 10px;
}

.encyclopedia-list-container::-webkit-scrollbar-track {
    background-color: #2B2B2B; 
}

.encyclopedia-header {
    text-align: center; 
    font-family: 'Arial', sans-serif; 
    font-size: 16px; 
    color: #FFD700; 
    margin-bottom: 10px; 
    padding: 5px 0; 
    background-color: #333; 
}

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.5);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.animated-point {
  width: 10px;
  height: 10px;
  background-color: red;
  border-radius: 50%;
  position: absolute;
  animation: pulse 1s infinite; 
}

.image-container {
    display: flex;
    flex-wrap: wrap; /* Allow images to wrap to new lines instead of creating scrollbars */
    justify-content: center; /* Center images horizontally */
    max-width: 100%; /* Prevent container overflow */
}

.map-image {
    max-width: 300px; /* Set a max width for images to maintain size consistency */
    height: auto; /* Maintain aspect ratio */
    margin: 10px; /* Add spacing between images */
}