File:MainStyle.css: Difference between revisions

From Bridge Duel Wiki
(Created page with ".pages-container { margin: auto; width: 100%; height: 43%; display: grid; grid-template-columns: 25% 25%; grid-row: auto auto; justify-content: center; grid-column-gap: 0.5vmax; grid-row-gap: 0.5vmax; } .page { background-color: rgba(255, 150, 150); border: 2px solid rgba(255, 0, 0); padding: 0px; font-size: 30px; text-align: center; align-items: center; justify-content:center; } .background-img { height: 100%; width: 100%; backgro...")
 
(Blanked the page)
Tag: Blanking
 
Line 1: Line 1:
.pages-container {
  margin: auto;
  width: 100%;
  height: 43%;
  display: grid;
  grid-template-columns: 25% 25%;
  grid-row: auto auto;
  justify-content: center;
  grid-column-gap: 0.5vmax;
  grid-row-gap: 0.5vmax;
}


.page {
  background-color: rgba(255, 150, 150);
  border: 2px solid rgba(255, 0, 0);
  padding: 0px;
  font-size: 30px;
  text-align: center;
  align-items: center;
  justify-content:center;
}
.background-img {
  height: 100%;
  width: 100%;
  background-image: url(https://bridgeduel.xyz/images/redclay.png);
  background-position: top left;
  background-repeat: repeat;
  background-size: 10%;
  opacity: 50%;
  transition: opacity 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: white;
  font-size: 2vmax
}
.background-img:hover {
  opacity: 100%;
}

Latest revision as of 17:51, 11 November 2023

There are no pages that use this file.