Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .foto-home {
- height: 200px;
- }
- .saudacao p {
- font-size: 1.5em;
- color: #99A;
- line-height: 1;
- padding: 2em;
- }
- .saudacao-inicio {
- font-size: 3em;
- color: #889;
- }
- .saudacao-ultima-linha {
- text-align: right;
- display: block;
- }
- .saudacao strong {
- font-size: 2em;
- color: #000;
- }
- .saudacao em {
- color: #851944;
- font-size: 4em;
- }
- .botao-index {
- font-size: 1.25em;
- background-color: #851944;
- color: #FFF;
- padding: .5em;
- border: .2em solid black;
- width: 40ch;
- margin: 2em auto;
- display: block;
- text-align: center;
- }
- .secao-inicio {
- padding: 2em;
- }
- .secao-inicio h2 {
- font-size: 3em;
- text-transform: uppercase;
- margin-bottom: .5em;
- }
- .trabalhos {
- background-color: #3C1D3D;
- border-top: .5em solid #000;
- border-bottom: .5em solid #000;
- }
- .trabalhos h2 {
- color: #FFF;
- }
- .trabalhos ul {
- overflow: hidden;
- border: .5em solid black;
- }
- .trabalhos li {
- float: left;
- width: 33.333%;
- }
- .trabalhos img {
- width: 100%;
- display: block;
- }
- .blog {
- background-color: #999;
- position: relative;
- color: #FFF;
- border-bottom: .5em solid #851944;
- }
- .blog small {
- position: relative;
- top: -2em;
- }
- .blog li {
- width: 30%;
- }
- .blog li a {
- color: #FCF;
- padding: .5em;
- display: block;
- }
- footer {
- background-color: #000;
- color: #FFF;
- padding: 2em;
- }
- footer h2 {
- font-size: 3em;
- }
- footer a {
- color: #F99;
- }
- main {
- width: 100%;
- padding-bottom: 0;
- float: none;
- }
- .palavra-home {
- font-family: "Shadows Into Light", cursive;
- font-weight: bold;
- color: #D5447E;
- position: absolute;
- }
- .eficiencia {
- top: 20%;
- left: 75%;
- }
- .boas-praticas {
- top: 70%;
- left: 20%;
- }
- .codigo-limpo {
- top: 45%;
- left: 10%;
- }
- .css3 {
- top: 50%;
- left: 30%;
- }
- .html5 {
- top: 40%;
- left: 80%;
- }
- .javascript {
- top: 10%;
- left: 60%;
- }
- .acessibilidade {
- top: 30%;
- left: 25%;
- }
- .responsivo {
- top: 15%;
- left: 15%;
- }
- .otimizacoes {
- top: 60%;
- left: 70%;
- }
- .agilidade {
- top: 10%;
- left: 30%;
- }
- .design {
- top: 35%;
- left: 65%;
- }
- .titulo-principal {
- position: relative;
- }
- .blog .inicio-post {
- position: absolute;
- top: 4em;
- height: 8em;
- left: 30%;
- right: 4em;
- background-color: #F2FFFC;
- color: #000;
- padding: 1.5em;
- }
- .blog .mais-recente {
- background-color: #F2FFFC;
- }
- .blog .mais-recente a {
- color: #F26;
- }
- .palavras-home {
- perspective: 6px;
- position: absolute;
- top: 0;
- left: 0;
- bottom: 0;
- right: 0;
- }
- .eficiencia {
- top: 50%;
- left: 60%;
- transform: translate(-50%, -50%) rotate(-5deg) translateZ(4px) scale(0.25);
- }
- .palavras-home li {
- font-size: 400%;
- }
- .boas-praticas {
- top: 70%;
- left: 20%;
- transform: translate(-50%, -50%) rotate(10deg) translateZ(1px) scale(0.25);
- }
- .codigo-limpo {
- top: 45%;
- left: 25%;
- transform: translate(-50%, -50%) rotate(-10deg) translateZ(2px) scale(0.25);
- }
- .css3 {
- top: 55%;
- left: 35%;
- transform: translate(-50%, -50%) rotate(5deg) translateZ(2px) scale(0.25);
- }
- .html5 {
- top: 30%;
- left: 65%;
- transform: translate(-50%, -50%) rotate(10deg) translateZ(2px) scale(0.25);
- }
- .javascript {
- top: 15%;
- left: 60%;
- transform: translate(-50%, -50%) rotate(-5deg) translateZ(1px) scale(0.25);
- }
- .acessibilidade {
- top: 30%;
- left: 35%;
- transform: translate(-50%, -50%) rotate(-5deg) translateZ(3px) scale(0.25);
- }
- .responsivo {
- top: 40%;
- left: 40%;
- transform: translate(-50%, -50%) rotate(10deg) translateZ(3px) scale(0.25);
- }
- .otimizacoes {
- top: 70%;
- left: 65%;
- transform: translate(-50%, -50%) rotate(-5deg) translateZ(2px) scale(0.25);
- }
- .agilidade {
- top: 75%;
- left: 35%;
- transform: translate(-50%, -50%) rotate(5deg) translateZ(1px) scale(0.25);
- }
- .design {
- top: 40%;
- left: 60%;
- transform: translate(-50%, -50%) rotate(10deg) translateZ(2px) scale(0.25);
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement