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

Edição das 21h46min de 23 de maio de 2025

.infobox-boss-wide {
  border: 1px solid #ccc;
  background: #f9f9f9;
  padding: 12px;
  margin: 8px auto;
  max-width: 700px;
  border-radius: 10px;
  font-family: sans-serif;
}

.infobox-skill-buttons {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-bottom: 16px;
}

.infobox-skill-icon {
  background: #ddd;
  padding: 6px 14px;
  border-radius: 6px;
  cursor: pointer;
  user-select: none;
}

.infobox-skill-icon.active {
  background: #6dbb70;
  color: white;
  font-weight: bold;
}

.infobox-skill-tab {
  display: none;
  text-align: center;
}

.infobox-skill-tab.active {
  display: block;
}

.skill-desc {
  margin-bottom: 8px;
  font-size: 14px;
}

@@ Linha 1: / Linha 1: @@
 .infobox-boss-wide {
-   display: flex;
+   border: 1px solid #ccc;
-   flex-direction: column;
+   background: #f9f9f9;
-   align-items: center;
+  padding: 12px;
-   width: 100%;
+  margin: 8px auto;
+   max-width: 700px;
+   border-radius: 10px;
    font-family: sans-serif;
-  color: #222;
-  border-radius: 12px;
-  overflow: hidden;
-  background: none;
-}
-.infobox-boss-right {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
 }
-.infobox-skill-info-area {
+.infobox-skill-buttons {
-  width: 100%;
-  max-width: 900px;
    display: flex;
-  flex-direction: column;
-  align-items: center;
-  margin-top: 16px;
-  gap: 8px;
-  padding: 0 12px;
-}
-.infobox-skill-tabs {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
    justify-content: center;
-   width: 100%;
+   gap: 12px;
+  margin-bottom: 16px;
 }
-.infobox-skill-tab {
+.infobox-skill-icon {
+  background: #ddd;
+  padding: 6px 14px;
+  border-radius: 6px;
    cursor: pointer;
-   background: #fff;
+   user-select: none;
-  color: #222;
-  border: 2px solid #ffc107;
-  border-radius: 8px;
-  padding: 10px 20px;
-  font-size: 1em;
-  font-weight: bold;
-  transition: 0.2s;
-  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
-  opacity: 0.7;
 }
-.infobox-skill-tab.active,
+.infobox-skill-icon.active {
-.infobox-skill-tab:hover {
+   background: #6dbb70;
-   opacity: 1;
+   color: white;
-   background: #ffc107;
+   font-weight: bold;
-   color: #181f2a;
 }
-.skill-desc {
+.infobox-skill-tab {
-   min-height: 60px;
+   display: none;
-  font-size: 1em;
    text-align: center;
-  font-weight: 500;
-  line-height: 1.5;
-  margin: 0;
-  padding: 8px 12px;
-  transition: opacity 0.2s;
 }
-.infobox-skill-video-area {
+.infobox-skill-tab.active {
-  width: 100%;
+   display: block;
-  max-width: 900px;
-   display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 16px 0;
-  min-height: 270px; /* Garante que não haja salto visual */
 }
-.skill-video-widget {
+.skill-desc {
-   width: 100%;
+   margin-bottom: 8px;
-  max-width: 700px;
+   font-size: 14px;
-  border-radius: 8px;
-  background: #000;
-  overflow: hidden;
-}
-@media (max-width: 900px) {
-  .infobox-skill-info-area,
-  .infobox-skill-video-area {
-    padding: 0 5vw;
-    gap: 6px;
-  }
-  .infobox-skill-tab {
-    padding: 8px 14px;
-    font-size: 0.95em;
-   }
-  .skill-desc {
-    font-size: 0.95em;
-    padding: 4px 6px;
-  }
-  .skill-video-widget {
-    min-height: 220px;
-  }
 }

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

Edição das 21h46min de 23 de maio de 2025

Menu de navegação

Pesquisa