TOTVS iPaaS

Árvore de páginas

Versões comparadas

Versão antiga 20

changes.mady.by.user Samara Buettgen

Gravado em

comparado com

Nova versão Atual

changes.mady.by.user Samara Buettgen

Gravado em

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.
HTML
<style type="text/css">
    .lms * {
cards-container {
        width: 100%;
        height: auto;
        margin: auto;
        display: flex;
       -webkit-box-sizing flex-direction: border-boxcolumn;045B8F
        -moz-box-sizing: border-box;
      box  justify-sizingitems: border-boxcenter;
    }

    .lms-text-center {card {
        width: 100%;
      text-align  height: centerauto;
     }
   display: flex;
        margin: auto auto 20px auto;
    .lms-full-height {
    box-shadow: 0px 2px 4px #00000029;
        heightborder-radius: 100%10px;
    }

    .lmscard-container {image {
        object-fit: cover;
        width: 43%;
      margin  max-rightwidth: auto420px;

        marginborder-top-left-radius: auto10px;
        max-widthborder-bottom-left-radius: 1046px10px;
    }

    .lms-row.card-image.card-image-full {
	        width: 100%;
        displaymax-width: -moz-boxinherit;
       -moz-flex-flow border-radius: row wrap10px;
       -moz-justify-content display: centerblock;

    }

   display: .card-ms-flexbox;
text-container {
        text-ms-flex-flowalign: row wrapleft;
        -ms-justify-contentpadding: center30px;
    }

    .card-label {
      display  color: -webkit-flexorange;
      display  font-weight: -webkit-boxbold;
        font-webkit-flex-flowsize: row wrap13px;
    }

    #card-webkit-justify-content: center;

title-link {
        text-decoration: none;
        displaycolor: flex#045B8F;
        flexfont-flowweight: row wrap;bold;
        font-size: 17px;
    }

  justify-content: center;  #card-title-link:hover {
         
text-decoration: underline;
    }

    .lmscard-coldesc {
      width  margin: 33.333333% 0 !important;
      padding  font-rightsize: 15px;
        paddingfont-leftweight: 15px400;
      margin-bottom: 30px  letter-spacing: 0px;
        color: #494440;
    }

    .lms-panelcard-text-margin-bottom {
       border margin: 0 1px0 5px solid0 #dadada!important;
    }
</style>

<section class="cards-container">
    border-radius: 4px;<div class="card">
      padding: 30px;      <img 
    }

        .lms-panel .lms-panel-thumb {
class="card-image card-image-full" 
       width: 87px;     src="" 
    }
        alt=""
        >        
    </div>
</section>

Conheça nosso novo espaço de documentações iPaas!


Nosso repositório de documentações mudou. Acesse agora mesmo nosso novo espaço e fique por dentro de todas as novidades do TOTVS iPaaS aqui.

Deck of Cards
idsample
Card
id1
label
Painel
borderColor#f2f2f2
bgColor#f2f2f2


Image Added


Fale conosco!


HTML
<style type="text/css">
    .cards-container {
  .lms-panel .lms-panel-title {
      font-sizewidth: 20px100%;
      color  height: #045B8Fauto;
        }

margin: auto;
        display: flex;
      .lms-panel .lms-panel-title > a {
  flex-direction: column;
        colorbox-sizing: #045B8Fborder-box;
        fontjustify-weightitems: boldcenter;
    }

    .lms-panel .lms-panel-textcard {
      color  width: #045B8F100%;
      line-  height: 1.75auto;
      margin-bottom  display: 0flex;
    }
  </style>
<div class="lms">
    <div class="lms-container"> margin: auto auto 20px auto;
      <div class="lms-row">  box-shadow: 0px 2px 4px #00000029;
        <div class="lms-col">

border-radius: 10px;
    }

    .card-image {
      <div class="lms-panel lms-text-center lms-full-height"> object-fit: cover;
        width: 43%;
   <img class="lms-panel-thumb" src="http://tdn.totvs.com/download/attachments/471951035/release-notes.png">
     max-width: 420px;

        border-top-left-radius: 10px;
       <h1 class="lms-panel-title"> border-bottom-left-radius: 10px;
    }

    .card-text-container {
     <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=521124673">O que há de novo?</a>text-align: left;
        padding: 30px;
    </h1>}

    .card-label {
       <p class="lms-panel-text">Divulgamos todas as novidades e correções de cada atualização do aplicativo.</p> color: orange;
        font-weight: bold;
        font-size:  </div>
13px;
    }

     </div>
#card-title-link {
        <div class="lms-col">text-decoration: none;
        color: #045B8F;
      <div class="lms-panel lms-text-center lms-full-height">
 font-weight: bold;
        font-size: 17px;
  	<img class="lms-panel-thumb" src="http://tdn.totvs.com/download/attachments/471951035/guia-usu%C3%A1rio.png"> }

    #card-title-link:hover {
       <h1 class="lms-panel-title">text-decoration: underline;
    }

    .card-desc {
       <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=521124880">Guia do usuário</a>
margin: 0 !important;
        font-size: 15px;
     </h1>    font-weight: 400;
        letter-spacing: 0px;
   <p class="lms-panel-text">Listamos – passo a passo – as ações que você pode efetuar como administrador.</p>color: #494440;
    }

    .card-text-margin-bottom {
        margin: 0 </div>
0 5px 0 !important;
     }
</div>style>
		
    <section class="cards-container">
    <div class="lms-colcard">
        
        <div class="lmscard-panel lms-text-center lms-full-heightcontainer">
            <img<p class="lms-panel-thumb" src="http://tdn.totvs.com/download/thumbnails/471951035/perguntas-frequentes.png">card-label card-text-margin-bottom">Suporte</p>
            <h1<h2 id="card-title" class="lmscard-text-panelmargin-titlebottom">
                <a href="https://tdntotvscst.totvszendesk.com/displayhc/CON/Perguntas+frequentes">Perguntas frequentes<pt-br/#home" id="card-title-link" target="blank">Precisa de ajuda e não encontrou por aqui?</a>
            </h1>h2>
            <p class="lmscard-panel-textdesc">Reunimos>Entre asem perguntascontato maispelo frequentes para tornar sua busca por soluções mais ágil e fluída.</p>
          </div><a href="https://totvscst.zendesk.com/hc/pt-br/#home" target="blank">Portal de clientes</a>. A equipe de atendimento do TOTVS iPaaS estará pronta para lhe ajudar.</p>
        </div>

      </div>
    </div>
</div>section>