Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- main {
- width: 100%;
- padding-bottom: 0;
- float: none;
- }
- .foto-home {
- height: 200px;
- -webkit-border-radius: 5em 5em;
- -moz-border-radius:5em 5em;
- border-radius:5em 5em;
- }
- header {
- position: relative;
- }
- .palavras-home{
- perspective: 5px;
- position:absolute;
- }
- .palavra-home {
- font-family: "Shadows Into Light";
- font-weight: bold;
- letter-spacing: 0.1em;
- color: #D5447E;
- }
- .eficiencia{
- position: absolute;
- top:20%;
- left: 75%;
- transform: rotate(15deg);
- transform: translateZ(-3px);
- transform: translate(-50%, -50%);
- }
- .boas-praticas{
- position: absolute;
- top:75%;
- left: 15%;
- transform: rotate(20deg);
- transform: translateZ(-2px);
- transform: translate(-50%, -50%);
- }
- .codigo-limpo{
- position: absolute;
- top:20%;
- left:20%;
- transform: rotate(30deg);
- transform: translateZ(4px);
- transform: translate(-50%, -50%);
- }
- .css3{
- position: absolute;
- top: 35%;
- left: 30%;
- transform: rotate(45deg);
- transform: translateZ(2px);
- transform: translate(-50%, -50%);
- }
- .html5{
- position: absolute;
- top: 40%;
- left: 85%;
- transform: rotate(60deg);
- transform: translateZ(-8px);
- transform: translate(-50%, -50%);
- }
- .javascript{
- position: absolute;
- top: 5%;
- left: 65%;
- transform: rotate(30deg);
- transform: translateZ(-5px);
- transform: translate(-50%, -50%);
- }
- .acessibilidade{
- position: absolute;
- top: 40%;
- left: 15%;
- transform: rotate(170deg);
- transform: translateZ(2px);
- transform: translate(-50%, -50%);
- }
- .responsivo{
- position: absolute;
- top: 10%;
- left: 10%;
- transform: rotate(25deg);
- transform: translateZ(-3px);
- transform: translate(-50%, -50%);
- }
- .otimizacoes{
- position: absolute;
- top: 35%;
- left: 70%;
- transform: rotate(10deg);
- transform: translateZ(1px);
- transform: translate(-50%, -50%);
- }
- .agilidade{
- position: absolute;
- top: 5%;
- left: 30%;
- transform: rotate(75deg);
- transform: translateZ(2px);
- transform: translate(-50%, -50%);
- }
- .design{
- position: absolute;
- top: 25%;
- left: 60%;
- transform: rotate(115deg);
- transform: translateZ(5px);
- transform: translate(-50%, -50%);
- }
- .saudacao p {
- font-size: 1.5em;
- color: #99A;
- line-height: 1;
- padding: 2em;
- }
- .saudacao-inicio {
- font-size: 3em;
- color: #889;
- }
- .saudacao-ultima-linha {
- display: block;
- text-align: left;
- padding-left: 9em;
- padding-top: 1em;
- }
- .saudacao strong {
- font-size: 2em;
- color: #000;
- }
- .saudacao em {
- color: #851944;
- font-size: 4em;
- display:inline-block;
- transform: rotate(5deg) skewY(-10deg);
- }
- .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;
- }
- .tuiter {
- text-decoration:none;
- background-color: #3c1d3d;
- position:absolute;
- top:-20%;
- left:75%;
- width:14em;
- transform-origin: 0 0;
- transform: translate(6.5em, -2em) rotate(45deg);
- /* translateY(0.7em) */
- /* -1 * sen(45) * altura */
- /* transform: translateX(cos(45) * (1em - 30ch) + 30ch); */
- }
- .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 {
- position: relative;
- background-color: #999;
- color: #FFF;
- border-bottom: .5em solid #851944;
- }
- .blog small {
- position: relative;
- top: -2em;
- }
- .blog li a {
- color: #FCF;
- width: 50%;
- padding: .5em;
- display: block;
- }
- .mais-recente-um {
- background-color: #F2FFFC;
- }
- .inicio-post {
- background-color: #F2FFFC;
- color: black;
- position:absolute;
- border-radius: 0.5em;
- left: 35%;
- top: 25%;
- width: 50%;
- height: 6em;
- padding: 2%;
- }
- footer {
- background-color: #000;
- color: #FFF;
- padding: 2em;
- }
- footer h2 {
- font-size: 3em;
- }
- footer a {
- color: #F99;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement