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

Edição das 12h45min de 2 de junho de 2025

.conquista-box {
  display: flex;
  background-color: rgba(100, 100, 100, 0.8); /* Gris medio opaco */
  border: 1px solid #333;
  border-radius: 4px;
  padding: 6px;
  width: 500px;
  font-family: sans-serif;
  color: white;
  box-shadow: 0 0 6px rgba(0,0,0,0.4);
}

.conquista-icon {
  flex-shrink: 0;
  margin-right: 10px;
}

.conquista-conteudo {
  flex-grow: 1;
}

.conquista-titulo {
  font-weight: bold;
  font-size: 1.1em;
  margin-bottom: 2px;
}

.conquista-descricao {
  font-size: 0.95em;
  color: #ccc;
  margin-bottom: 6px;
}

.conquista-recompensa {
  background-color: rgba(0, 0, 0, 0.3);
  padding: 4px;
  border-radius: 2px;
  min-height: 20px;
}

@@ Linha 1: / Linha 1: @@
-.infobox-boss-wide {
+.conquista-box {
    display: flex;
-   flex-direction: column;
+   background-color: rgba(100, 100, 100, 0.8); /* Gris medio opaco */
-  align-items: center;
+   border: 1px solid #333;
-  justify-content: center;
+   border-radius: 4px;
-  width: 100%;
+   padding: 6px;
-   min-height: unset;
+   width: 500px;
-  background: none;
-   border: none;
-   border-radius: 12px;
-   box-shadow: none;
    font-family: sans-serif;
-   color: #222;
+   color: white;
-   overflow: hidden;
+   box-shadow: 0 0 6px rgba(0,0,0,0.4);
 }
-.infobox-boss-right {
-  width: 100%;
+.conquista-icon {
-  display: flex;
+   flex-shrink: 0;
-   flex-direction: column;
+   margin-right: 10px;
-   align-items: center;
-  justify-content: center;
 }
-.infobox-skill-info-area {
-  width: 100%;
+.conquista-conteudo {
-  max-width: 900px;
+   flex-grow: 1;
-  display: flex;
-   flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  margin-bottom: 16px;
-  margin-top: 24px;
-  gap: 12px;
 }
-.infobox-skill-tabs {
-  display: flex;
+.conquista-titulo {
-  gap: 12px;
-  justify-content: center;
-  margin-bottom: 0;
-  width: 100%;
-}
-.infobox-skill-tab {
-  cursor: pointer;
-  background: #fff;
-  color: #222;
-  border: 2px solid #ffc107;
-  border-radius: 8px;
-  padding: 10px 24px;
-  font-size: 1em;
    font-weight: bold;
-  transition: 0.2s;
+   font-size: 1.1em;
-  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
+   margin-bottom: 2px;
-  opacity: 0.7;
-  margin-bottom: 0;
-}
-.infobox-skill-tab.active,
-.infobox-skill-tab:hover {
-  opacity: 1;
-  background: #ffc107;
-  color: #181f2a;
-  border-color: #ffc107;
-}
-.skill-desc {
-   font-size: 1.08em;
-  width: 100%;
-  text-align: center;
-  font-weight: 500;
-  line-height: 1.5;
-  margin-top: 0;
-   margin-bottom: 0;
-  background: none;
-  color: #222;
-  box-shadow: none;
-  border-radius: 0;
-  padding: 0;
-}
-.infobox-skill-video-area {
-  width: 100%;
-  max-width: 900px;
-  min-height: 270px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: transparent;
-  border-radius: 8px;
-  margin-top: 0;
-  margin-bottom: 0;
-  box-shadow: none;
-  padding: 16px 0;
-  margin-left: auto;
-  margin-right: auto;
-}
-.skill-video {
-  width: unset;
-  height: auto;
-  max-width: unset;
-  border-radius: 8px;
-  background: #000;
-  display: block;
-  margin: 0 auto;
-  background: center;
 }
-.skill-video video{
-   border-radius: 8px;
+.conquista-descricao {
-   width: 100%;
+   font-size: 0.95em;
-  min-width: 800px;
+   color: #ccc;
-   min-height: 550px;
+   margin-bottom: 6px;
 }
-@media (max-width: 900px) {
-  .infobox-boss-wide {
+.conquista-recompensa {
-    min-height: unset;
+  background-color: rgba(0, 0, 0, 0.3);
-  }
+  padding: 4px;
-  .infobox-skill-info-area,
+   border-radius: 2px;
-  .infobox-skill-video-area {
+   min-height: 20px;
-    max-width: 100vw;
-    width: 100%;
-    padding: 0 2vw;
-   }
-  .skill-video,
-   .skill-box {
-    max-width: 100vw;
-    width: 100%;
-  }
 }

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

Edição das 12h45min de 2 de junho de 2025

Menu de navegação

Pesquisa