Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.



Section
Column
width20%
HTML
<a href="
#
?pageId=415709081" class="customBtn btnLaranja toggleBtn" data-alvo="content_CNI">CNI - 
Confederação Nacional das indústri</a> <style> .customBtn { box-shadow: 0px 10px 14px -7px #276873; background-color:#599bb3; border-radius:8px; display:inline-block; cursor:pointer; color:#ffffff; font-size:16px; font-weight:bold; padding:13px 32px; text-decoration:none; text-shadow:0px 1px 0px #3d768a; } .customBtn:hover { background-color:#408c99; } .customBtn:active { position:relative; top:1px; } </style>

Button
Cor#609af7
TextoCNI - Confederação Nacional das indústrias - Departamento Nacional
Linkhttps://tdn.totvs.com/pages/viewpage.action?pageId=415709081

Button
Cor#609af7
TextoFIEC - Federação das Indústrias do Ceará
Linkhttps://tdn.totvs.com/pages/viewpage.action?pageId=643749210

Button
Cor#609af7
TextoFIEMA - Federação das Indústrias do Estado do Maranhão
Linkhttps://tdn.totvs.com/pages/viewpage.action?pageId=556885227

Button
Cor#609af7
TextoFIEPA - Federação das Indústrias do Estado do Pará
Linkhttps://tdn.totvs.com/pages/viewpage.action?pageId=635046140

Button
Cor#609af7
TextoFIEP - Federação das Indústrias do Paraná
Linkhttps://tdn.totvs.com/pages/viewpage.action?pageId=643749210

Button
Cor#609af7
TextoFIEC - Federação das Indústrias do Ceará
Linkhttps://tdn.totvs.com/pages/viewpage.action?pageId=643749210

Button
Cor#609af7
TextoFIEC - Federação das Indústrias do Ceará
Linkhttps://tdn.totvs.com/pages/viewpage.action?pageId=643749210

Button
Cor#609af7
TextoFIEC - Federação das Indústrias do Ceará
Linkhttps://tdn.totvs.com/pages/viewpage.action?pageId=643749210

Button
Cor#609af7
TextoFIEC - Federação das Indústrias do Ceará
Linkhttps://tdn.totvs.com/pages/viewpage.action?pageId=643749210

CNI - Confederação Nacional das Indústrias - Departamento Nacional

FIEC - Federação das Indústrias do Ceará

FIEMA - Federação das Indústrias do Estado do Maranhão

FIEPA - Federação das Indústrias do Estado do Pará

FIEPE - Federação das Indústrias do Estado de Pernambuco

FIEP - Federação das Indústrias do Paraná

FIERGS - Federação das Indústrias do Rio Grande do Sul

       FIES - Federação das Indústrias do Estado de Sergipe

FIRJAN - Federação das Indústrias do Rio de Janeiro

FIERN - Federação das Indústrias do Rio Grande do Norte

FIEMG - Federação das Indústrias de Minas Gerais

Guia de instalações e configurações

Novidades

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
width80%
Cloak
visibletrue
idInstalacoesConfiguracoes
false


trueInstalacoesConfiguracoestruepage

Cloak
idCNI
false


trueProjetostruepage

Cloak
idFIEC
false


trueFiectruepage

Cloak
idFIEMA
false


trueresumoFiematruepage

Cloak
idFIEPA
false


trueresumoFiepatruepage

Cloak
idFIEPE
false


trueresumoFiepetruepage

Cloak
idFIEP
false


trueresumoFieptruepage

Cloak
idFIERGS
false


trueresumoFiergstruepage

Cloak
idFIES
false


trueresumoFiestruepage

Cloak
idFIRJAN
false


trueresumoFirjantruepage

Cloak
idFIERN
false


trueresumoFierntruepage

Cloak
idFIEMG
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);
}  

.conf-macro output-inline .custom-button {
    width: 40%;
} 
</style>