HTML |
---|
<header> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap" rel="stylesheet"/> <div class="compositiondani-banner"> <div class="compositiondani-banner-image"></div> <div class="compositiondani-banner-overlay"></div> <div class="compositiondani-banner-logo-container"> <div class="compositiondani-banner-logo"></div> </div> <div class="compositiondani-banner-content"> <!-- Conteúdo do banner aqui --> </div> </div> </header> |
Livesearch | ||||||||
---|---|---|---|---|---|---|---|---|
|
HTML |
---|
<div class="card">
<div class="stripe"></div>
<h3><div class="icon"></div> Releases</h3>
<div class="separator"></div>
<!-- Linha de separação -->
<ul class="plugin_pagetree_children_list" id="child_ul612245563-1">
<li>
<div class="plugin_pagetree_childtoggle_container">
<span class="no-children icon"></span>
</div>
<div class="plugin_pagetree_children_content">
<span class="plugin_pagetree_children_span" id="childrenspan645249691-1"> <a href="/pages/viewpage.action?pageId=645249691">Expedição em 2019</a>
</span>
</div>
<div id="children645249691-1" class="plugin_pagetree_children_container">
</div>
</li>
<li>
<div class="plugin_pagetree_childtoggle_container">
<span class="no-children icon"></span>
</div>
<div class="plugin_pagetree_children_content">
<span class="plugin_pagetree_children_span" id="childrenspan644492570-1"> <a href="/pages/viewpage.action?pageId=644492570">Expedição em 2020</a>
</span>
</div>
<div id="children644492570-1" class="plugin_pagetree_children_container">
</div>
</li>
<li>
<div class="plugin_pagetree_childtoggle_container">
<a id="plusminus645249598-1" class="plugin_pagetree_childtoggle aui-icon aui-icon-small aui-iconfont-chevron-right" href="#" data-type="toggle" data-page-id="645249598" data-tree-id="1" aria-expanded="false" aria-label="Expandir item Expedição em 2021">
</a>
</div>
<div class="plugin_pagetree_children_content">
<span class="plugin_pagetree_children_span" id="childrenspan645249598-1"> <a href="/pages/viewpage.action?pageId=645249598">Expedição em 2021</a>
</span>
</div>
<div id="children645249598-1" class="plugin_pagetree_children_container">
</div>
</li>
<li>
<div class="plugin_pagetree_childtoggle_container">
<a id="plusminus645670043-1" class="plugin_pagetree_childtoggle aui-icon aui-icon-small aui-iconfont-chevron-right" href="#" data-type="toggle" data-page-id="645670043" data-tree-id="1" aria-expanded="false" aria-label="Expandir item Expedição em 2022">
</a>
</div>
<div class="plugin_pagetree_children_content">
<span class="plugin_pagetree_children_span" id="childrenspan645670043-1"> <a href="/pages/viewpage.action?pageId=645670043">Expedição em 2022</a>
</span>
</div>
<div id="children645670043-1" class="plugin_pagetree_children_container">
</div>
</li>
<li>
<div class="plugin_pagetree_childtoggle_container">
<a id="plusminus725739021-1" class="plugin_pagetree_childtoggle aui-icon aui-icon-small aui-iconfont-chevron-right" href="#" data-type="toggle" data-page-id="725739021" data-tree-id="1" aria-expanded="false" aria-label="Expandir item Expedição em 2023">
</a>
</div>
<div class="plugin_pagetree_children_content">
<span class="plugin_pagetree_children_span" id="childrenspan725739021-1"> <a href="/pages/viewpage.action?pageId=725739021">Expedição em 2023</a>
</span>
</div>
<div id="children725739021-1" class="plugin_pagetree_children_container">
</div>
</li>
<li>
<div class="plugin_pagetree_childtoggle_container">
<a id="plusminus806777390-1" class="plugin_pagetree_childtoggle aui-icon aui-icon-small aui-iconfont-chevron-right" href="#" data-type="toggle" data-page-id="806777390" data-tree-id="1" aria-expanded="false" aria-label="Expandir item Expedição em 2024">
</a>
</div>
<div class="plugin_pagetree_children_content">
<span class="plugin_pagetree_children_span" id="childrenspan806777390-1"> <a href="/pages/viewpage.action?pageId=806777390">Expedição em 2024</a>
</span>
</div>
<div id="children806777390-1" class="plugin_pagetree_children_container">
</div>
</li>
</ul>
<!-- Linha de separação -->
</div> |
Section | ||||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Section | ||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
HTML |
---|
<style>
.card {
width: 300px;
padding: 20px;
border: 1px solid #ddd;
border-radius: 5px;
transition: box-shadow 0.3s;
display: flex;
flex-direction: column;
align-items: flex-start; /* Alinhar à esquerda */
text-align: left; /* Alinhar à esquerda */
position: relative;
background-color: #f7f7f7; /* Roxo bem claro, quase branco */
}
.card:hover {
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
.stripe {
height: 10px;
width: 100%;
background-color: #6B48FF; /* Faixa azul */
position: absolute;
top: 0;
left: 0;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.icon {
width: 30px;
height: 30px;
/* Link da imagem da web para o ícone */
background-image: url('https://totvscrm.com/wp-content/uploads/2024/01/Novo-1.png');
background-size: contain;
background-repeat: no-repeat;
margin-right: 10px;
}
h3 {
margin: 0;
display: flex;
align-items: center;
}
.separator {
width: 100%;
height: 1px;
background-color: #ddd; /* Cor da linha de separação */
margin: 10px 0; /* Espaçamento superior e inferior da linha */
}
ul {
list-style-type: none;
padding: 0;
margin: 0; /* Remover margem interna */
}
li {
margin: 5px 0;
}
</style> |
Product_title | ||||
---|---|---|---|---|
|
Page Tree | ||||
---|---|---|---|---|
|
Product_title | ||||
---|---|---|---|---|
|
Page Tree | ||||
---|---|---|---|---|
|
Product_title | ||||
---|---|---|---|---|
|
Page Tree | ||||
---|---|---|---|---|
|
Product_title | ||||
---|---|---|---|---|
|
Atualizado recentemente | ||||||
---|---|---|---|---|---|---|
|
Painel | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Product_title | ||||
---|---|---|---|---|
|
Product_title | ||||
---|---|---|---|---|
|
Button | ||||||
---|---|---|---|---|---|---|
|
HTML |
---|
<style> #title-text { display: none !important; } li.first > span > a { display: none; } #content > div.page-metadata { display: none; } .sectionMacro .columnMacro+.columnMacro { padding-left: 0px!important; } #breadcrumbs > li { display: none; } .cell.normal h1 { color: #42526e !important; } .cell.aside h1 { color: #42526e!important; font-size: 24px !important; font-weight: bold !important; } .composition-banner-title{ color: #0c9abe!important; } .composition-banner-desc{ color: #0c9abe!important; } </style> |
HTML |
---|
<style> .page-description { display: none;!important; } .line-bottom { top: 260px !important; } div.theme-default .ia-splitter #main { margin-left: 0px; } .ia-fixed-sidebar, .ia-splitter-left { display: none; } #main { padding-left: 0px; padding-right: 0px; overflow-x: hidden; } .aui-header-primary .aui-nav, .aui-page-panel { margin-left: 0px !important; } .aui-header-primary .aui-nav { margin-left: 0px !important; } </style> |
HTML |
---|
<style> .compositiondani-banner { position: relative; min-height: 220px; border-radius: 5px; margin-bottom: 5px; overflow: hidden; } .compositiondani-banner-image { background-image: url("https://totvscrm.com/wp-content/uploads/2023/08/capa-com-fundo-e-sem-icone-TDN21.png"); background-size: cover; min-height: inherit; width: 100%; } .compositiondani-banner-overlay, .compositiondani-banner-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .compositiondani-banner-overlay { border-radius: 5px; pointer-events: none; } .compositiondani-banner-logo-container { display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .compositiondani-banner-logo { width: 450px; height: 180px; background-image: url("https://totvscrm.com/wp-content/uploads/2023/09/logo-com-descricao-totvsgc.png"); background-size: contain; background-repeat: no-repeat; } .compositiondani-banner-title { background: rgba(0, 0, 0, 0.5); font-size: 12px; line-height: 1.3; color: #ffffff; position: relative; margin-top: 130px; padding: 0px; border-radius: 10px; font-family: "Roboto", sans-serif; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .custom-header h1 { font-size: 16px; background-color: rgba(0, 0, 0, 0.6); padding: 10px; border-radius: 5px; margin: 0; } .negrito-materialize { font-weight: bold; } .custom-margin-justified { margin: 0 20px; text-align: justify; } .wiki-content .contentLayout2 .columnLayout .cell { padding-right: 0px;!important; padding-left: 0px;!important;} #main #content { padding-right: 30px;!important; padding-left: 30px;!important;} } </style> |