You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
{capture name="display"} |
|
|
{literal} |
|
|
<style> |
|
|
/* Estilo para a lista de empresas */ |
|
|
.company-list { |
|
|
list-style: none; |
|
|
padding: 0; |
|
|
margin: 20px; |
|
|
display: flex; |
|
|
flex-wrap: wrap; |
|
|
justify-content: center; |
|
|
} |
|
|
|
|
|
/* Estilo para cada item da lista */ |
|
|
.company-item { |
|
|
background-color: #fff; |
|
|
border: 1px solid #e0e0e0; |
|
|
margin: 10px; |
|
|
padding: 20px; |
|
|
cursor: pointer; |
|
|
transition: transform 0.3s ease, box-shadow 0.3s ease; |
|
|
width: 250px; |
|
|
text-align: center; |
|
|
text-decoration: none; |
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); |
|
|
border-radius: 5px; /* Bordas mais suaves */ |
|
|
font-weight: bold; |
|
|
} |
|
|
|
|
|
/* Estilo para o item selecionado */ |
|
|
.selected { |
|
|
background-image: linear-gradient(to right, #3494E6 0%, #EC6EAD 51%, #3494E6 100%); |
|
|
color: #fff; |
|
|
font-weight: bold; |
|
|
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); |
|
|
transform: translateY(-5px); |
|
|
border-radius: 5px; /* Bordas mais suaves */ |
|
|
transition: 0.5s; |
|
|
background-size: 200% auto; |
|
|
border: 1px solid #4e9cef; |
|
|
} |
|
|
|
|
|
/* Efeito de hover */ |
|
|
.company-item:hover { |
|
|
background-color: #f0f0f0; |
|
|
transform: translateY(-5px); |
|
|
} |
|
|
|
|
|
.selected:hover { |
|
|
background-position: right center; /* change the direction of the change here */ |
|
|
color: #fff; |
|
|
text-decoration: none; |
|
|
} |
|
|
|
|
|
</style> |
|
|
{/literal} |
|
|
<table align="center" width="20%" id="tbLogin" cellpadding="5" class="loginGer"> |
|
|
<tr align="center"> |
|
|
<td style="font-size:18px"> |
|
|
<h2>Organiza<EFBFBD><EFBFBD>o</h2> |
|
|
</td> |
|
|
</tr> |
|
|
<tr align="center"> |
|
|
<td style="font-size:18px"> |
|
|
<ul class="company-list"> |
|
|
{$empresas} |
|
|
</ul> |
|
|
</td> |
|
|
</tr> |
|
|
</table> |
|
|
{literal} |
|
|
<script> |
|
|
$(() => { |
|
|
$('#content').css({"border": "0px solid #FFF" }); |
|
|
}) |
|
|
</script> |
|
|
{/literal} |
|
|
{/capture} |