Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.
Product_template
Desc.
HTML
<style>

	#title-text{
			font-size:30px;
}

h1#title-text a{color:#fff;margin-top:-40px;}
.page-description{color:#feac0e;}

h1#title-text.with-breadcrumbs{background-image:url(/* ========================================================================= */
/* --- RESET DE ESTILOS DO CONFLUENCE (GARANTIA) --- */
/* ========================================================================= */
/* Esta parte garante que o header padrão do Confluence não irá interferir. */
#title-text, .page-description {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ========================================================================= */
/* --- HEADER BANNER PERSONALIZADO --- */
/* ========================================================================= */
.custom-header {
    position: relative;
    height: 200px;
    width: 100%;
    border-radius: 12px;
    margin-bottom: 80px;
    
    /* IMAGEM DE FUNDO ATUALIZADA */
    background-image: url('https://tdn.totvs.com/download/attachments/658416250/bg-processos-internos734384128/contatos%20administrativos%20v2.png?api=v2');}

	.sr-showcase>.showcase-title    {
    background-size: cover;
    background-position: center;
    
    color: white;
    display: flex;
    		textalign-alignitems: center;
			font-weight: bold;
			white-space: normal;
			color: #363636;
			font-size: 12px;
	}
	.sr-showcase    justify-content: space-between;
    padding: 20px 40px;
    box-sizing: border-box;
    font-family: Verdana, sans-serif;
}

.header-text-content .main-title {
    		margin:0;
			height: 180px;
			width: 180px;
	}

	.sr-showcase> img{
			width: 50px;
			height: 50px;
			display: blockfont-size: 2.5em; /* Aumentei um pouco para dar mais destaque */
    font-weight: bold;
    line-height: 1.1;
    margin: 0;
}

.home-button {
    display: flex;
    		marginalign-leftitems: autocenter;
    		margin-rightcolor: autowhite;
			margin-bottom    text-decoration: 0none;
			margin-top    font-weight: 30pxbold;
	}

	.sr-showcase>.showcase-caption>.showcase-action {
    		text-align:centerwhite-space: nowrap;
	}

	.sr-showcase>.showcase-caption .showcase-description{
			color: #feac0e;
			font-weight: bold;
			font-size: 8pt;
	}

	.panelContent{margin:0px}

</style>
HTML
<!-- HTML DO ICONE DE HOME -->
home-button img {
    width: 35px;
    height: 35px;
    margin-left: 10px;
}

</style>

 
<div class="custom-page-container">

   <div class="custom-header">
    <div class="header-text-content">
        <h2 class="main-title"></h2>
    </div>
    <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=723306281"><span id="icon-home">
<b>Voltardisplay/GDTDS" class="home-button">
        <span>Voltar à HOME</b><imgspan>
        <img src="https://tdn.totvs.com/download/attachments/632845879/home-icon-branca.png?api=v2"/>
</span>    </a>

<style>
	#icon-home img{
		width: 40px;
		height: 40px;
	}
	#icon-home{
		display: flex;
		justify-content: flex-end;
		padding-right:10px;
		margin-top: -80px;
		padding-bottom:20px;
	}
	#icon-home>b{
		color:#fff;
		padding-top:15px;
		padding-right: 5px;
	}

</style></div> 
Product_template
Desc.
Informações

Seu time já está preparado para a reforma tributária?

Veja a seguir o nosso material acerca desse tema. (informação)

...