|
|
| Line 1: |
Line 1: |
| .vector-dropdown-checkbox {
| |
| background-color: red !important;
| |
| color: red !important;
| |
| }
| |
| .products-grid {
| |
| display: grid;
| |
| grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
| |
| gap: 30px;
| |
| margin-top: 20px;
| |
| }
| |
|
| |
|
| .product-item {
| |
| text-align: center;
| |
| }
| |
|
| |
| .product-image {
| |
| display: block;
| |
| margin: 0 auto 10px;
| |
| }
| |
|
| |
| .product-title {
| |
| font-weight: 600;
| |
| margin-top: 6px;
| |
| }
| |
|
| |
| .product-subtitle {
| |
| font-size: 14px;
| |
| color: #666;
| |
| }
| |
|
| |
| .product-item strong {
| |
| display: block;
| |
| }
| |
|
| |
| .product-subtitle {
| |
| display: block;
| |
| }
| |
|
| |
|
| |
|
| |
|
| |
|
| |
| /* Impedir que o item ativo no índice mude para negrito durante o scroll */
| |
| .vector-toc-list-item-active > .vector-toc-link .vector-toc-text {
| |
| font-weight: normal !important;
| |
| }
| |
|
| |
| /* Garante que o título do Datasheet e outros itens mantenham a consistência */
| |
| .vector-toc-link .vector-toc-text {
| |
| font-weight: normal !important;
| |
| }
| |
|
| |
|
| |
|
| |
|
| |
|
| |
| /* Botão Técnico Atlas - Cores Customizadas */
| |
| .mw-parser-output .atlas-btn {
| |
| display: inline-block !important;
| |
| padding: 10px 22px !important;
| |
| background-color: #1B2826 !important; /* Cor base escura */
| |
| border: 1px solid #1B2826 !important;
| |
| border-radius: 4px !important;
| |
| transition: all 0.25s ease !important;
| |
| cursor: pointer !important;
| |
| text-align: center !important;
| |
| border-bottom: 1px solid #1B2826 !important; /* Remove qualquer traço de link */
| |
| }
| |
|
| |
| /* Link dentro do botão - Forçar branco em todos os estados*/
| |
| .mw-parser-output .atlas-btn a,
| |
| .mw-parser-output .atlas-btn a:link,
| |
| .mw-parser-output .atlas-btn a:visited,
| |
| .mw-parser-output .atlas-btn a:hover,
| |
| .mw-parser-output .atlas-btn a:active {
| |
| color: #ffffff !important;
| |
| text-decoration: none !important;
| |
| border-bottom: none !important;
| |
| font-weight: bold !important;
| |
| font-size: 0.95em !important;
| |
| }
| |
|
| |
| /* Efeito Hover: Versão levemente mais clara */
| |
| .mw-parser-output .atlas-btn:hover {
| |
| background-color: #3E524F !important; /* Tom mais claro */
| |
| border-color: #2A3B38 !important;
| |
| text-decoration: none !important;
| |
| box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important; /* Sombra leve para profundidade */
| |
| }
| |
|
| |
| /* Garante que o link não mude de cor ou sublinhe no hover */
| |
| .mw-parser-output .atlas-btn a:hover {
| |
| text-decoration: none !important;
| |
| color: #ffffff !important;
| |
| }
| |
|
| |
|
| |
|
| |
|
| |
|
| |
| /* Forçar a fonte Rubik no título principal */
| |
| #firstHeading {
| |
| font-family: 'Rubik', sans-serif !important;
| |
| font-weight: 600 !important;
| |
| color: #202122 !important;
| |
| letter-spacing: -0.01em !important;
| |
| /* Removemos a nossa borda manual para usar apenas a da Wiki */
| |
| border-bottom: none !important;
| |
| margin-bottom: 0 !important;
| |
| padding-bottom: 5px !important;
| |
| }
| |
|
| |
| /* Garante que o breadcrumb (< SENSBLUE ATLAS) também use a Rubik */
| |
| #contentSub, #contentSub2 {
| |
| font-family: 'Rubik', sans-serif !important;
| |
| font-size: 0.85em !important;
| |
| color: #54595d !important;
| |
| margin-top: 5px !important;
| |
| }
| |
