Histórico da Página
...
HTML |
---|
<div class="lms"> <div class="lms-container"> <div class="lms-row"> <div class="lms-col"> <div class="lms-panel lms-text-center lms-full-height"> <img class="lms-panel-thumb" src="http://tdn.totvs.com/download/thumbnailsattachments/496371901543078867/flaticon-gridwidgets.png"> <h1 class="lms-panel-title"> <a href="https://tdn.totvs.com/x/2RK4Ew">Aplicativos</a> </h1> <p class="lms-panel-text">Defina os aplicativos disponíveis para acesso.</p> </div> </div> <div class="lms-col"> <div class="lms-panel lms-text-center lms-full-height"> <img class="lms-panel-thumb" src="http://tdn.totvs.com/download/thumbnailsattachments/496371901543078867/flaticon-group-person.png"> <h1 class="lms-panel-title"> <a href="https://tdn.totvs.com/x/NyaTEg">Usuários</a> </h1> <p class="lms-panel-text">Gerencie as pessoas que terão acesso em cada aplicativo.</p> </div> </div> </div> <div class="lms-row"> <div class="lms-col"> <div class="lms-panel lms-text-center lms-full-height"> <img class="lms-panel-thumb" src="http://tdn.totvs.com/download/thumbnailsattachments/496371901543078867/flaticon-group-person.png"> <h1 class="lms-panel-title"> <a href="https://tdn.totvs.com/x/KIOtEw">Grupos</a> </h1> <p class="lms-panel-text">Vincule as pessoas em grupos, para facilitar as atribuições de aplicativos.</p> </div> </div> <div class="lms-col"> <div class="lms-panel lms-text-center lms-full-height"> <img class="lms-panel-thumb" src="http://tdn.totvs.com/download/thumbnailsattachments/543078872543078867/flaticon-settings (1).png"> <h1 class="lms-panel-title"> <a href="https://tdn.totvs.com/x/OJlUE">Configurações</a> </h1> <p class="lms-panel-text">Defina parâmetros de segurança para senhas, integrações, personalizações, entre outras configurações.</p> </div> </div> </div> </div> </div> |
HTML |
---|
<style type="text/css"> .lms * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lms-text-center { text-align: center; } .lms-full-height { height: 100%; } .lms-container { margin-right: auto; margin-left: auto; } .lms-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; } .lms-col { width-moz-flex: 50%1; padding-ms-rightflex: 15px1; padding-webkit-leftflex: 15px1; margin-bottomflex: 30px1; } /* Component LMS Callout */ .lms-panelcallout { border: 1px solid #dadada; border-radius: 4px; padding: 20px; margin-bottom: 20px; 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: 30px -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; } .lms-panelcallout .lms-panelcallout-thumbimage { width: 35px24px; } .lms-panelcallout .lms-panelcallout-titlebody { font-size: 20px; width: calc(100% - 24px); padding-left: 20px; } .lms-callout .lms-callout-thumb { width: 24px; color: #58595bheight: 24px; } .lms-callout .lms-callout-title { font-size: 20px; margin-top: 15px0; } .lms-panelcallout .lms-panelcallout-title > a { color: #58595b#CB1959; font-weight: bold; } .lms-panelcallout .lms-panelcallout-text { color: #58595b; line-height: 1.75; margin-bottom: 0: 0; } .lms-callout .lms-callout-text a { color: #f3590b; } </style> |
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas