<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <link rel="icon" href="http://assets.tumblr.com/images/favicon.gif?2" type="image/gif"/>
        <meta name="robots" content="noindex"/>
        <meta http-equiv="x-dns-prefetch-control" content="off"/>
                    <meta name="viewport" content="width=600"/>
                <title>Enter Password</title>
        <style type="text/css">
            body {
                background: #eeeeee;
            }
            
            form {
                margin: 0;
                padding: 0;
            }
        
            #form {
                position: absolute;
                top: 50%;
                left: 50%;
                margin: -27px 0 0 -151px;
                width: 302px;
                height: 54px;
            }

            .input_with_button {
                position: relative;
            }
            .input_with_button button:hover,
            .input_with_button button {
                opacity: 0;
                transition: opacity .1s ease-in-out;
                -moz-transition: opacity .1s ease-in-out;
                -webkit-transition: opacity .1s ease-in-out;
            }
            .input_with_button.enabled button {
                opacity: 0.99;
            }
            .is_ie .input_with_button button {
                height: 0px;
            }
            .is_ie .input_with_button.enabled button {
                height: 28px;
            }

            label, input, button {
                font: bold 14px/1.4 "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
                opacity: 0.99;
                margin: 0px;
                padding: 0px;
                vertical-align: top;
            }

            
            label {
                display: none;
            }
            label.placeholder {
                display: block;
                position: absolute;
                top: 0px;
                left: 0px;
                z-index: 1;
                padding: 13px 12px;
                cursor: text;
                color: #bbbbbb;
            }
            /*input {*/
            .input_with_button {
                background: #f4f4f4;
                color: #444444;

                border: 1px solid #bebebe;
                -webkit-border-radius: 4px;
                   -moz-border-radius: 4px;
                        border-radius: 4px;
                -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .1), 0px 1px 0px 0px rgba(255, 255, 255, .5);
                   -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .1), 0px 1px 0px 0px rgba(255, 255, 255, .5);
                        box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .1), 0px 1px 0px 0px rgba(255, 255, 255, .5);
                outline: none;
            }
            .input_with_button input {
                background: transparent;
                border: none;
                outline: none;
                padding: 10px 10px;
                width: 205px;
                height: 22px;
            }
            .input_with_button button {
                position: absolute;
                top: 0px;
                right: 0px;
            }
            input:-moz-placeholder {
                color: #bbbbbb !important;
            }
            input::-webkit-input-placeholder {
                color: #bbbbbb !important;
            }
            input:-ms-input-placeholder {
                color: #bbbbbb !important;
            }
            button {
                font-size: 12px;

                background: #888888;
                color: #f4f4f4;
                transition: opacity .1s ease-in-out;
                -moz-transition: opacity .1s ease-in-out;
                -webkit-transition: opacity .1s ease-in-out;

                height: 28px;
                margin: 7px 7px 7px 0px;
                padding: 0px 10px;
                float: right;

                border: none;
                border-radius: 2px;

                cursor: text;
            }
            .input_with_button.enabled button {
                opacity: 0.7;
                cursor: pointer;
            }
            .input_with_button.enabled button:hover,
            button:hover {
                opacity: 0.99;
            }
            .input_with_button.fast button {
                transition-duration: opacity 0s;
                -moz-transition-duration: opacity 0s;
                -webkit-transition-duration: 0s;
            }

            h2.error {
                font: bold 11px/1.4 "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
                text-align: center;

                background: #e3e3e3;
                color: #888888;

                margin: 10px 0px 0px;
                padding: 6px 0px;

                border: 1px solid #d5d5d5;
                border-radius: 2px;                
            }

            .error {
                        transition: margin-top .3s;
                   -moz-transition: margin-top .3s;
                -webkit-transition: margin-top .3s;
                position: relative;
                z-index: -1;
            }
            .error.hidden {
                overflow: hidden;
                margin-top: -36px;
            }

            .animated {
                -webkit-animation-fill-mode: both;
                -moz-animation-fill-mode: both;
                -ms-animation-fill-mode: both;
                -o-animation-fill-mode: both;
                animation-fill-mode: both;
                -webkit-animation: 1s ease;
                -moz-animation: 1s ease;
                -ms-animation: 1s ease;
                -o-animation: 1s ease;
                animation: 1s ease;
            }

            .shake.animated {
                -webkit-animation-duration: .5s;
                -moz-animation-duration: .5s;
                -ms-animation-duration: .5s;
                -o-animation-duration: .5s;
                animation-duration: .5s;
            }

            @-webkit-keyframes lilshake {
                0%, 100% {-webkit-transform: translateX(0);}
                17%, 50%, 83% {-webkit-transform: translateX(-5px);}
                33%, 67% {-webkit-transform: translateX(5px);}
            }

            @-moz-keyframes lilshake {
                0%, 100% {-moz-transform: translateX(0);}
                17%, 50%, 83% {-moz-transform: translateX(-5px);}
                33%, 67% {-moz-transform: translateX(5px);}
            }

            @-ms-keyframes lilshake {
                0%, 100% {-ms-transform: translateX(0);}
                17%, 50%, 83% {-ms-transform: translateX(-5px);}
                33%, 67% {-ms-transform: translateX(5px);}
            }

            @-o-keyframes lilshake {
                0%, 100% {-o-transform: translateX(0);}
                17%, 50%, 83% {-o-transform: translateX(-5px);}
                33%, 67% {-o-transform: translateX(5px);}
            }

            @keyframes lilshake {
                0%, 100% {transform: translateX(0);}
                17%, 50%, 83% {transform: translateX(-5px);}
                33%, 67% {transform: translateX(5px);}
            }

            .shake {
                -webkit-animation-name: lilshake;
                -moz-animation-name: lilshake;
                -ms-animation-name: lilshake;
                -o-animation-name: lilshake;
                animation-name: lilshake;
            }
        </style>
                    <script type="text/javascript" src="http://assets.tumblr.com/javascript/jquery_with_plugins.js?3de0d236587bdd33754dbcc095bdbf1f"></script>
                <script type="text/javascript">
            function checkInput( field, enableTarget ) {
                var $ = jQuery;
                field = $( field );
                enableTarget = enableTarget || field.parent();
                if ( field.val().length ) enableTarget.addClass( 'enabled' );
                else enableTarget.removeClass( 'enabled' );
                return !!field.val().length;
            }

            (function($){
                $(function(){
                    var fastTransitionTimeout;
                    $( '#password' ).on( {
                        focus: function ( e ) {
                            checkInput( this );
                        },
                        keyup: function ( e ) {
                            if ( checkInput( this ) )
                            {
                                $( '#password_error' ).addClass( 'hidden' );
                                clearTimeout( fastTransitionTimeout );
                                fastTransitionTimeout = setTimeout( function () {
                                    $( '.input_with_button' ).addClass( 'fast' );
                                }, 500 );
                            }
                            else
                            {
                                $( '.input_with_button' ).removeClass( 'fast' );
                            }
                        }
                    } ).focus();
                    $( 'form button[type="submit"]' ).on( 'mousedown', function ( e ) {
                        if ( !checkInput( '#password' ) )
                        {
                            e.preventDefault();
                            e.stopPropagation();
                            $( '#password' ).focus();
                        }
                    } );
                    $( 'form' ).on( 'submit', function ( e ) {
                        if ( !checkInput( '#password' ) ) return false;
                    } );
                    // Placeholder fallback
                    if ( $.browser.msie && parseInt( $.browser.version, 10 ) < 9 )
                    {
                        $( 'body' ).addClass( 'is_ie' );
                        $( 'label[for="password"]' )
                            .addClass( 'placeholder' )
                            .text( $( '#password' ).attr( 'placeholder' ) )
                            .css( 'display', 'block' )
                            .on( 'mousedown', function ( e ) {
                                e.preventDefault();
                                e.stopPropagation();
                                $( '#password' ).focus();
                            } )
                        ;
                        $( '#password' ).attr( 'placeholder', '' ).on( {
                            keyup: function ( e ) {
                                if ( !checkInput( '#password' ) ) $( 'label[for="password"]' ).css( 'display', 'block' );
                                else $( 'label[for="password"]' ).css( 'display', 'none' );
                            }
                        } );
                    }
                    // Measure the button
                    $( '#password' ).width( $( '#password_and_button' ).innerWidth() - jQuery( 'button' ).outerWidth() - 27 );
                                    });
            })(jQuery);
        </script>
    </head>
    <body>
        <div id="form">
            <div id="form_content">
                <form method="post">
                    <div id="password_and_button" class="input_with_button">
                        <label for="password">Password</label>
                        <input type="password" name="password" id="password" class="text_field" placeholder="Enter password" /><button type="submit">Enter</button>
                    </div>
                                    </form>
            </div>
        </div>
        
