Histórico da Página
...
HTML |
---|
<style> @import url('https://fonts.googleapis.com/css?family=Lato'); * {box-sizing: border-box;} body {font-family: 'Lato', sans-serif !important;} .mySlides {display: none;} img {vertical-align: middle;} /* Next & previous buttons */ .prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -42px; color: white !important; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; text-decoration: none; } .prev{ left: 0px; } /* Position the "next button" to the right */ .next { right: 0; border-radius: 3px 0 0 3px; text-decoration: none; } /* On hover, add a black background color with a little bit see-through */ .prev:hover, .next:hover { background-color: rgba(0,0,0,0.8); text-decoration: none; } /* Slideshow container */ .slideshow-container { /*max-width: 1000px;*/ position: relative; margin: auto; } /* Caption text */ .text { color: #f2f2f2; font-size: 15px; position: absolute; bottom: 35px; width: 100%; text-align: center; background: rgba(0,0,0,.56); } /* Number text (1/3 etc) */ .numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; } /* The dots/bullets/indicators */ .dot { height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; } .active { background-color: #717171; } /* Fading animation */ .fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; } @-webkit-keyframes fade { from {opacity: .4} to {opacity: 1} } @keyframes fade { from {opacity: .4} to {opacity: 1} } /* On smaller screens, decrease text size */ @media only screen and (max-width: 300px) { .text {font-size: 11px} } .totvs-skin-wrapper{ font-family: 'Lato', sans-serif !important; background-color: #000; padding:10px; } .totvs-skin-wrapper-header{ position: relative; text-align: center; color: white; font-size: 20px; font-family: 'Lato', sans-serif !important; padding-bottom: 8px; margin-top: -5px; } .totvs-skin-wrapper-header img{ position: absolute; right: 0; margin-top: 4px; } .totvs-skin-wrapper-footer{ position: relative; text-align: center; color: white; font-family: 'Lato', sans-serif !important; padding-top: 10px; height: 35px; } .totvs-skin-wrapper-footer-input{ width: 50px; height: 25px; color: white; font-family: 'Lato', sans-serif !important; right: 0; background: #707070; position: absolute; text-align: center; border: 0; } .totvs-skin-wrapper-footer-player-container{ width: 100px; height: 25px; margin-left: calc((100% / 2) - 50px); } .totvs-skin-wrapper-footer-player-container-play{ width: 16px; height: 16px; cursor: pointer; margin-top: -18px; } .totvs-skin-wrapper-footer-player-container-pause{ width: 16px; height: 16px; cursor: pointer; margin-top: -18px; } .totvs-skin-wrapper-footer-player-container-stop{ width: 16px; height: 16px; cursor: pointer; padding:2px; margin-top: -18px; } </style> |
...
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas