Skip to content

Instantly share code, notes, and snippets.

@pmrt

pmrt/style.css

Created Feb 13, 2020
Embed
What would you like to do?
/*
Container es mejor que sea una clase, los id tienen prioridad absoluta y solo se suelen usar para un elemento
que vayas a usar en javascript en específico. Por ejemplo un vídeo.
Pon en el html todos los elementos con la clase .parrot y añade en la clase de parrot que quieras con .parrot-n
por ejemplo: <div class="parrot p-23"></div>. Si es dinámico con javascript mejor, para que puedas añador y quitar
fácilmente sin tener que tocar código.
*/
html,body {
background-image: url("../space.png");
background-color: #000000;
height: 100%;
overflow: hidden;
margin: 0;
}
.container { height:100%; width:100%; }
.parrot {
position: fixed;
background-repeat: no-repeat;
background-size: 64px;
width: 64px;
height: 64px;
}
.parrot-1 {
background-image: url('../60fpsparrot.gif');
}
.parrot-2 {
background-image: url('../americaparrot.gif');
}
.parrot-3 {
background-image: url('../angelparrot.gif');
}
.parrot-4 {
background-image: url('../angryparrot.gif');
}
.parrot-5 {
background-image: url('../aussiecongaparrot.gif');
}
.parrot-6 {
background-image: url('../aussieparrot.gif');
}
.parrot-7 {
background-image: url('../aussiereversecongaparrot.gif');
}
.parrot-8 {
background-image: url('../beerparrot.gif');
}
.parrot-9 {
background-image: url('../beretparrot.gif');
}
.parrot-10 {
background-image: url('../bikerparrot.gif');
}
.parrot-11 {
background-image: url('../birthdaypartyparrot.gif');
}
.parrot-12 {
background-image: url('../bluntparrot.gif');
}
.parrot-13 {
background-image: url('../bobaparrot.gif');
}
.parrot-14 {
background-image: url('../bootlegparrot.gif');
}
.parrot-15 {
background-image: url('../boredparrot.gif');
}
.parrot-16 {
background-image: url('../brazilianfanparrot.gif');
}
.parrot-17 {
background-image: url('../brazilianplayerparrot.gif');
}
.parrot-18 {
background-image: url('../britparrot.gif');
}
.parrot-19 {
background-image: url('../bunnyparrot.gif');
}
.parrot-20 {
background-image: url('../calvinist_parrot.gif');
}
.parrot-21 {
background-image: url('../canadaparrot.gif');
}
.parrot-22 {
background-image: url('../ceilingparrot.gif');
}
.parrot-23 {
background-image: url('../chicoparrot.gif');
}
.parrot-24 {
background-image: url('../christmasparrot.gif');
}
.parrot-25 {
background-image: url('../confusedparrot.gif');
}
.parrot-26 {
background-image: url('../congaparrot.gif');
}
.parrot-27 {
background-image: url('../congapartyparrot.gif');
}
.parrot-28 {
background-image: url('../copparrot.gif');
}
.parrot-29 {
background-image: url('../dadparrot.gif');
}
.parrot-30 {
background-image: url('../darkmodeparrot.gif');
}
.parrot-31 {
background-image: url('../dealwithitnowparrot.gif');
}
.parrot-32 {
background-image: url('../dealwithitparrot.gif');
}
.parrot-33 {
background-image: url('../discoparrot.gif');
}
.parrot-34 {
background-image: url('../donutparrot.gif');
}
.parrot-35 {
background-image: url('../evilparrot.gif');
}
.parrot-36 {
background-image: url('../fastparrot.gif');
}
.parrot-37 {
background-image: url('../flowerparrot.gif');
}
.parrot-38 {
background-image: url('../flower_parrot.gif');
}
.parrot-39 {
background-image: url('../flyingmoneyparrot.gif');
}
.parrot-40 {
background-image: url('../footballparrot.gif');
}
.parrot-41 {
background-image: url('../frenchparrot.gif');
}
.parrot-42 {
background-image: url('../frenchparrothd.gif');
}
.parrot-44 {
background-image: url('../gentlemanparrot.gif');
}
.parrot-46 {
background-image: url('../gothparrot.gif');
}
.parrot-47 {
background-image: url('../grouchoparrot.gif');
}
.parrot-48 {
background-image: url('../hardhatparrot.gif');
}
.parrot-49 {
background-image: url('../harpoparrot.gif');
}
.parrot-50 {
background-image: url('../horizontalparrot.gif');
}
.parrot-51 {
background-image: url('../inverseparrot.gif');
}
.parrot-53 {
background-image: url('../jediparrot.gif');
}
.parrot-54 {
background-image: url('../laptop_parrot.gif');
}
.parrot-55 {
background-image: url('../mardigrasparrot.gif');
}
.parrot-56 {
background-image: url('../marshmallowparrot.gif');
}
.parrot-57 {
background-image: url('../mexicoparrot.gif');
}
.parrot-58 {
background-image: url('../middleparrot.gif');
}
.parrot-59 {
background-image: url('../moonwalkingparrot.gif');
}
.parrot-60 {
background-image: url('../mustacheparrot.gif');
}
.parrot-61 {
background-image: url('../norwegianblueparrot.gif');
}
.parrot-62 {
background-image: url('../opensourceparrot.gif');
}
.parrot-63 {
background-image: url('../originalparrot.gif');
}
.parrot-64 {
background-image: url('../parrot.gif');
}
.parrot-65 {
background-image: url('../parrotbeer.gif');
}
.parrot-66 {
background-image: url('../parrotcop.gif');
}
.parrot-67 {
background-image: url('../parrotmustache.gif');
}
.parrot-68 {
background-image: url('../parrotnotfound.gif');
}
.parrot-69 {
background-image: url('../partyparrot.gif');
}
.parrot-70 {
background-image: url('../pingpongparrot.gif');
}
.parrot-71 {
background-image: url('../pirateparrot.gif');
}
.parrot-72 {
background-image: url('../popcornparrot.gif');
}
.parrot-73 {
background-image: url('../portalblueparrot.gif');
}
.parrot-74 {
background-image: url('../portalorangeparrot.gif');
}
.parrot-75 {
background-image: url('../prideparrot.gif');
}
.parrot-76 {
background-image: url('../pumpkinparrot.gif');
}
.parrot-77 {
background-image: url('../redenvelopeparrot.gif');
}
.parrot-78 {
background-image: url('../redhatparrot.gif');
}
.parrot-79 {
background-image: url('../reversecongaparrot.gif');
}
.parrot-80 {
background-image: url('../reverseparrot.gif');
}
.parrot-81 {
background-image: url('../reverseportalblueparrot.gif');
}
.parrot-82 {
background-image: url('../reverseportalorangeparrot.gif');
}
.parrot-83 {
background-image: url('../revolutionparrot.gif');
}
.parrot-84 {
background-image: url('../rightparrot.gif');
}
.parrot-85 {
background-image: url('../sadparrot.gif');
}
.parrot-86 {
background-image: url('../sassyparrot.gif');
}
.parrot-87 {
background-image: url('../scienceparrot.gif');
}
.parrot-88 {
background-image: url('../serbiaparrot.gif');
}
.parrot-89 {
background-image: url('../sherlockholmesparrot.gif');
}
.parrot-90 {
background-image: url('../shuffleparrot.gif');
}
.parrot-91 {
background-image: url('../sintparrot.gif');
}
.parrot-92 {
background-image: url('../sithparrot.gif');
}
.parrot-93 {
background-image: url('../sleepingparrot.gif');
}
.parrot-94 {
background-image: url('../slowparrot.gif');
}
.parrot-95 {
background-image: url('../spinningparrot.gif');
}
.parrot-96 {
background-image: url('../spyparrot.gif');
}
.parrot-97 {
background-image: url('../stableparrot.gif');
}
.parrot-98 {
background-image: url('../sushiparrot.gif');
}
.parrot-99 {
background-image: url('../tennisparrot.gif');
}
.parrot-100 {
background-image: url('../thumbsupparrot.gif');
}
.parrot-101 {
background-image: url('../tiedyeparrot.gif');
}
.parrot-102 {
background-image: url('../trans-parrot.gif');
}
.parrot-103 {
background-image: url('../transparront.gif');
}
.parrot-104 {
background-image: url('../twinsparrot.gif');
}
.parrot-105 {
background-image: url('../ultrafastparrot.gif');
}
.parrot-106 {
background-image: url('../vikingparrot.gif');
}
.parrot-107 {
background-image: url('../wendyparrot.gif');
}
.parrot-108 {
background-image: url('../whitewalkerparrot.gif');
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment