Source

cowsay.html / cowsay-dev.html

Full commit
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<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" />

<style type="text/css">
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;a
        background: transparent;
    }
    body {
        line-height: 1;
        text-align: center;
    }
    ol, ul {
        list-style: none;
    }
    blockquote, q {
        quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }
    
    /* remember to define focus styles! */
    :focus {
        outline: 0;
    }
    
    /* remember to highlight inserts somehow! */
    ins {
        text-decoration: none;
    }
    del {
        text-decoration: line-through;
    }
    
    /* tables still need 'cellspacing="0"' in the markup */
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }   
    

    
body {
	text-align: center;
	padding: 2em;
	font-size: 2em;	
}

input {
	border: 0px;
	font-size: 1em;
}
body, input {
    background: black;
    font-family: monospace, sans-serif;
	color: white;
	font-weight: bold;
	
}
    
div#main {
}	
	
div {
    width: 25em;
    margin-left: auto;
	margin-right: auto;
    text-align: left;
    }
    
  
a, a:visited, a:active {
	text-decoration: none;
	color: white;
}
a:hover {
	text-decoration: underline;
}

#bubble {
    padding: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
	border: 4px dashed white;
	
	text-overflow: ellipsis;
	overflow: hidden;
	
}

#cursor {
	font-weight: normal;
}

#cow {
	cursor: pointer;
}
</style>

<!-- Url parsing library -->
<script type="text/javascript" src="js/vendor/twitter.js"></script>

<!-- Functional and string manipulation tools for Javascript -->
<script type="text/javascript" src="js/vendor/underscore.js"></script>
<script type="text/javascript" src="js/vendor/underscore.strings.js"></script>

<!-- jQuery and its plugings -->
<script type="text/javascript" src="js/vendor/jquery.js"></script>
<script type="text/javascript" src="js/vendor/jquery.ba-hashchange.js"></script>

<script type="text/javascript" src="js/cowsay.js"></script>

<title>cowsay.html</title>
</head>
<body>




<div id="#main">	
$ cowsay 
<a id="twitterlink" href="http://twitter.com/linkkijkl">http://twitter.com/linkkijkl</a>
<div id="cursor">|</div>
<div id="wholecow" style="display: none;">
	<div id="bubble" ></div>
	<pre id="cow">
        \   ^__^
         \  (oo)\_______
            (__)\       )\/\
                ||----w |
                ||     ||   		
	</pre>
</div>
	<div id="input" style="display:none">
	$ cowsay http://twitter.com/<input id="username" type="text" size="13" />
	</div>

</div>



</body>
</html>