Section |
---|
|
Column |
---|
| CNIConfederação Nacional das indústrias - Departamento Nacional
|
Section |
---|
|
Button |
---|
Cor | #adcdff |
---|
Texto | FIEC - Federação das Indústrias do Ceará |
---|
Link | https://tdn.totvs.com/pages/viewpage.action?pageId=643749210 |
---|
|
Column |
---|
|
FIEC
Federação das Indústrias do Ceará
HTML |
---|
<a href="?pageId=415709081" class="customBtn btnLaranja toggleBtn" data-alvo="content_CNI">CNI - Departamento Nacional</a><br>
<a href="?pageId=643749210" class="customBtn btnAzul toggleBtn" data-alvo="content_FIEC">FIEC - Ceará</a><br>
<a href="?pageId=556885227" class="customBtn btnAzul toggleBtn" data-alvo="content_FIEMA">FIEMA - Maranhão</a><br>
<a href="?pageId=754250390" class="customBtn btnAzul toggleBtn" data-alvo="content_FIEMG">FIEMG - Minas Gerais</a><br>
<a href="?pageId=485854682" class="customBtn btnAzul toggleBtn" data-alvo="content_FIEP">FIEP - Paraná</a><br>
<a href="?pageId=635046140" class="customBtn btnAzul toggleBtn" data-alvo="content_FIEPA">FIEPA - Pará</a><br>
<a href="?pageId=544721399" class="customBtn btnAzul toggleBtn" data-alvo="content_FIEPE">FIEPE - Pernambuco</a><br>
<a href="?pageId=543093815" class="customBtn btnAzul toggleBtn" data-alvo="content_FIERGS">FIERGS - Rio Grande do Sul</a><br>
<a href="?pageId=752941123" class="customBtn btnAzul toggleBtn" data-alvo="content_FIERN">FIERN - Rio Grande do Norte</a><br>
<a href="?pageId=660092232" class="customBtn btnAzul toggleBtn" data-alvo="content_FIES">FIES - Sergipe</a><br>
<a href="?pageId=454836666" class="customBtn btnAzul toggleBtn" data-alvo="content_FIRJAN">FIRJAN - Rio de Janeiro</a><br>
<a href="?pageId=388237128" class="customBtn btnVerde toggleBtn" data-alvo="content_InstalacoesConfiguracoes">Guia de instalações e configurações</a><br>
<script type="text/javascript">
var toggleBtn = document.getElementsByClassName('toggleBtn');
for (var i = 0; i < toggleBtn.length; i++){
toggleBtn[i].addEventListener('mouseover', toggleContent.bind(null, $(toggleBtn[i]).data("alvo")));
}
function toggleContent(alvo){
toggleContentDisplayNone()
var content = document.getElementById(alvo);
if(content.style.display === 'none'){
content.style.display = 'block';
}
}
function toggleContentDisplayNone(){
var contents = document.getElementsByClassName('cloak')
for(var i = 0; i < contents.length; i++){
contents[i].style.display = 'none';
}
}
</script> |
|
Column |
---|
| Cloak |
---|
visible | true |
---|
id | InstalacoesConfiguracoes |
---|
| false
trueInstalacoesConfiguracoestruepage |
Cloak |
---|
| false
trueProjetostruepage |
Cloak |
---|
| false
trueFiectruepage |
Cloak |
---|
| false
trueresumoFiematruepage |
Cloak |
---|
| false
trueresumoFiepatruepage |
Cloak |
---|
| false
trueresumoFiepetruepage |
Cloak |
---|
| false
trueresumoFieptruepage |
Cloak |
---|
| false
trueresumoFiergstruepage |
Cloak |
---|
| false
trueresumoFiestruepage |
Cloak |
---|
| false
trueresumoFirjantruepage |
Cloak |
---|
| false
trueresumoFierntruepage |
Cloak |
---|
| false
trueresumoFiemgtruepage |
|
|
HTML |
---|
<style>
.customBtn {
border-radius:8px;
display:inline-block;
cursor:pointer;
color:#ffffff !important;
font-size:16px;
font-weight:bold;
padding: 8px 32px;
text-decoration:none;
margin: 1px;
width: 300px;
min-width: 50%;
max-width: 600px;
text-decoration: none;
}
.customBtn:active {
position:relative;
top:1px;
}
.btnAzul{
background-color:#609af7;
}
.btnAzul:hover {
background-color:#4d84db;
text-decoration: none;
}
.btnRoxo{
background-color:#6b48ff;
}
.btnRoxo:hover {
background-color:#6147cd;
text-decoration: none;
}
.btnLaranja{
background-color:#FFAB00;
}
.btnLaranja:hover {
background-color:#FF9900;
text-decoration: none;
}
.btnVerde{
background-color:#38d161;
}
.btnVerde:hover {
background-color: #31b754;
text-decoration: none;
} < |
HTML |
---|
<style>
.plugin_pagetree_children_list{
margin: 0 10px;
}
.plugin_pagetree_children_list li{
border-radius: 2px;
border: 0;
font-size: 15px;
line-height: 15px;
padding: 5px
}
.sectionMacroWithBorder .columnMacro{
border-style: solid;
border-color: rgba(202, 202, 202, 1);
border-radius: 5px;
padding: 10px;
}
.plugin_pagetree_children_span:hover{
font-weight: bolder;
}
.plugin_pagetree_children_list li:hover{
background: rgb(240,240,240);
}
</style> |