MediaWiki:Common.css: Difference between revisions

From Ages of Conflict
Content added Content deleted
No edit summary
No edit summary
Line 19: Line 19:
width: 500px;
width: 500px;
padding: 20px;
padding: 20px;
background-color: #A58D70;
background-color: #D2B48C;
color: #685A48;
color: #3D3D3D; /* Darker text color */
border: 1px solid #888;
border: 1px solid #888;
margin-bottom: 10px;
margin-bottom: 10px;
Line 27: Line 27:


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


Line 38: Line 38:
}
}


.MPElement p.small {
/* Bounce animation */
font-size: 0.8em; /* Smaller font size */
margin-top: 10px; /* Space above the small text box */
border-top: 1px solid #888; /* Line above the small text box */
}

@keyframes bounce {
@keyframes bounce {
0% { transform: scale(1.05); }
0% { transform: scale(1.05); }

Revision as of 02:00, 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: #D2B48C;
  color: #3D3D3D; /* Darker text color */
  border: 1px solid #888;
  margin-bottom: 10px;
  transition: all 0.5s ease;
}

.MPElement:hover {
  background-color: #776650;
  transform: scale(1.05);
  animation: bounce 0.5s;
}

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

.MPElement p.small {
  font-size: 0.8em; /* Smaller font size */
  margin-top: 10px; /* Space above the small text box */
  border-top: 1px solid #888; /* Line above the small text box */
}

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