MediaWiki:Common.css: mudanças entre as edições

← Edição anterior

@@ Linha 2: / Linha 2: @@
 :root {
-	/* -- Cor principal de destaque (links, botões, abas ativas) -- */
+  /* -- Cor principal de destaque (links, botões, abas ativas) -- */
-	--color-primary: #602CB9; /* Azul padrão do MediaWiki */
+  --color-primary: #602CB9;
-    --color-primary-dark: #120B28;
+  --color-primary-dark: #120B28;
+  --color-primary-light: #E8E6F4;
+  --color-primary-highlight: 6339D8;
 }
+/* GLOBAL */
-.color-right, .color-middle {
+img.mw-logo-icon {
-	background: var(--color-primary);
+  height: 50px !important;
+  width: auto !important;
+  max-width: 100% !important;
 }
-.color-left {
+.mw-logo-wordmark {
-	background: var(--color-primary);
+  font-family: 'Gemunu Libre', sans-serif !important;
+  color: #4a218f;
+  font-weight: 800;
+  font-size: 2em;
 }
-#mw-header-container {
+h1, h2, h3, h4, h5, h6 {
-    background: var(--color-primary-dark);
+  font-family: 'Gemunu Libre', sans-serif !important;
-    color: #fff;
+  font-weight: 700!important;
 }
-#site-navigation h2 {
+.cdx-text-input__input {
-    background-image: url(/images/menu-large-white.svg);
+  border-radius: 20px 0px 0px 20px;
 }
-#site-navigation h2::after {
+.cdx-search-input {
-    background-image: url(/images/arrow-down-white.svg);
+  border-radius: 20px;
-    display: none;
 }
-#site-tools h2 {
+.cdx-search-input__end-button.cdx-button {
-    background-image: url(/images/gear-large-white.svg);
+  border-radius: 0px 20px 20px 0px;
-}
-#site-tools h2::after {
-    background-image: url(/images/arrow-down-white.svg);
-    display: none;
-}
-#personal h2 {
-    background-image: url(/images/user-white.svg);
-}
-#personal h2::after {
-    background-image: url(/images/arrow-down-white.svg);
-}
-#personal-inner {
-   color: #000;
-}
-#p-logo {
-	display: none;
-}
-#p-logo-text {
-    /* 1. Defina o tamanho que você quer para a sua imagem/logo */
-    width: 63px;  /* Ajuste a largura conforme necessário */
-    height: 30px; /* Ajuste a altura conforme necessário */
-    /* 2. Adicione o link para a sua imagem */
-    background-image: url("https://i0.wp.com/cinelinux.com/wp-content/uploads/2025/06/Cine-Linux-Logo-Branca.png?fit=63%2C30&ssl=1") !important;
-    background-repeat: no-repeat;
-    background-size: contain; /* Garante que a imagem caiba no espaço definido */
-    background-position: left center; /* Alinha a imagem à esquerda */
-    /* 3. Esconde o texto "Cine Linux Wiki" */
-    text-indent: -9999px;
-    overflow: hidden;
 }
+/* FIM GLOBAL */
 /* SOFTWARE INFOBOX */
@@ Linha 83: / Linha 53: @@
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    overflow: hidden;
+}
+@media (max-width: 768px) {
+  .software-infobox {
+    float: none;
+    width: 100%;
+    margin: 1em 0;
+  }
 }
@@ Linha 89: / Linha 67: @@
    font-weight: bold;
    text-align: center;
-   padding: 20px;
+   padding: 13px;
    background: #E8E6F4;
 }
@@ Linha 101: / Linha 79: @@
 .software-infobox .logo{
-   text-align: center;
+ text-align: center;
-   padding: 20px 0px;
+ padding: 20px 0px;
+}
+.software-infobox .logo .mw-file-element {
+  max-width: 200px!important;
+  max-height: 100px!important;
+  height: auto;
+  width: auto;
+  display: block;
+  margin: 0 auto;
 }
 .software-infobox table {
-   padding: 10px 15px;
+ padding: 10px 15px;
 }
 .software-infobox td {
-   border-bottom: 1px solid #ddd;
+ border-bottom: 1px solid #ddd;
-   vertical-align: center;
+  font-size: 14px;
 }
 .software-infobox .operating-system p{
-   margin: 3px;
+ margin: 3px;
 }
@@ Linha 125: / Linha 112: @@
 .software-infobox td.item{
-   font-weight: bold;
+ font-weight: bold;
+}
+.software-infobox td.item-content {
+  word-break: break-word;
+}
+.software-infobox .stable-version-date {
+  font-size: 12px;
+  font-style: italic;
+}
+/* FIM SOFTWARE INFOBOX */
+/* GRID CATEGORIAS */
+#categories-list {
+  list-style: none;
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+  gap: 0.5em;
+  padding: 0;
+  margin: 0;
+}
+#categories-list li {
+  background: var(--color-primary-light);
+  padding: 0.5em;
+  border-radius: 6px;
+  text-align: center;
+  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
+}
+#categories-list a {
+  color: #333;
+  text-decoration: none;
+  font-weight: 500;
+  display: block;
+}
+#categories-list li:hover {
+   box-shadow: 0 4px 8px rgba(0,0,0,0.05);
+   background: var(--color-primary);
+}
+#categories-list li:hover a{
+   color: #fff;
 }
+/* GRID CATEGORIAS */