MediaWiki:Common.css: Difference between revisions

From Kirby Speedrunning Wiki
Jump to navigationJump to search
No edit summary
No edit summary
Line 21: Line 21:
.mainpage-retrocolumn h1 {color: #ff6699}
.mainpage-retrocolumn h1 {color: #ff6699}


.mainpage-links {box-sizing: border-box;}
.mainpage-links {
 
.mainpage-links ul li {
  height: 100%;
  height: 100%;
  padding: 0;
  padding: 0;
Line 31: Line 29:
  justify-content: space-between;
  justify-content: space-between;
  margin: 0;
  margin: 0;
}
.mainpage-links li {
height: 60px;
}
}


.mainpage-links img {height: 200px; width: auto;}
.mainpage-links img {height: 200px; width: auto;}


.mainpage-links ul a:hover {
.mainpage-links a:hover {
  color: var(--link-color-hover);
  color: var(--link-color-hover);
  -webkit-filter: drop-shadow(0px 0px 15px rgb(255, 196, 252));
  -webkit-filter: drop-shadow(0px 0px 15px rgb(255, 196, 252));
  filter: drop-shadow(0px 0px 15px rgb(252, 194, 255));
  filter: drop-shadow(0px 0px 15px rgb(252, 194, 255));
}
}

Revision as of 00:25, 11 May 2023

#ca-talk { display:none!important; }
#footer-poweredbyico { display: none; }
#ca-nstab-main { display: none !important; }
body.page-Main_Page h1.firstHeading { display:none; }

/* MAIN PAGE STYLING */

.mainpage-retrocolumn {
 background-color: #330033;
 background-image: url("https://nippoverse.xyz/images/backgrounds/kirby_starbg.png");
 color: #ffe6ff;
 border: 3px solid #0047b3;
 width: 25%;
 padding: 6px;
}

.mainpage-retrocolumn a:link {color: #ff99ff;}
.mainpage-retrocolumn a:visited {color: #ff99ff;}
.mainpage-retrocolumn a:hover {color: #ff3399;}
.mainpage-retrocolumn a:active {color: #9966ff;}
.mainpage-retrocolumn h1 {color: #ff6699}

.mainpage-links {
 height: 100%;
 padding: 0;
 list-style: none;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 margin: 0;
}

.mainpage-links li {
 height: 60px;
}

.mainpage-links img {height: 200px; width: auto;}

.mainpage-links a:hover {
 color: var(--link-color-hover);
 -webkit-filter: drop-shadow(0px 0px 15px rgb(255, 196, 252));
 filter: drop-shadow(0px 0px 15px rgb(252, 194, 255));
}