Mudanças entre as edições de "Widget:BossActions"
Ir para navegação
Ir para pesquisar
Etiqueta: Reversão manual |
|||
| (3 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) | |||
| Linha 29: | Linha 29: | ||
/*]]>*/ | /*]]>*/ | ||
</script> | </script> | ||
</includeonly> | |||
<noinclude> | |||
Widget genérico para estruturar páginas de Bosses. | |||
Uso: {{#widget:BossActions}} | |||
</noinclude> | |||
<includeonly> | |||
<style> | |||
/* Reaproveitando o padrão da Home do GLA */ | |||
.boss-grid-container { | |||
display: grid; | |||
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); | |||
gap: 20px; | |||
padding: 10px; | |||
} | |||
/* Estilo de Card idêntico ao da Home */ | |||
.boss-card-item { | |||
width: 100%; | |||
display: flex; | |||
flex-direction: column; | |||
overflow: hidden; | |||
border: 1px solid #bbb; | |||
border-radius: 12px; | |||
background: #fff; | |||
transition: transform 0.2s ease, box-shadow 0.2s ease; | |||
box-shadow: 0 1px 3px rgba(0,0,0,0.08); | |||
} | |||
.boss-card-item:hover { | |||
transform: translateY(-3px); | |||
border-color: #007bff; | |||
box-shadow: 0 4px 10px rgba(0,0,0,0.12); | |||
} | |||
.boss-card-header { | |||
height: 4px; | |||
width: 100%; | |||
} | |||
.boss-card-title { | |||
font-weight: bold; | |||
padding: 10px; | |||
text-align: center; | |||
background: #f8f9fa; | |||
color: #0645AD; | |||
border-bottom: 1px solid #eee; | |||
text-transform: uppercase; | |||
} | |||
/* Ajuste para o Tabber parecer botões */ | |||
.tabber__tabs { | |||
display: flex !important; | |||
justify-content: center !important; | |||
gap: 10px !important; | |||
border-bottom: none !important; | |||
margin-bottom: 20px !important; | |||
} | |||
.tabber__tab { | |||
background: #fff !important; | |||
border: 1px solid #007bff !important; | |||
border-radius: 8px !important; | |||
padding: 8px 20px !important; | |||
color: #007bff !important; | |||
font-weight: bold !important; | |||
transition: 0.3s !important; | |||
} | |||
.tabber__tab[aria-selected="true"] { | |||
background: #007bff !important; | |||
color: white !important; | |||
} | |||
/* Container de Scroll */ | |||
.boss-scroll-box { | |||
max-height: 300px; | |||
overflow-y: auto; | |||
padding: 10px; | |||
} | |||
</style> | |||
</includeonly> | </includeonly> | ||
Edição atual tal como às 20h35min de 21 de abril de 2026
Widget para controle de abas.
Widget genérico para estruturar páginas de Bosses.
Uso: