Mudanças entre as edições de "Widget:Teste"

@@ Linha 1: / Linha 1: @@
-<templatestyles src="Predefinição:Teste/styles.css" />
-<div class="news-grid">
-  <div class="news-card">
-    <img src="https://wiki.gla.com.br/images/1/14/AlcoolOleoShipLv5.png">
-    <div class="news-content">
-      <div class="news-title">teste</div>
-      <div class="news-sub">ver</div>
-    </div>
-  </div>
-  <div class="news-card">
-    <img src="https://wiki.gla.com.br/images/1/14/AlcoolOleoShipLv5.png">
-    <div class="news-content">
-      <div class="news-title">teste22</div>
-      <div class="news-sub">ver</div>
-    </div>
-  </div>
-</div>
-<style>
-.news-grid {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 16px;
-  margin-top: 12px;
-}
-.news-card {
-  background-color: #1f1f1f;
-  color: white;
-  border-radius: 6px;
-  overflow: hidden;
-  width: 100%;
-  max-width: 100%;
-  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
-  display: flex;
-  flex-direction: column;
-}
-.news-card img {
-  width: 100%;
-  height: auto;
-  display: block;
-}
-.news-content {
-  padding: 10px 12px;
-}
-.news-title {
-  font-weight: bold;
-  font-size: 14px;
-  margin-bottom: 4px;
-}
-.news-sub {
-  font-size: 12px;
-  color: #ccc;
-}
-/* Responsivo */
-@media screen and (min-width: 600px) {
-  .news-card {
-    flex: 1 1 calc(50% - 8px);
-  }
-}
-@media screen and (min-width: 1000px) {
-  .news-card {
-    flex: 1 1 calc(50% - 8px); /* se quiser 3 cards, troca pra 33.3% */
-  }
-}
-</style>

Edição atual tal como às 19h10min de 12 de setembro de 2025