MediaWiki:Common.css: Difference between revisions

From Ages of Conflict
Content added Content deleted
No edit summary
No edit summary
Line 17: Line 17:


.MPElement {
.MPElement {
width: 500px; /* Adjust this to your preferred width */
width: 500px;
padding: 20px;
padding: 20px;
background-color: #D2B48C; /* Beige color */
background-color: #776650;
color: #685A48; /* Text color */
color: #685A48;
border: 1px solid #888; /* Border color */
border: 1px solid #888;
margin-bottom: 10px; /* Space between boxes */
margin-bottom: 10px;
transition: all 0.5s ease;
}
}


.MPElement:hover {
.MPElement:hover {
background-color: #776650; /* Darker beige/brown color on hover */
background-color: #A0522D;
transform: scale(1.05); /* Scales the box size to 105% */
animation: bounce 0.5s; /* Applies the bounce animation */
}
}


.MPElement h2 {
.MPElement h2 {
margin: 0; /* Remove default margin */
margin: 0;
padding-bottom: 10px; /* Space between title and line */
padding-bottom: 10px;
border-bottom: 1px solid #888; /* Line beneath the title */
border-bottom: 1px solid #888;
}

/* Bounce animation */
@keyframes bounce {
0% { transform: scale(1.05); }
50% { transform: scale(0.95); }
100% { transform: scale(1.05); }
}
}

Revision as of 01:53, 19 November 2023

/*COMMUNITY HEADER drop shadow*/
.theme-fandomdesktop-light .fandom-community-header {
    filter: drop-shadow(0px 0px 6px #Ffd700) drop-shadow(0px 0px 2px #Ffd700);
    z-index: 200;
}
.theme-fandomdesktop-dark .fandom-community-header {
    filter: drop-shadow(0px 0px 6px #Ffd700) drop-shadow(0px 0px 2px #Ffd700);
    z-index: 200;
}

a[href="/wiki/User:Cosmoj0sh"]  {color:violet; font-weight:bold; filter:drop-shadow(0px 0px 2px #B200FF);}

#navbar a:hover {
    background-color: #ddd;
    color: black;
}

.MPElement {
  width: 500px;
  padding: 20px;
  background-color: #776650;
  color: #685A48;
  border: 1px solid #888;
  margin-bottom: 10px;
  transition: all 0.5s ease;
}

.MPElement:hover {
  background-color: #A0522D;
  transform: scale(1.05); /* Scales the box size to 105% */
  animation: bounce 0.5s; /* Applies the bounce animation */
}

.MPElement h2 {
  margin: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #888;
}

/* Bounce animation */
@keyframes bounce {
  0% { transform: scale(1.05); }
  50% { transform: scale(0.95); }
  100% { transform: scale(1.05); }
}