<iframe src="http://assets.tumblr.com/analytics.html?4344dcb6da7e8742c4c5ab1d76ffafae" scrolling="no" width="1" height="1" frameborder="0" style="background-color:transparent; overflow:hidden; position:absolute; top:0; left:0 z-index:9999;" id="ga_target"></iframe>

    <script>
        var COMSCORE = true;
        window.setTimeout(function() {
            var analytics_frame = document.getElementById('ga_target');
            analytics_frame.contentWindow.postMessage('enable_comscore;' + window.location, analytics_frame.src.split('/analytics.html')[0]);
        }, 1000);
    </script>



    <script type="text/javascript">
      var _qevents = _qevents || [];

      (function() {
       var elem = document.createElement('script');

       elem.src = (document.location.protocol == "https:" ? "https://secure" : "http://edge") + ".quantserve.com/quant.js";
       elem.async = true;
       elem.type = "text/javascript";
       var scpt = document.getElementsByTagName('script')[0];
       scpt.parentNode.insertBefore(elem, scpt);
      })();
    </script>
    <script type="text/javascript">
        _qevents.push( { qacct: 'p-19UtqE8ngoZbM' } );
    </script>
    <noscript>
        <div style="display: none;"><img src="//pixel.quantserve.com/pixel/'p-19UtqE8ngoZbM'.gif" height="1" width="1" alt="Quantcast"/></div>
    </noscript>


    <script type="text/javascript">var s=new Image(1,1);s.src=((r='http://www.tumblr.com/impixu?T=1371279768&J=eyJ0eXBlIjoidXJsIiwidXJsIjoiaHR0cDpcL1wvd3d3LmludmVyc2luLmNvbVwvYXRvbS54bWwiLCJyZXF0eXBlIjowfQ==&U=MAFEEOIPOF&K=c21923d719e70398739b460dbe17d7b2b2cd66606e314889aa1f8d0a2d77030c&R='.replace(/&R=[^&$]*/,'')) + ('&R='+escape(document.referrer)).substr(0, 2000-r.length).replace(/%.?.?$/,''));</script><noscript><img style="position:absolute;z-index:-3334;top:0px;left:0px;visibility:hidden;" src="http://www.tumblr.com/impixu?T=1371279768&J=eyJ0eXBlIjoidXJsIiwidXJsIjoiaHR0cDpcL1wvd3d3LmludmVyc2luLmNvbVwvYXRvbS54bWwiLCJyZXF0eXBlIjowLCJub3NjcmlwdCI6MX0=&U=MAFEEOIPOF&K=60ad0a7f790dcfa88d8ef5ede59fbe340e9c0fcd70575ede1118d2bc85d70c2b&R="></noscript>    </body>
</html>
