Histórico da Página
...
HTML |
---|
<style type="text/css"> .collab * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .collab-text-center { text-align: center; } .collab-full-height { height: 100%; } .collab-container { margin-right: auto; margin-left: auto; } .collab-row { width: 100%; display: -moz-box; -moz-flex-flow: row wrap; -moz-justify-content: center; display: -ms-flexbox; -ms-flex-flow: row wrap; -ms-justify-content: center; display: -webkit-flex; display: -webkit-box; -webkit-flex-flow: row wrap; -webkit-justify-content: center; display: flex; flex-flow: row wrap; justify-content: center; } .collab-col { -moz-flex: 1; -ms-flex: 1; -webkit-flex: 1; flex: 1; } /* Component collab Callout */ .collab-callout { border: 1px solid #dadada; border-radius: 10px; padding: 20px; margin-bottom: 20px; box-shadow: 0px 2px 4px #00000029; display: -moz-box; -moz-flex-flow: row wrap; -moz-justify-content: center; -moz-align-items: center; display: -ms-flexbox; -ms-flex-flow: row wrap; -ms-justify-content: center; -ms-align-items: center; display: -webkit-flex; display: -webkit-box; -webkit-flex-flow: row wrap; -webkit-justify-content: center; -webkit-align-items: center; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; } .collab-callout .collab-callout-image { width: 24px; } .collab-callout .collab-callout-body { width: calc(100% - 24px); padding-left: 20px; } .collab-callout .collab-callout-thumb { width: 24px; height: 24px; } .collab-callout .collab-callout-title { font-size: 20px; margin-top: 0; } .collab-callout .collab-callout-title a { color: #045b8f; font-weight: bold; } .collab-callout .collab-callout-text { color: #58595b; line-height: 1.75; margin: 0; } .collab-callout .collab-callout-text a { color: #045b8f; } </style> <br> <div class="collab"> <div class="collab-container"> <div class="collab-row"> <div class="collab-col"> <div class="collab-callout"> <div class="collab-callout-image"> <img class="collab-callout-thumb" src="https://tdn.totvs.com/download/attachments/563436139/projetosconsumo-plano-azul.png" width="24" height="24"> </div> <div class="collab-callout-body"> <h1 class="collab-callout-title"> <a href="https://tdn.totvs.com/x/OQS-KwjotqIg">Ainda>Como existeé afeito integraçãoo TOTVScálculo Collabde xconsumo TOTVSdo Tasksplano?</a> </h1> <p class="collab-callout-text">Entenda>Saiba como ocorreserá calculada asua réplicafatura de informaçõesacordo entrecom aso duas soluçõesconsumo.</p> </div> </div> </div> </div> </div> </div> |
HTML |
<style type="text/css <div class="collab"> <div .collab * { -webkit-box-sizing: border-box;class="collab-container"> -moz-box-sizing: border-box; box-sizing: border-box; } .collab-text-center {<div class="collab-row"> text-align: center; } .collab-full-height {<div class="collab-col"> height: 100%; } .collab-container {<div class="collab-callout"> margin-right: auto; margin-left: auto; } .collab-row { width: 100%; display: -moz-box;<div class="collab-callout-image"> -moz-flex-flow: row wrap; -moz-justify-content: center; display: -ms-flexbox; -ms-flex-flow: row wrap; -ms-justify-content: center; display: -webkit-flex; display: -webkit-box; -webkit-flex-flow: row wrap; -webkit-justify-content: center; display: flex; flex-flow: row wrap; justify-content: center; } .collab-col { -moz-flex: 1; -ms-flex: 1; -webkit-flex: 1; flex: 1; } /* Component collab Callout */ .collab-callout { border: 1px solid #dadada;<img class="collab-callout-thumb" src="https://tdn.totvs.com/download/attachments/563436139/projetos-azul.png" width="24" height="24"> border-radius: 10px; padding: 20px; margin-bottom: 20px; </div> box-shadow: 0px 2px 4px #00000029; display: -moz-box; -moz-flex-flow: row wrap; -moz-justify-content: center; -moz-align-items: center; display: -ms-flexbox; -ms-flex-flow: row wrap; -ms-justify-content: center; -ms-align-items: center; display: -webkit-flex; display: -webkit-box; -webkit-flex-flow: row wrap; -webkit-justify-content: center; -webkit-align-items: center; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; } .collab-callout .collab-callout-image {<div class="collab-callout-body"> width: 24px; } <h1 .class="collab-callout .collab-callout-body {-title"> width: calc(100% - 24px); padding-left: 20px; } .collab-callout .collab-callout-thumb { width: 24px; <a href="https://tdn.totvs.com/x/OQS-Kw">Como funciona a integração TOTVS Collab x TOTVS Tasks?</a> height: 24px; } .collab-callout .collab-callout-title { font-size: 20px;</h1> margin-top: 0; } <p .class="collab-callout .collab-callout-title a { color: #045b8f; font-weight: bold;-text">Entenda como ocorre a réplica de informações entre as duas soluções.</p> } .collab-callout .collab-callout-text { color: #58595b; line-height: 1.75; </div> margin: 0; </div> } .collab-callout .collab-callout-text a {</div> color: #045b8f;</div> } </div> </style>div> <br></div> <div class="collab"> <div class="collab-container"> <div class="collab-row"> <div class="collab-col"> <div class="collab-callout"> <div class="collab-callout-image"> <img class="collab-callout-thumb" src="https://tdn.totvs.com/download/attachments/563436139/consumoempresa-plano-azul.png" width="24" height="24"> </div> <div class="collab-callout-body"> <h1 class="collab-callout-title"> <a href="https://tdn.totvs.com/x/jotqIg_2_6L">Como étroco feitoa oempresa cálculo de consumo do planoque acessei?</a> </h1> <p class="collab-callout-text">Saiba como serátrocar calculadaa suaempresa faturaacessada de acordo com o consumoao autenticar-se.</p> </div> </div> </div> </div> </div> </div> |
...
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas