Les Paul Guitar

Google Doodle - Les Paul Guitar

by noriaki

HTML

<div id=lga>
    <div id=hplogo border=0>
        <div id=hplogo-g>
            <div id=hplogo-click onclick="google.doodle.go();"></div>
            <div id=hplogo-lcd-screen></div>
            <div id=hplogo-lcd-icon></div>
            <input id=hplogo-lcd-text value="" autocomplete=off onclick="this.focus(); this.select()" readonly=readonly>
            <div id=hplogo-on></div>
            <div id=hplogo-led></div>
            <div id=hplogot>96º Aniversario del nacimiento de Les Paul</div>
        </div>
        <div style="height:0; left:-100px; overflow:hidden; position:absolute; top:-100px; width:0">
            <input id=hplogo-i>
        </div>
    </div>
    <object width="0" height="0" type="application/x-shockwave-flash" id="guitar11-sound-player" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000">
        <param value="/logos/swf/guitar11.swf" name="movie" />
        <param value="always" name="allowScriptAccess" />
    </object>
</div>
<a href="http://www.google.com/logos/2011/lespaul.html">Google Logos - Les Paul</a>

CSS

#hplogo:active,
#hplogo:focus { outline: none }
#hplogo-g {
    background: url(http://www.google.com.ar/logos/2011/guitar11-hp-sprite.png) no-repeat 0 0;
    height: 175px;
    position: relative;
    width: 474px;
}
#hplogo-click {
    background: url(http://www.google.com.ar/logos/2011/guitar11-hp-sprite.png) no-repeat -2000px -2000px;
    cursor: pointer;
    height: 130px;
    left: 0;
    position: absolute;
    top: 0;
    width: 474px;
}
#hplogo-lcd {
    height: 30px;
    left: 70px;
    position: absolute;
    top: 129px;
    width: 200px;
}
#hplogo-lcd-icon {
    background: url(http://www.google.com.ar/logos/2011/guitar11-hp-sprite.png) no-repeat -580px -162px;
    cursor: pointer;
    height: 0;
    position: absolute;
    width: 0;
}
#hplogo-lcd-text {
    background: transparent;
    border: 0 none;
    color: #666;
    cursor: text;
    font-family: "VT323",arial,sans-serif;
    font-size: 14px;
    left: 77px;
    position: absolute;
    top: 134px;
    text-decoration: none;
    width: 182px;
}
#hplogo-lcd-screen {
    background: url(http://www.google.com.ar/logos/2011/guitar11-hp-sprite.png) no-repeat -2000px -2000px;
    height: 20px;
    left: 52px;
    position: absolute;
    top: 134px;
    width: 214px;
}
#hplogo-on {
    background: url(http://www.google.com.ar/logos/2011/guitar11-hp-sprite.png) no-repeat -809px -39px;
    height: 37px;
    left: 272px;
    position: absolute;
    top: 123px;
    width: 62px;
}
#hplogo-led {
    background: url(http://www.google.com.ar/logos/2011/guitar11-hp-sprite.png) no-repeat -2000px -2000px;
    height: 21px;
    left: 292px;
    position: absolute;
    top: 133px;
    width: 21px;
}
.hplogo-str {
    background: url(http://www.google.com.ar/logos/2011/guitar11-hp-sprite.png) no-repeat -530px -60px;
    height: 20px;
    position: absolute;
    width: 255px;
}
#hplogot {
    -webkit-box-shadow: 5px 5px 10px #ddd;
    -moz-box-shadow: 5px 5px 10px #ddd;
    box-shadow: 5px 5px 10px #ddd;
   ...

JavaScript

window.google = {
    kEI: "AarwTbiaIMi5twfy5tXCCg",
    kEXPI: "17259,17291,28505,29689,29696,29795,29822,30098,30731,30784,30828",
    kCSI: {
        e: "17259,17291,28505,29689,29696,29795,29822,30098,30731,30784,30828",
        ei: "AarwTbiaIMi5twfy5tXCCg",
        expi: "17259,17291,28505,29689,29696,29795,29822,30098,30731,30784,30828"
    },
    authuser: 0,
    ml: function() {},
    pageState: "#",
    kHL: "es",
    time: function() {
        return (new Date).getTime()
    },
    log: function(c, d, b) {
        var a = new Image,
            e = google,
            g = e.lc,
            f = e.li;
        a.onerror = (a.onload = (a.onabort = function() {
            delete g[f]
        }));
        g[f] = a;
        b = b || "/gen_204?atyp=i&ct=" + c + "&cad=" + d + "&zx=" + google.time();
        a.src = b;
        e.li = f + 1
    },
    lc: [],
    li: 0,
    j: {
        en: 1,
        l: function() {
            google.fl = true
        },
        e: function() {
            google.fl = true
        },
        b: location.hash && location.hash != "#",
        bv: 10,
        pm: "i",
        pl: [],
        mc: 0,
        sc: 0.5,
        u: "1752532d"
    },
    Toolbelt: {}
};
(function() {
    var c = google.j;
    window.onpopstate = function() {
        c.psc = 1
    };
    for (var d = 0, b; b = ["ad", "bc", "is", "p", "pa", "ac", "pc", "pah", "ph", "sa", "slp", "spf", "xx", "zc", "zz"][d++];)(function(a) {
        c[a] = function() {
            c.pl.push([a, arguments])
        }
    })(b)
})();
window.google.sn = "webhp";
var i = window.google.timers = {};
window.google.startTick = function(a, b) {
    i[a] = {
        t: {
            start: (new Date).getTime()
        },
        bfr: !(!b)
    }
};
window.google.tick = function(a, b, c) {
    if (!i[a]) google.startTick(a);
    i[a].t[b] = c || (new Date).getTime()
};
google.startTick("load", true);
try {
    window.google.pt = window.chrome && window.chrome.csi &&...