Mudanças entre as edições de "Predefinição:MainPage/styles.css"

Edição das 17h46min de 5 de maio de 2025

/** MENU/ÍNDICE/CHANGELOG/EVENTOS **/
.homepage-content {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  width: 100%;
  box-sizing: border-box;
}

.menu-col {
  flex: 1;
  min-width: 400px;
}

.side-col {
  flex: 0 0 300px;
  display: flex;
  flex-direction: column;
}

.home-card {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  margin-bottom: 20px;
  background: #fff;
}

.home-title {
  text-align: center;
  display: block;
  font-size: 1.75em;
  font-weight: bold;
  background: linear-gradient(to bottom, #459cca, #5684c8);
  color: white;
  border-radius: 8px 8px 0 0;
  margin: 0;
  position: relative;
  padding: 3px;
}

@media (max-width: 1024px) {

  .menu-col,
  .side-col {
    flex: 1 1 100%;
    min-width: 100%;
  }
}

@@ Linha 1: / Linha 1: @@
-.page-Vampire_Survivors_Wiki #firstHeading { display: none; }
+/** MENU/ÍNDICE/CHANGELOG/EVENTOS **/
+.homepage-content {
-.mainpage-intro {
-  text-align: center;
-  font-size: 1.25em;
-  margin: 1em 0;
-}
-.mainpage-row {
    display: flex;
-  gap: 1em;
    flex-wrap: wrap;
+  gap: 20px;
+  width: 100%;
+  box-sizing: border-box;
 }
-.mainpage-box {
+.menu-col {
-  background: #1c1b1b;
+   flex: 1;
-  padding: 1em;
+   min-width: 400px;
-  border: 2px solid #212121;
-  margin-bottom: 1em;
-}
-.mainpage-box h2 {
-  margin: 0;
-  border: 0;
-  color: #ffffff;
-  text-transform: uppercase;
-  font-weight: 600;
-}
-.mainpage-game-platforms img:hover,
-.mainpage-box.mainpage-characters img:hover,
-.mainpage-box.mainpage-weapons img:hover {
-  transform: scale(1.1);
-  transition: .2s;
-}
-.mainpage-game-platforms {
-  display: flex;
-}
-.mainpage-game-platforms a {
-  padding: 0.5em;
-  width: auto;
-  display: inline-block;
-  border-radius: 5px;
-}
-.mainpage-game {
-  background: linear-gradient(0deg, rgba(92, 3, 3, 0.55), rgba(13, 13, 13, 0.8));
-  background-size: cover;
-  background-position: center;
-  color: #fff;
-}
-.mainpage-col {
-   flex-grow: 1;
-}
-.mainpage-row .mainpage-col:first-child { flex-basis: 60%; }
-.mainpage-row .mainpage-col:last-child { flex-basis: 30%; }
-.mainpage-game-sublists {
-  display: grid;
-  gap: 1em;
-   grid-template-columns: 1fr 1fr;
-}
-.mainpage-characters,
-.mainpage-weapons {
-  padding: 0;
-}
-.mainpage-characters h2, .mainpage-characters h5,
-.mainpage-weapons h2, .mainpage-weapons h5 {
-  padding: 0.5em 1rem;
-}
-.mainpage-characters h5,
-.mainpage-weapons h5 {
-  background: #242424;
-}
-.mainpage-characters > p,
-.mainpage-weapons > p {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: center;
-  padding: 0 1em;
-  gap: 5px;
 }
-.mainpage-dlc > div {
+.side-col {
+  flex: 0 0 300px;
    display: flex;
-  justify-content: center;
-  margin-top: .5em;
-  flex-wrap: wrap;
    flex-direction: column;
 }
-.mainpage-dlc-box > a {
+.home-card {
-   background: #1c1b1b;
+   border: 1px solid #e0e0e0;
-   margin: 0.25em 0em;
+   border-radius: 8px;
-   padding: 0.5em 1em;
+   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-   display: flex;
+   overflow: hidden;
-   align-items: center;
+   margin-bottom: 20px;
-   height: 60px;
+   background: #fff;
-  font-weight: 600;
-  justify-content: space-between;
-  text-decoration: none;
-  font-family: monospace;
-  color: #fff;
 }
-.mainpage-dlc-box > a::after {
+.home-title {
-   content: '';
+   text-align: center;
-  width: 40px;
-  height: 40px;
    display: block;
+  font-size: 1.75em;
+  font-weight: bold;
+  background: linear-gradient(to bottom, #459cca, #5684c8);
+  color: white;
+  border-radius: 8px 8px 0 0;
+  margin: 0;
    position: relative;
-   background-size: cover;
+   padding: 3px;
 }
-/* DLC promo arts retiradas por incompatibilidade com TemplateStyles */
+@media (max-width: 1024px) {
-.mainpage-box .mainpage-navigation {
+   .menu-col,
-   display: flex;
+   .side-col {
-  flex-wrap: wrap;
+    flex: 1 1 100%;
-  gap: 1em .5em;
+    min-width: 100%;
-  justify-content: center;
+   }
-   margin-top: 1.25em;
-}
-.mainpage-box .mainpage-navigation .navigation-tile {
-  background: #2a2a2a;
-  width: 120px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  cursor: pointer;
-  transition: transform 0.1s ease-in-out;
-}
-.mainpage-box .mainpage-navigation .navigation-tile:hover {
-  margin: -.5em 0 .5em 0;
-  transition: .3s;
-}
-.mainpage-box .mainpage-navigation .navigation-tile a:hover {
-  text-decoration: none;
-}
-.mainpage-box .mainpage-navigation .navigation-tile img {
-  margin-top: -.75em;
-}
-.mainpage-box .mainpage-navigation .navigation-tile-link {
-  padding: 0 0 .5em 0;
-  text-align: center;
-  display: block;
-  width: 100%;
-   margin: -.5em 0;
-}
-.mainpage-box .mainpage-navigation .navigation-tile-link a {
-  color: #ffffff;
-  font-family: monospace;
-  font-weight: bold;
-  padding: 1em 0;
-  display: block;
 }

Mudanças entre as edições de "Predefinição:MainPage/styles.css"

Edição das 17h46min de 5 de maio de 2025

Menu de navegação

Pesquisa