Animales: búsqueda en comentarios: #ralph http://www.meneame.net www.meneame.nethttp://www.meneame.nethttp://cdn.mnmstatic.net/m/animales/img/mnm/eli-rss.png Sitio colaborativo de publicación y comunicación entre blogs Mon, 14 Jul 2014 04:47:22 +0000 http://blog.meneame.net/ es 15039147 2216502 16 aldur 3 -12 https://www.meneame.net/m/tecnología/retrato-marge-simpson-1-000-lineas-codigo #16 Un retrato de Marge Simpson con 1.000 líneas de código https://www.meneame.net/m/tecnología/retrato-marge-simpson-1-000-lineas-codigo/c016#c-16 Mon, 14 Jul 2014 04:47:22 +0000 aldur https://www.meneame.net/m/tecnología/retrato-marge-simpson-1-000-lineas-codigo/c016#c-16 Soy especial!

#ralph-wiggum *
{
position: absolute;
box-sizing:content-box;
mozbox-sizing:content-box;
}

#ralph-wiggum
{
position: relative;
width: 109px;
height: 84px;
margin: 0 auto;
}

#ralph-wiggum .head *
{
border: 1px solid #110b00;
}

#ralph-wiggum .head .no-border
{
border: none;
}

#ralph-wiggum .head .body
{
background: #fbd800;
}

#ralph-wiggum .head .hair
{
webkitborder-radius: 50%;
mozborder-radius: 50%;
border-radius: 50%;
}

#ralph-wiggum .head .hair-left
{
border-right: none;
}

#ralph-wiggum .head .hair-right
{
border-left: none;
}

#ralph-wiggum .head .hair1
{
top: 1px;
left: 7px;
height: 51px;
width: 24px;
transform: rotate(40deg);
mstransform: rotate(40deg);
webkittransform: rotate(40deg);
}

#ralph-wiggum .head .hair2
{
top: -2px;
left: 18px;
height: 56px;
width: 26px;
transform: rotate(38deg);
mstransform: rotate(38deg);
webkittransform: rotate(38deg);
}

#ralph-wiggum .head .hair3
{
top: -2px;
left: 26px;
height: 52px;
width: 22px;
mozborder-top: none;
mozborder-bottom: none;
transform: rotate(31deg);
mstransform: rotate(31deg);
webkittransform: rotate(31deg);
}

#ralph-wiggum .head .hair4
{
top: -2px;
left: 35px;
height: 45px;
width: 21px;
transform: rotate(31deg);
mstransform: rotate(31deg);
webkittransform: rotate(31deg);
}

#ralph-wiggum .head .hair5
{
top: -1px;
left: 45px;
height: 32px;
width: 14px;
transform: rotate(31deg);
mstransform: rotate(31deg);
webkittransform: rotate(31deg);
}

#ralph-wiggum .head .hair6
{
top: 0px;
left: 53px;
height: 27px;
width: 10px;
transform: rotate(21deg);
mstransform: rotate(21deg);
webkittransform: rotate(21deg);
}

#ralph-wiggum .head .hair7
{
top: 2px;
left: 60px;
height: 21px;
width: 2px;
transform: rotate(5deg);
mstransform: rotate(5deg);
webkittransform: rotate(5deg);
}

#ralph-wiggum .head .hair8
{
top: 1px;
left: 61px;
height: 24px;
width: 6px;
transform: rotate(-20deg);
mstransform: rotate(-20deg);
webkittransform: rotate(-20deg);
}

#ralph-wiggum .head .hair9
{
top: 0px;
left: 67px;
height: 28px;
width: 6px;
transform: rotate(-35deg);
mstransform: rotate(-35deg);
webkittransform: rotate(-35deg);
}

#ralph-wiggum .head .hair10
{
top: 0px;
left: 73px;
height: 28px;
width: 6px;
transform: rotate(-42deg);
mstransform: rotate(-42deg);
webkittransform: rotate(-42deg);
}

#ralph-wiggum .head .hair11
{
top: 0px;
left: 79px;
height: 30px;
width: 6px;
transform: rotate(-42deg);
mstransform: rotate(-42deg);
webkittransform: rotate(-42deg);
}

#ralph-wiggum .head .hair12
{
top: -4px;
left: 86px;
height: 40px;
width: 6px;
transform: rotate(-54deg);
mstransform: rotate(-54deg);
webkittransform: rotate(-54deg);
}

#ralph-wiggum .head .head1
{
top: 2px;
left: 6px;
width: 95px;
height: 80px;
border-radius: 43% 46% 50% 45% / 50% 47% 50% 50%;
webkitborder-radius: 43% 46% 50% 45% / 50% 47% 50% 50%;
mozborder-radius: 43% 46% 50% 45% / 50% 47% 50% 50%;
}

#ralph-wiggum .head .head2
{
top: 71px;
left: 55px;
width: 29px;
height: 12px;
border-bottom: 1px solid #110b00;
}

