Mudanças entre as edições de "MediaWiki:Common.css"

Linha 1: Linha 1:
 
/** o código CSS colocado aqui será aplicado a todos os temas */
 
/** o código CSS colocado aqui será aplicado a todos os temas */
  
−
/* Estilo geral */
+
/* Estilo dos botões */
−
body {
+
button, .button {
−
     font-family: 'Arial', sans-serif;
+
     background-color: #006400;
−
     background-color: #f0f0f0; /* Cor de fundo clara */
+
     color: #fff;
−
     color: #333; /* Texto escuro para contraste */
+
    border: none;
−
     margin: 0;
+
    padding: 10px 20px;
−
     padding: 0;
+
    border-radius: 5px;
 +
     cursor: pointer;
 +
     font-size: 16px;
 +
     transition: background-color 0.3s ease-in-out;
 
}
 
}
  
−
#content {
+
button:hover, .button:hover {
−
     background-color: #fff;
+
     background-color: #228B22;
−
    padding: 20px;
 
−
    border-radius: 10px;
 
−
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
 
−
    max-width: 1200px;
 
−
    margin: 20px auto;
 
 
}
 
}
  
−
/* Títulos */
+
button:active, .button:active {
−
h1, h2, h3, h4, h5, h6 {
+
     background-color: #32CD32;
−
    color: #006400; /* Cor dos títulos em verde */
+
     box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
−
}
 
−
 
 
−
/* Links */
 
−
a {
 
−
     color: #006400; /* Cor do link em verde */
 
−
     text-decoration: none;
 
−
    border-bottom: 2px solid transparent;
 
−
    transition: border-bottom 0.2s ease-in-out;
 
−
}
 
−
 
 
−
a:hover {
 
−
    border-bottom: 2px solid #006400;
 
 
}
 
}

Edição das 14h38min de 19 de setembro de 2024

/** o código CSS colocado aqui será aplicado a todos os temas */

/* Estilo dos botões */
button, .button {
    background-color: #006400;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s ease-in-out;
}

button:hover, .button:hover {
    background-color: #228B22;
}

button:active, .button:active {
    background-color: #32CD32;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
}