TOTVS iPaaS

Árvore de páginas

Versões comparadas

Versão antiga 5

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-centercard {
      text-align: center;
  width: 100%;
        height: auto;
     }
   display: flex;
        margin: auto auto 20px auto;
    .lms-full-height {
    box-shadow: 0px 2px 4px #00000029;
        heightborder-radius: 100%10px;
    }

    .lmscard-containerimage {
      margin-right: auto;
  object-fit: cover;
        width: 43%;
        max-width: 420px;

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

    .lms-row.card-image.card-image-full {
	        width: 100%;
      display  max-width: -moz-boxinherit;
        border-moz-flex-flowradius: 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 {
        displaycolor: -webkit-flexorange;
      display  font-weight: -webkit-boxbold;
      -webkit-flex-flow: row wrap  font-size: 13px;
    }

    #card-webkit-justify-content: center;

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

    justify#card-title-contentlink: center;hover {
        text-decoration: underline;

    }

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

    .lms-panelcard-text-margin-bottom {
        bordermargin: 1px solid #dadada0 0 5px 0 !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-size  width: 20px100%;
        colorheight: #58595bauto;
    }

    margin: auto;
        display: flex;
     .lms-panel .lms-panel-title > a {
   flex-direction: column;
        colorbox-sizing: #58595bborder-box;
      font  justify-weightitems: boldcenter;
    }

    .lms-panel .lms-panel-textcard {
        colorwidth: #58595b100%;
      line-  height: 1.75auto;
        margin-bottomdisplay: 0flex;
    }
  </style>
<div class="lms">
    <div class="lms-container">
 margin: auto auto 20px auto;
       <div class="lms-row">
box-shadow: 0px 2px 4px #00000029;
        border-radius: 10px;
   <div class="lms-col"> }

    .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="http://tdn.totvs.com/x/hQiWHQ">O que há de novo?</a> text-align: left;
        padding: 30px;
    }

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

    #card-title-link {
 </div>
        </div>

text-decoration: none;
        <div class="lms-col">color: #045B8F;
        font-weight: bold;
 <div class="lms-panel lms-text-center lms-full-height">
    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 {
        text-decoration: underline;
    }

   <h1 class="lms-panel-title"> .card-desc {
        margin: 0 !important;
    <a href="http://tdn.totvs.com/x/igiWHQ">Guia do usuário</a>
   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>