Árvore de páginas

Versões comparadas

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-container {image {
        object-fit: cover;
        width: 43%;
      margin  max-rightwidth: auto420px;

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

    .lms-row.card-image.card-image-full {
	        width: 100%;
        displaymax-width: -moz-boxinherit;
        border-moz-flex-flowradius: row wrap10px;
        -moz-justify-contentdisplay: centerblock;

    }

   display: .card-ms-flexbox;text-container {
      -ms-flex-flow: row wrap;
  text-align: left;
        -ms-justify-contentpadding: center30px;
    }

    .card-label {
        displaycolor: -webkit-flexorange;
      display  font-weight: -webkit-boxbold;
       -webkit-flex-flow font-size: row wrap13px;
    }

    #card-webkit-justify-content: center;

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

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

    }

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

    .lms-panelcard-text-margin-bottom {
      border  margin: 1px solid #dadada;
  0 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-sizewidth: 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 {
       color width: #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="https://tdn.totvs.com/pages/viewpage.action?pageId=521124673">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>