#ralph-wiggum .head .ear
{
top: 43px;
left: 1px;
width: 14px;
height: 15px;
border-radius: 45% 50% 29% 50%;
webkitborder-radius: 45% 50% 29% 50%;
mozborder-radius: 45% 50% 29% 50%;
}

#ralph-wiggum .head .ear .inner1
{
top: 5px;
left: 6px;
height: 6px;
width: 2px;
border-right: none;
border-radius: 50%;
webkitborder-radius: 50%;
mozborder-radius: 50%;
transform: rotate(-20deg);
mstransform: rotate(-20deg);
webkittransform: rotate(-20deg);
}

#ralph-wiggum .head .ear .inner2
{
top: 6px;
left: 2px;
width: 6px;
height: 2px;
border-bottom: none;
border-radius: 50%;
webkitborder-radius: 50%;
mozborder-radius: 50%;
transform: rotate(-20deg);
mstransform: rotate(-20deg);
webkittransform: rotate(-20deg);
}

#ralph-wiggum .head .ear .clip
{
top: 2px;
left: 10px;
width: 6px;
height: 13px;
}

#ralph-wiggum .head .eye
{
background: #ffffff;
webkitborder-radius: 50%;
mozborder-radius: 50%;
border-radius: 50%;
}

#ralph-wiggum .head .eye .pupil
{
width: 4px;
height: 4px;
background: #110b00;
webkitborder-radius: 50%;
mozborder-radius: 50%;
border-radius: 50%;
}

#ralph-wiggum .head .left-eye
{
top: 30px;
left: 43px;
width: 22px;
height: 20px;
border-radius: 42% 47% 50% 50%;
webkitborder-radius: 42% 47% 50% 50%;
mozborder-radius: 42% 47% 50% 50%;
webkitbox-shadow: 1px 8px 0px 8px rgba(251, 216, 0, 1);
mozbox-shadow: 1px 8px 0px 8px rgba(251, 216, 0, 1);
box-shadow: 1px 8px 0px 8px rgba(251, 216, 0, 1);
}

#ralph-wiggum .head .left-eye .pupil
{
top: 8px;
left: 5px;
}

#ralph-wiggum .head .right-eye
{
top: 30px;
left: 78px;
width: 19px;
height: 18px;
border-radius: 42% 45% 51% 50%;
webkitborder-radius: 42% 45% 51% 50%;
mozborder-radius: 42% 45% 51% 50%;
webkitbox-shadow: -4px 8px 0px 4px rgba(251, 216, 0, 1);
mozbox-shadow: -4px 8px 0px 4px rgba(251, 216, 0, 1);
box-shadow: -4px 8px 0px 4px rgba(251, 216, 0, 1);
}

#ralph-wiggum .head .right-eye .pupil
{
top: 7px;
left: 9px;
}

#ralph-wiggum .head .nose
{
top: 48px;
left: 69px;
width: 14px;
height: 12px;
border-left: none;
border-radius: 0 50% 50% 0;
webkitborder-radius: 0 50% 50% 0;
mozborder-radius: 0 50% 50% 0;
}

#ralph-wiggum .head .mouth1
{
top: 53px;
left: 40px;
width: 67px;
height: 20px;
border-radius: 50%;
webkitborder-radius: 50%;
mozborder-radius: 50%;
}

#ralph-wiggum .head .mouth2
{
top: 65px;
left: 45px;
width: 1px;
height: 5px;
background: #110b00;
transform: rotate(-9deg);
mstransform: rotate(-9deg);
webkittransform: rotate(-9deg);
webkitbox-shadow: -5px -1px 0px 4px rgba(251, 216, 0, 1);
mozbox-shadow: -5px -1px 0px 4px rgba(251, 216, 0, 1);
box-shadow: -5px -1px 0px 4px rgba(251, 216, 0, 1);
}

#ralph-wiggum .head .mouth3
{
top: 69px;
left: 44px;
width: 1px;
height: 5px;
background: #110b00;
transform: rotate(39deg);
mstransform: rotate(39deg);
webkittransform: rotate(39deg);
}

#ralph-wiggum .head .mouth4
{
top: 54px;
left: 95px;
width: 10px;
height: 13px;
border-right: 1px solid #110b00;
transform: rotate(-35deg);
mstransform: rotate(-35deg);
webkittransform: rotate(-35deg);
}

#ralph-wiggum .head .mouth5
{
top: 71px;
left: 84px;
width: 7px;
height: 9px;
border-right: 1px solid #110b00;
border-bottom: 1px solid #110b00;
border-radius: 0 0 2px 0;
webkitborder-radius: 0 0 2px 0;
mozborder-radius: 0 0 2px 0;
transform: skew(0deg, -39deg);
mstransform: skew(0deg, -39deg);
webkittransform: skew(0deg, -39deg);
}

:shit:

» autor: aldur

]]>