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

m
 
(Nu s-au afișat 80 de versiuni intermediare efectuate de alți 2 utilizatori)
Linia 1: Linia 1:
 
/** CSS plasate aici vor fi aplicate tuturor aparițiilor */
 
/** CSS plasate aici vor fi aplicate tuturor aparițiilor */
  
body {
+
  body {
     background: url('http://wiki.metin2.ro/images/1/12/Header_Anniversary.jpg') no-repeat fixed center top #000;
+
     background: url('https://ro-wiki.metin2.gameforge.com/images/9/9e/IG-WIKI300.jpg') no-repeat fixed center top #000;
 
     overflow-x: visible !important;
 
     overflow-x: visible !important;
 
     -webkit-background-size: cover;
 
     -webkit-background-size: cover;
Linia 29: Linia 29:
  
 
.transparentbckg800 {
 
.transparentbckg800 {
   background: url("http://wiki.metin2.co.uk/images/9/9f/Transparentbackground.png") repeat;
+
   background: url("https://en-wiki.metin2.gameforge.com/images/9/9f/Transparentbackground.png") repeat;
 
   display: inline-block;
 
   display: inline-block;
 
   padding: 5px;
 
   padding: 5px;
Linia 39: Linia 39:
  
 
.transparentbackground {
 
.transparentbackground {
   background: url("http://wiki.metin2.co.uk/images/9/9f/Transparentbackground.png") repeat;
+
   background: url("https://en-wiki.metin2.gameforge.com/images/9/9f/Transparentbackground.png") repeat;
 
   border: 1px solid #000000;
 
   border: 1px solid #000000;
 
}
 
}
Linia 69: Linia 69:
  
 
/*
 
/*
http://wiki.metin2.co.uk/images/3/39/Boxesheaderbackgroundnormal.png
+
https://en-wiki.metin2.gameforge.com/images/3/39/Boxesheaderbackgroundnormal.png
http://wiki.metin2.co.uk/images/6/66/Valentineboxheader.png
+
https://en-wiki.metin2.gameforge.com/images/6/66/Valentineboxheader.png
http://wiki.metin2.co.uk/images/4/47/Boxesheaderbackgroundxmas.png
+
https://en-wiki.metin2.gameforge.com/images/4/47/Boxesheaderbackgroundxmas.png
 
*/
 
*/
  
Linia 78: Linia 78:
 
height: 168px;
 
height: 168px;
 
width: 280px;
 
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;
 
}
 
}

Versiunea curentă din 28 septembrie 2024 10:10

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