MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| (18 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:FILL@0..1"); | @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:FILL@0..1"); | ||
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap'); | @import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap'); | ||
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap'); | |||
/* | /* Esconde as subpáginas */ | ||
.wiki-submenu { | |||
display: none !important; | |||
padding-left: 15px !important; | padding-left: 15px !important; | ||
font-size: 0. | font-size: 0.95em !important; | ||
opacity: 0. | opacity: 0.85; | ||
} | |||
.wiki-submenu.is-open { | |||
display: block !important; | |||
} | |||
/* Desenha a seta */ | |||
.wiki-toggle-btn { | |||
cursor: pointer; | |||
display: inline-block; | |||
width: 12px; | |||
height: 12px; | |||
margin-left: 8px; | |||
/* Usa o SVG oficial do MediaWiki para garantir o mesmo design */ | |||
background-image: url(data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path d="M3.22 2.22a.75.75 0 011.06 0l3.5 3.5a.75.75 0 010 1.06l-3.5 3.5a.75.75 0 11-1.06-1.06L6.19 6 3.22 3.03a.75.75 0 010-1.06z" fill="%2354595d"/></svg>); | |||
background-repeat: no-repeat; | |||
background-position: center; | |||
background-size: contain; | |||
transition: transform 0.2s ease-in-out; | |||
} | |||
/* Quando clicado (Aberto), roda para baixo igual à imagem image_5452b6.png */ | |||
.wiki-toggle-btn.is-active { | |||
transform: rotate(90deg); | |||
} | } | ||
| Line 283: | Line 308: | ||
} | } | ||
} | } | ||
| Line 590: | Line 616: | ||
} | } | ||
/* Botão Técnico Atlas - Cores Customizadas */ | /* Botão Técnico Atlas - Cores Customizadas (Elemento exterior) */ | ||
.mw-parser-output .atlas-btn { | .mw-parser-output .atlas-btn { | ||
display: inline-block !important; | display: inline-block !important; | ||
padding | /* Retirado o padding daqui para passar para o link */ | ||
background-color: #1b2826 !important; /* Cor base escura */ | background-color: #1b2826 !important; /* Cor base escura */ | ||
border: 1px solid #1b2826 !important; | border: 1px solid #1b2826 !important; | ||
| Line 603: | Line 629: | ||
} | } | ||
/* Link dentro do botão - | /* Link dentro do botão - AGORA COM O CLIQUE EM TODA A ÁREA */ | ||
.mw-parser-output .atlas-btn a, | .mw-parser-output .atlas-btn a, | ||
.mw-parser-output .atlas-btn a:link, | .mw-parser-output .atlas-btn a:link, | ||
| Line 609: | Line 635: | ||
.mw-parser-output .atlas-btn a:hover, | .mw-parser-output .atlas-btn a:hover, | ||
.mw-parser-output .atlas-btn a:active { | .mw-parser-output .atlas-btn a:active { | ||
display: block !important; /* Faz o link ocupar 100% da largura e altura do botão */ | |||
padding: 10px 22px !important; /* O clique agora funciona em toda esta área! */ | |||
color: #ffffff !important; | color: #ffffff !important; | ||
text-decoration: none !important; | text-decoration: none !important; | ||